Category: Phaser
-
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
-
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 2: adding the archer, a running girl
Second step in the creation of HTML5 game like "Mini Archer" using Phaser and writing in TypeScript. Now there's an endless terrain with infinite randomly generated targets, and a running girl. Full commented source code available.
-
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 1: creation of an endless terrain with infinite randomly generated targets
Today I am starting a new Phaser tutorial series about the creation of a HTML5 game like the mobile hyper casual game "Mini Archer". Full source code in TypeScript available to download.
-
Playing with Phaser and Three.js: preload glTF 3d models, render them with Three then animate them with Phaser
Having the 2D power of Phaser and 3D GLTF models of Three.js is easy: look at this completely commented TypeScript tutorial, you should definitively use this combo in your next HTML5 game.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 6: final touches and settings to increase difficulty
In the 6th step of "Stairs" HTML5 prototype built with Phaser and Three.js I added options to automatically increase difficulty as players proceed in this endless runner. Full commented TypeScript source code to download for free.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 5: update to latest Three.js version, moving steps, bonuses to collect and more improvements
I am starting the new year with a massive update to HTML5 prototype of "Stairs" game built with Phaser and Three.js, written in Typescript. Moving steps, bonuses to collect, latest Three.js library and more. Full commented source code available for free.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 4: collision detection, better controls and level progression
Massive update of "Stairs" HTML5 3D game prototype, featuring collision detection without any physics engine, virtual trackpad to control the ball and level progression. Powered by Phaser and Three.js, written in TypeScript. Full commented source code available.
