Category: Javascript
-
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.
-
HTML5 Cross Platform Game Development using Phaser 3 – Build a Vertical Endless Runner – UPDATED
Here we go, the long awaited update to HTML5 Cross Platform Game Development has been released, build a HTML5 vertical endless runner using Phaser 3 with this interactive course.
-
Add Font Awesome icons to your HTML5 games powered by Phaser thanks to its DOM support
The power of Phaser HTML5 framework + the style of Font Awesome icons, working together. Complete commented example available for download.
-
“Phaser 3 HTML5 Cross Platform Game Development – Endless Runner” interactive course updated to Phaser 3.50
From the experience of more than 400 Phaser tutorials, a complete interactive course about the development of a HTML5 cross platform commercial game, updated to Phaser 3.50
-
Add jQuery UI component to your HTML5 games powered by Phaser thanks to its DOM support
The power of Phaser HTML5 framework + the beauty of jQuery UI components, working together. Complete commented example available for download.
