Category: TypeScript
-
Build a HTML5 game like Wordle using Phaser and TypeScript – Step 2: add a virtual keyboard
Second step of the Wordle HTML5 prototype written in TypeScript and powered by Phaser. This time we'll see how to add a virtual keyboard, built from scratch. Completely commented source code released.
-
Build a HTML5 game like Wordle using Phaser – Step 1: keyboard input and result management
Wordle is a word game which obtained a planetary success. Let's see how to build a HTML5 Wordle prototype written in TypeScript using Phaser. Keyboard input and result management with completely commented source code.
-
Pure TypeScript class with no depencencies to handle Drag and Match games in just a few lines – Full Phaser example
Build your HTML5 Drag and Match game with a pure TypeScript class with no dependencies which handles everything, from combos to object pooling. Working exampe powered by Phaser. Full source code available for free.
-
Pure TypeScript class to handle Drag and Match games in just a few lines – part 2: detecting matches
The pure TypeScript class with no dependencies to handle Drag and Match games now is able to recognize all matches. HTML5 example powered by Phaser, free source code to download.
-
Pure TypeScript class to handle Drag and Match games in just a few lines – part 1: dragging items. HTML5 example powered by Phaser.
First version of a pure TypeScript class with no dependencies to manage a HTML5 Drag and Match game in just a few lines. You'll just have to pass input coordinates and the class will return item movements. Full example powered by Phaser.
-
Build a highly customizable mobile friendly HTML5 level selection screen controllable by tap and swipe written in TypeScript and powered by Phaser
Add to your HTML5 games a fully customizable level selection screen, mobile friendly, which you can control by tapping or swiping. Written in TypeScript and powered by Phaser. Full source code available.
-
TypeScript class with no dependencies to handle Sokoban games in less than 10 lines of code. HTML5 example powered by Phaser
A completely commented, standalone TypeScript class with no dependencies is what you need if you want to build your Sokoban game in about 10 lines like I did. HTML5 example powered by Phaser
-
HTML5 prototype of “Serious Scramblers” powered by Phaser and written in TypeScript built with no physics engines: only Swept AABB collision detection
Build your HTML5 physics game with no physics engine thanks to Swept AABB method. Look how I built "Serious Scramblers" prototype powered by Phaser and written in TypeScript. Full commented source code available.
-
Understanding physics continuous collision detection using swept AABB method and Minkowski sum – Part 2: both bodies are moving
Now you can handle perfect collision between two fast moving bodies in your HTML5 games thanks to Swept AABB method, with a full example powered by Phaser and written in TypeScript. Full commented source code available.
-
Understanding physics continuous collision detection using swept AABB method and Minkowski sum
Now you can manage continuous collision detection in your HTML5 games thanks to swept AABB method and Minkowski sum. Full commented source code powered by Phaser and written in TypeScript available
-
Control your cross platform HTML5 game with keyboard, mouse or touch input with an all-in-one TypeScript code, powered by Phaser
One script to rule them all: control your HTML5 cross platform game allowing keyboard, mouse or multitouch input in this example powered by Phaser and written in TypeScript. Full commented source code available.
-
“Serious Scramblers” HTML5 prototype built with Phaser and TypeScript – Adding a new enemy type: the Rotating Saw
Now "Serious Scramblers" HTML5 prototype features a new enemy: a deadly rotating saw! Full commented source code available, powered by Phaser and Arcade physics, written in TypeScript.
