Category: 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
-
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.
-
HTML5 “Serious Scrambers” prototype built with Kaboom, using object pooling. Written in TypeScript
First attempt to create a "Serious Scramblers" HTML5 prototype using Kaboom, a Javascript game programming library. Play and get the commented source code for free.
-
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.
