tooqin-ui-plugins

Notes of Phaser3 engine

Links

• Phaser3
  • Discord channel
  • Forum
• API
• Notes
  • rexUI
  • Discord channel

Demo

Prepare

1. Install node.js (ver 10+, for rollup)
2. Click install.bat
   • npm install

Run examples

1. Click *.bat in folder examples, it will open application on browser

Export minify file of plugins

1. Click export-plugins.bat
   • npm run build

File structure

• Folder dist : Plugin minify files
• Folder plugins, templates : Source code of plugins and templates
• Folder examples : Test code of plugins
• Folder docs : Some notes of phaser3, and my plugins.
  • site\index.html : Entry point.

Showcase

• 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