Phaser | Page 4 | Emanuele Feronato

Add a virtual joystick to your HTML5 games in a matter of minutes with nippleJS. Example powered by Phaser and Arcade physics

Add a virtual joystick to your HTML5 games in a matter of minutes with nippleJS. Full commented example using Phaser, written in TypeScript

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

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

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.

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

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.

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

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.

Talking about Down The Mountain game, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

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

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

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.

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

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

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

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.

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.