Category: Box2D
-
HTML5 “Watermelon Game” using Phaser and Box2D powered by Planck.js updated with new square and pentagon shapes – Get it on Gumroad
Big update to HTML5 "Watermelon Game" powered by Phaser and Box2D. Now featuring square and polygon shapes. Get the full commented TypeScript source code on Gumroad.
-
Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 2: adding holes and goal
In the second step of the series about Teeter (Up) game built in HTML5 I added the goal and deadly holes. Powered by Phaser and Box2D, written in TypeScript- Full commented source code available.
-
Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 1: platform movement
Teeter (Up) is a fun Netflix game you can play on your mobile phone. Look how I rebuilt the bar movement in a HTML5 prototype using Phaser, and Box2D. Full TypeScript source code available to download.
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 7: adding sounds and loading bar. Get it on Gumroad
Get the HTML5 "Watermelon Game" full webpack project, powered by Phaser and Box2D through Planck.js, written in TypeScript. Phaser official webpack template included. Free download, just enter "zero" as price.
-
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.
-
Add a Bootstrap navbar to your HTML5 Phaser games and let it manage the UI
Do you hate coding the GUI of your HTML5 Phaser games? Use Bootstrap to do the dirty work and let Phaser and Bootstrap exchange information. Full working example explained.
-
HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and written in TypeScript – Particle explosions and score
"Block it" HTML5 prototype now features a score system and particles explosion when it's game over. A physics game using Phaser and Box2D thanks to Planck.js, written in TypeScript. Full commented source code available.
