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! 😊