apowophaserui

ui项目基于 Phaser3 引擎

链接

• Phaser3
  • Discord channel
  • Forum
• API
• Notes
  • rexui
  • Discord channel

安装

1. yarn add apowophaserui

使用

- 项目入口类 import "apowophaserui"
- 对应组件 improt { Button } from "apowophaserui" 其他组件可以通过rexui的api选择导入

phaser-rexui 部分demo

• Webgl shader effect
  • Swirl
  • Pixelation
  • Toonify
• Virtual joystick
• Path finder
  • Find area, get path
  • Move from high to low
  • Energy drain
• Bejeweled
• Kaleidoscope
• UI
  • Dialog
    • Yes/No
    • Choice
    • Pop-up
  • Edit
  • Menu
  • Text-box
  • Text-area
  • Number bar
  • Grid table
  • Tabs
    • Tabs-tables
  • Scroll-able panel
  • Pages
  • Fix-width sizer
  • Chart
  • Video
  • Anchor
  • Round-rectangle

生成声明文件流程（Phaser3-ui项目）

1. 利用tsc指令将ts脚本转换成js脚本
2. 利用jsdoc的api对于js脚本属性和方法进行描述，再使用tsgen指令，生成apowophaserui.d.ts声明文件
3. 利用watch指令将ui库的js脚本打包成apowophaserui.js
4. 修改项目version，利用npm发布apowophaserui包