Category: Javascript
-
Add Bootstrap component to your HTML5 games powered by Phaser thanks to its DOM support
The power of Phaser HTML5 framework + the beauty of Boostrap components, working together. Complete commented example available for download.
-
“CLOCKS – The Game” HTML5 playable game with 10 levels updated to Phaser 3 with commented source code
Play the first 10 levels of the original "CLOCKS - The Game" in this HTML5 port of the game powered by Phaser and Arcade physics, then get the completely commented source code.
-
Build a HTML5 game like GAMEE’s “Color Hit” only using tweens and trigonometry, powered by Phaser
"Color Hit" is a fun hyper casual game I was able to prototype in less than 100 lines of code. Full HTML5 working example powered by Phaser, using only tweens and a bit of trigonometry. Commented source code available.
-
How to find adjacent tiles in hexagonal maps – ALL and EVERY case explained and managed by a single file.
There are four types of hexagon tile based maps, according to hexagon placement, number of rows and columns, but I wrote a single script to manage them all, with four HTML5 examples powered by Phaser. Full source code available.
-
HTML5 “2048” game built with Phaser 3 updated: determining when there aren’t more moves
How to check when there aren't more moves in a "1024" game? In the updated prototype of "2048", my HTML5 take on this game built with Phaser 3, I am explaining it. Full source code available.
-
Understanding JavaScript hoisting
Sometimes is good to go back to the basics, remember a big building needs strong foundations. Here is a guide to understand JavaScript hoisting, if some of your variables get weird values, this post is for you.
-
Build a HTML5 game like “Turn” mobile hit using Phaser
"Turn" is a quick easy and fun iOS game by Ketchapp, look how I built a HTML5 version in less than 200 lines of code powered by Phaser. Full source code available.
-
“Pixelfield” HTML5 prototype updated – adding wraparound effect
Look how I added a wraparound effect to give new life to an old Flash game: PixelField. Full HTML5 example powered by Phaser with source code available.
-
Turn your HTML5 games into desktop applications using Electron and distribute them – Part 2: protect your resources and change file icon
Thanks to Electron, your HTML5 games can be distributed as a Desktop app, and in the 2nd part of the guide I am showing you how to protect your resources and edit the icon. Full downloadable project powered by Phaser
-
“PixelField” prototype ported to HTML5 using Phaser
"PixelField" was an old Flash game made by Tonypa. I am trying to port it to HTML5, adapting the gameplay to modern times and devices. Will I sort out something good out of it? Follow the tutorial series with the full source code powered by Phaser
-
Build a HTML5 game like “Risky Road” using Phaser – step 5: drawing a better terrain
I am showing you how to draw a good looking procedural terrain for the "Risky Road" HTML5 prototype powered by Phaser and Matter physics
-
HTML5 “Ballz” prototype built with Phaser 3 now features predictive trajectory
This is probably the first predictive trajectory script built for Arcade physics, featuring a full Phaser prototype of "Ballz" game. Completely commented source code available.
