Category: Javascript
-
From Tiled to HTML5 game with Box2D physics using Phaser and Planck.is – “Totem Destroyer” example
Draw your "Totem Destroyer" levels in a matter of seconds using Tiled and turn them into actual playable HTML5 levels powered by Phaser and Box2D using Planck.js
-
Build a HTML5 game like old Flash glory “Totem Destroyer” using Phaser and Planck.js physics engine
Do you remember TOTEM DESTROYER? Another old Flash smashing hit revives with a HTML5 version powered by Phaser and Box2D port by Planck.js. Full commented source code available.
-
Pure JavaScript class with no dependencies to handle math draw games like “DrawSum”: build your HTML5 math game in a matter of minutes
Build your own HTML5 drawing math game using only FIVE methods thanks to this pure JavaScript class with no dependencies. Focus only on input and visual effects, leaving the dirty work to the class. Full Phaser example included.
-
Play “Drop the Square”, my latest HTML5 game on itch.io
Play my latest HTML5 game, "Drop the Square", and follow me both on itch.io and on Gumroad to get my latest games and courses.
-
Understanding Phaser capability of running multiple Scenes simoultaneously with a real world example: continous particle scrolling background while main Scene restarts
You can build awesome and eye candy HTML5 games using Phaser capability to have multiple Scenes running simultaneously, so you can restart a single scene without stopping the game. Real world example with source code available.
-
HTML5 prototype of iOS game “Perfect Square!” updated to Phaser 3 and Modern JavaScript – Build a physics game using only tweens
Learn the basics of Modern Javascript and build a HTML5 physics game like "Perfect Square!" without using any physics engine, only Phaser tweens. Full source code available for download.
-
Build a HTML5 hook like the one featured in “Mikey Hooks” using Phaser and Planck.js port of Box2D
Box2D lives again with the HTML5 prototype of Mikey Hooks powered by Phaser and Planck.js. Everything is managed by distance joints, commented source code available.
-
Understanding Box2D revolute joints, HTML5 example powered by Phaser and Planck.js
I really want to bring back up old Flash glories powered by Box2D, using HTML5 this time. Look how Phaser and Planck.js can work together to build a physics world with a platform controlled by a revolute joint and random bodies falling over it. Commented source code available.
-
Mix and merge more sprites into one single game object in your HTML5 games thanks to Phaser RenderTexture game object
When you need to merge more images into a single sprite in your HTML5 games, it's time to use Phaser RenderTexture object. Full working example with commented source code available
-
Destroy platforms with style in your HTML5 platformers powered by Phaser using particle emitters and emit zones
Platforms have an important role in platform games, we can't just remove them. Look how I make platforms explode in a HTML5 game thanks to Phaser particle system. Commented source code available.
-
Build a HTML5 game like DROP’d using Phaser and Arcade Physics in less than 150 lines of code
"DROP'd" is a cute and fun one-button endless runner available for iOS. I managed to build a HTML5 prototype in less than 150 lines of code. Powered by Phaser and Arcade physics. Full source code available.
-
Understanding perfect maze generation row after row with Eller algorithm, using a pure JavaScript class
There are a lot of algorithms to generate perfect mazes, but I am showing you the way to build a perfect maze line by line, virtually infinite, with Eller generation. Full pure JavaScript class included in the downloadable example.