Author: Emanuele Feronato
-
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.
-
Turn your HTML5 games into desktop applications using Electron and distribute them – Part 1: Windows
Look how I turned a HTML5 game into a native Windows desktop app in a matter of minutes using Electron. Step by step guide with source code, screenshots and downloadable final project.
-
Wet paint: new theme for the blog, developed from scratch using BlankSlate and Bootstrap
New theme for the blog, developed from scratch using BlankSlate and Bootstrap. It's incredible how easy is the process of making a site responsive using BootStrap's grid system and display properties.
