TypeScript | Page 7 | Emanuele Feronato

HTML5 physics driven Concentration game prototype using Phaser and Planck.js – rewriting to TypeScript and adding images

Here it is the complete commented source code of the physics driven HTML5 Memory/Concentration game powered by Phaser and Planck.js, completely written in TypeScript. Have fun!!

Talking about Concentration game, Box2D, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a HTML5 game like Wordle using Phaser and TypeScript – Step 5: what if we use Bootstrap and Phaser in the same page?

New example of HTML5 Wordle prototype powered by Phaser and using Bootstrap components for the UI. This time we keep Bootstrap outside Phaser game and handle menus with listeners. Full TypeScript commented source code available for download.

Talking about Wordle game, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a HTML5 game like Wordle using Phaser and TypeScript – Step 4: using Bootstrap and DOM elements to create a menu and select game modes and pick the word of the day

The HTML5 Wordle prototype now features a Bootstrap menu and the “word of the day” game, as well as random words to play. I also want to add some kind of arcade mode. Written in TypeScript and powered by Phaser, full commented source code available.

Talking about Wordle game, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a HTML5 game like Wordle using Phaser and TypeScript – Step 3: design the game field

3rd step of Wordle HTML5 prototype written in TypeScript and powered by Phaser. Improved virtual keyboard, game grid, letter color management and more. Commented source code available.

Talking about Wordle game, Game development, HTML5, Javascript, Phaser and 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.

Talking about Wordle game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Wordle game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Drag and Match game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Drag and Match game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Drag and Match game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Game development, HTML5, Javascript, Phaser and TypeScript.

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

Talking about Sokoban game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Serious Scramblers game, Game development, HTML5, Javascript, Phaser and TypeScript.