Category: HTML5
-
Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – creation of an engine capable of managing any kind of level
The new version of "Space is KEY" HTML5 prototype is capable of running any kind of level, each one with its own palette, obstacles, amount of floors and a square with custom size, speed, gravity and jump force. All built with Phaser and written in TypeScript, source code available to download for free.
-
Create a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – updated to Phaser 3.60 and rewritten in TypeScript
Old Flash glory "Space is Key" now gets a HTML5 prototype updated to Phaser 3.60, written in TypeScript and with room for customization. Full source code available.
-
Pure TypeScript class with no depencencies to handle Draw and Match games in just a few lines – Full Phaser example
With this pure TypeScript class with no dependencies you can build HTML5 Draw and Match games in a matter of minutes with just a couple of methods. Full commented and explained Phaser example
-
Add a virtual joystick to your HTML5 games in a matter of minutes with nippleJS. Example powered by Phaser and Arcade physics
Add a virtual joystick to your HTML5 games in a matter of minutes with nippleJS. Full commented example using Phaser, written in TypeScript
-
Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – making player stop, and maybe fall
This new step in the creation of a HTML5 version of "Magick" game features the ability to stop the player and make it fall from edges. Powered by Phaser and written in TypeScript, with full source code available to download.
-
Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – adding multiple levels
"Magick" HTML5 prototype built with Phaser now features more tile types and four different levels. Source code written in TypeScript available for download.
-
Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – updated to Phaser 3.60 and written in TypeScript
"Magick" as a fun iPad game, unfortunately not available anymore. The HTML5 prototype has been ported to Phaser 3.60, written in TypeScript. Full source code available to download.
-
HTML5 “Down the Mountain” updated to Phaser 3.60 using TypeScript and classes
"Down the Mountain" was a mobile smashing hit back in 2015, what about a HTML5 prototype updated to Phaser 3.60, written in TypeScript and using custom classes? Source code available to download.
-
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 6: splitting the code into classes
In this sixth step of the creation of a HTML5 "Mini Archer" prototype, I am showing you how to split your code in classes, to enhance readability and reusability. Powered by Phaser and written in TypeScript.
-
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 5: firing the arrow without physics engine, only using tweens and masks
"Mini Archer" HTML5 prototype built with Phaser and written in Javascript now features a running girl able to shoot arrows to an infinite sequence of randomly generated targets running along an endless terrain, without any physics engines, only using trigonometry.
-
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 4: adding the arrow
In this fourth part of "Mini Archer" HTML5 prototype I added the arrow. Full commented source code available.
-
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 3: adding the bow, actually a rainbow
In this 3rd part of HTML5 "Mini Archer" tutorial, I am adding a bow. Actually, a rainbow between two clouds. Full TypeScript commented source code available, powered by Phaser
