Category: TypeScript
-
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 1: the basic game mechanics
First step in the creation of a HTML5 game like "Watermelon Game" using Phaser and Box2D physics powered by Planck.js. Let's see how to merge two balls into a bigger one. Full TypeScript source code available to download.
-
Getting Ready to Develop HTML5 Games with Phaser and TypeScript – A free minibook to get you started
Basic knowledge should be easily accessible, and that's why I published this free minibook to get you started on HTML5 game development with Phaser and TypeScript.
-
Using TypeScript to build HTML5 games with Phaser, webpack and Visual Studio Code
Moving from JavaScript to TypeScript to build HTML5 games has never been so much easy with this complete tutorial covering Node.js, npm, npx, Visual Studio Code and Phaser.
-
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.
-
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
-
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.
-
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.
-
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.
-
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.
-
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.
-
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
-
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
