Good news everyone! I've just wrapped up a major refresh of all our Phaser.js templates. Let me share what's new and improved!

A More Unified Approach

One of the coolest improvements is how we've reorganized our template structure:

  • We now have two common Phaser templates that work as shared foundations
  • This makes everything more consistent and easier to maintain
  • We've created a clean divide between vanilla JavaScript/TypeScript templates and our framework-based ones

For those using React or Angular, don't worry - we've kept the eventbus system that helps your web components talk smoothly with Phaser scenes.

What's New in Your Favorite Frameworks

Angular

  • We're now running on Angular 19! 🎉
  • Thanks to @jabiinfante's brilliant suggestion, we can now reference components with this cleaner syntax:
    phaserRef = viewChild.required(PhaserGame);

React

  • Fresh update to React 19
  • We're still using forwardRef for now, but we're working on a more modern approach that aligns with React's latest recommendations

Building Better

  • Our popular Vite template is now on version 6.3.x
  • We've also refreshed all our other build tools:
    • ESBuild
    • Webpack
    • Rollup
    • Parcel

Tools That Make Your Life Easier

Phaser Editor

  • Fully updated to work perfectly with all our new templates

Template Generator

  • Remember how complicated it was to clean up scenes in the template generator? Not anymore!
  • The new system is much simpler - just replace the base and everything works

Ready for What's Next!

All these updates mean we're totally prepared for the next amazing version of Phaser. Your projects will have a rock-solid foundation that uses the latest and greatest tools available.

Happy coding! 😊