TypeScript | Page 5 | Emanuele Feronato

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.

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

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.

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

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.

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

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.

Talking about 3D, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 3: controlling the bouncing ball and adding more spikes

In the 3rd step of “Stairs” HTML5 game powered by Phaser and Three.js, I’ll show you how to control the ball with mouse and add more spikes. Full commented TypeScript source code available.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 2: adding the bouncing ball just using trigonometry

In this second step of “Stairs” HTML5 protoype built with Phaser and Three.js we’ll see how to add a bouncing ball with no physics engines, just using trigonometry. Full commented source code available, written in TypeScript.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 1: building an endless staircase with random spikes

Using Phaser and Three.js together allowed me to build an endless HTML5 3D staircase with random spikes in a few lines of code. Full commented source code in TypeScript available for download.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

“Bouncy Light” HTML5 prototype built using Phaser to handle game logic and Three to render 3D graphics, written in TypeScript

Working example of full integration between Phaser and Three.js with no external software to build HTML5 games in 3D. “Bouncy Light” prototype available for download with source code.

Talking about Bouncy Light game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

Add a Bootstrap navbar to your HTML5 Phaser games and let it manage the UI

Do you hate coding the GUI of your HTML5 Phaser games? Use Bootstrap to do the dirty work and let Phaser and Bootstrap exchange information. Full working example explained.

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