Notes of Phaser3 engine

Links

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

Demo

Prepare

1. Install node.js
2. Click install.bat
   • npm install
3. If you don't have wepback in global:

   npm install --global webpack
   npm install --global webpack-cli
   

Run examples

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

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