Category: TypeScript
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 6: final touches and settings to increase difficulty
In the 6th step of "Stairs" HTML5 prototype built with Phaser and Three.js I added options to automatically increase difficulty as players proceed in this endless runner. Full commented TypeScript source code to download for free.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 5: update to latest Three.js version, moving steps, bonuses to collect and more improvements
I am starting the new year with a massive update to HTML5 prototype of "Stairs" game built with Phaser and Three.js, written in Typescript. Moving steps, bonuses to collect, latest Three.js library and more. Full commented source code available for free.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 4: collision detection, better controls and level progression
Massive update of "Stairs" HTML5 3D game prototype, featuring collision detection without any physics engine, virtual trackpad to control the ball and level progression. Powered by Phaser and Three.js, written in TypeScript. Full commented source code available.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 3: controlling the bouncing ball and adding more spikes
In the 3rd step of "Stairs" HTML5 game powered by Phaser and Three.js, I'll show you how to control the ball with mouse and add more spikes. Full commented TypeScript source code available.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 2: adding the bouncing ball just using trigonometry
In this second step of "Stairs" HTML5 protoype built with Phaser and Three.js we'll see how to add a bouncing ball with no physics engines, just using trigonometry. Full commented source code available, written in TypeScript.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 1: building an endless staircase with random spikes
Using Phaser and Three.js together allowed me to build an endless HTML5 3D staircase with random spikes in a few lines of code. Full commented source code in TypeScript available for download.
-
“Bouncy Light” HTML5 prototype built using Phaser to handle game logic and Three to render 3D graphics, written in TypeScript
Working example of full integration between Phaser and Three.js with no external software to build HTML5 games in 3D. "Bouncy Light" prototype available for download with source code.
-
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.
-
How to handle a consuming energy bar, or measure the time a player is pressing a button, in your Phaser powered HTML5 games using TypeScript
Detailed tutorial with completely commented source code about handling an energy bar in your HTML5 games. Powered by Phaser, written in TypeScript.
-
HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and written in TypeScript – Turning walls on and off, introducing energy
"Block it" HTML5 prototype now features activable walls and an energy system. A good way to learn how to build physics games with Phaser and Box2D, coding in Typescript. Full commented source code available.
-
HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and written in TypeScript – Moving walls and using sprites to render compound objects
The HTML5 prototype of a "Block it" game continues, adding sprites to render the Box2D compound object, which now also rotates. Powered by Phaser and Planck, written in TypeScript. Full commented source code available.
