Javascript | Page 4 | Emanuele Feronato

Developing HTML5 games with Phaser, webpack and Visual Studio Code

Learn to configure Visual Studio Code and webpack to work with Phaser and optimize your HTML5 game development with this detailed step by step tutorial featuring source code examples and more than 20 images.

Talking about Game development, HTML5, Javascript and Phaser.

Your first web server using Node.js, and why you should definitively use a web server

If you are into HTML5 game development, sooner or later you will have to start a web server. This basic guide explains you how to create a simple web server with Node.js, and why you definitively should use a web server.

Talking about Javascript.

Play “Space to Jump”, my HTML5 take on Flash iconic game “Space is Key”

Play “Space to Jump”, my HTML5 take on the Flash iconic game “Space is Key”, powered by Phaser and written in TypeScript with no physics engine, just using geometry and trigonometry.

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

Your first HTML5 project using Phaser Editor 2D, Webpack and TypeScript

New to Phaser Editor 2D? Here is a detailed guide with 28 pictures explaining how to build a HTML5 project using Phaser Editor 2D, TypeScript and Webpack

Talking about HTML5, Javascript, Phaser and TypeScript.

Node.js and NPM: don’t be afraid of them!

Node.js and NPM may scare many developers struggling with javascript, but they shouldn’t. Here is a very quick guide to installing Node and NPM, let’s start from the bare bones and see how to install them.

Talking about Javascript.

Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – using Tiled to draw levels, even with rotated obstacles

The HTML5 prototype of “Space is Key” powered by Phaser now features Tiled designed levels. Draw your levels in a matter of minutes and import them in the game. Full TypeScript source code available to download for free.

Talking about Space is Key game, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – removing Arcade physics

“Space is Key” HTML5 prototype powered by Phaser now does not rely anymore on Arcade physics, and has its own simple physics and collision detection routines. Full TypeScript source code available.

Talking about Space is Key game, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – pixel perfect collisions and text messages

In this step of “Space is Key” HTML5 prototype I added pixel perfect collision and the capability of adding texts as players progress through the level. Powered by Phaser and arcade physics, written in TypeScript. Source code available for free.

Talking about Space is Key game, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – creation of an engine capable of managing any kind of level

The new version of “Space is KEY” HTML5 prototype is capable of running any kind of level, each one with its own palette, obstacles, amount of floors and a square with custom size, speed, gravity and jump force. All built with Phaser and written in TypeScript, source code available to download for free.

Talking about Space is Key game, Game development, HTML5, Javascript, Phaser and TypeScript.

Create a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – updated to Phaser 3.60 and rewritten in TypeScript

Old Flash glory “Space is Key” now gets a HTML5 prototype updated to Phaser 3.60, written in TypeScript and with room for customization. Full source code available.

Talking about Space is Key game, Game development, HTML5, Javascript, Phaser and TypeScript.

Complete JQuery + interact.js Draw and Match game in less than 100 lines thanks to my pure TypeScript class to handle Draw and Match games

Thanks to my pure TypeScript class with no dependencies to handle Draw and Match games, I was able to build a jQuery Draw and Match game in less than 100 lines of code. Full example ready to download.

Talking about Dungeon Raid game, Game development, Html and Javascript.

Pure TypeScript class with no depencencies to handle Draw and Match games in just a few lines – Full Phaser example

With this pure TypeScript class with no dependencies you can build HTML5 Draw and Match games in a matter of minutes with just a couple of methods. Full commented and explained Phaser example

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