apowophaserui

apowophaserui Plugins

Usage no npm install needed!

<script type="module">
  import apowophaserui from 'https://cdn.skypack.dev/apowophaserui';
</script>

README

ui项目基于 Phaser3 引擎

链接

安装

yarn add apowophaserui

使用

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

phaser-rexui 部分demo

Webgl shader effect
- Swirl
- Pixelation
- Toonify
Virtual joystick
Path finder
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项目）

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