Author: Emanuele Feronato
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 6: saving high score and using object pooling
Now HTML5 prototype of the Watermelon Game uses object pooling to save resources, and can save the best score with local storage. Enjoy and get the commented source code. Powered by Phaser and Box2D through Planck.js, written in TypeScript.
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 5: adding graphics, score, “next” icon and checking for game over
Massive update of HTML5 prototype of "Watermelon Game" featuring fancy graphics, score, checking for game over, "next" icon, animated background and panels. Built with Phaser and Box2D with Planck.js, written in TypeScript. Source code available to download.
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 4: handling user input
Now the HTML5 prototype of Watermelon Game handles user input so it's becoming playable. Powered by Phaser and Box2D/Planck.js, written in TypeScript. Full source code available to download.
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 3: particle effects and more customization
In the 3rd step of "Watermelon" HTML5 prototype I added more room for customization and particle explosions. Full source code powered by Phaser and written in TypeScript available to download. Physics powered by Box2D through Planck.js
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 2: adding delays and explosions
Second step of the HTML5 prototype of "Watermelon Game". I added some delays and explosions to the physics engine, to let me easily add particle effects in next step. Powered by Phaser and Planck.js, written in TypeScript. Source code available to download.
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 1: the basic game mechanics
First step in the creation of a HTML5 game like "Watermelon Game" using Phaser and Box2D physics powered by Planck.js. Let's see how to merge two balls into a bigger one. Full TypeScript source code available to download.
-
Playing with official Phaser Parcel template, using it to build a Perfect Square! prototype
Here is the official Phaser Parcel template used to build one of my latest HTML5 game prototypes, Perfect Square! Look how I turned a template into a complete HTML5 game. Source code available to download.
-
Getting Ready to Develop HTML5 Games with Phaser and TypeScript – A free minibook to get you started
Basic knowledge should be easily accessible, and that's why I published this free minibook to get you started on HTML5 game development with Phaser and TypeScript.
-
Using TypeScript to build HTML5 games with Phaser, webpack and Visual Studio Code
Moving from JavaScript to TypeScript to build HTML5 games has never been so much easy with this complete tutorial covering Node.js, npm, npx, Visual Studio Code and Phaser.
-
Publishing HTML5 games with Phaser, webpack and Visual Studio Code
Create distributable versions of your HTML5 games powered by Phaser using Visual Studio Code and webpack.
-
Developing HTML5 games with Phaser, webpack and Visual Studio Code
Learn to configure Visual Studio Code and webpack to work with Phaser and optimize your HTML5 game development with this detailed step by step tutorial featuring source code examples and more than 20 images.
-
Your first web server using Node.js, and why you should definitively use a web server
If you are into HTML5 game development, sooner or later you will have to start a web server. This basic guide explains you how to create a simple web server with Node.js, and why you definitively should use a web server.
