Category: Javascript
-
“Block it” HTML5 game ported to TypeScript with some new features, powered by Phaser and Arcade physics
"Block it" was a fun mobile game released a couple of years ago, which I prototyped using Phaser and TypeScript, so now you can have your HTML5 version. What's your best score?
-
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!!
-
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.
-
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.
-
Add Bootstrap component to your HTML5 games powered by Phaser thanks to its DOM support and properly scaling the component
I already explained how to use DOM elements in your HTML5 games powered by Phaser to include great UI elements like Bootstrap dropdowns, and this time I am showing you how to properly scale them to always look nice no matter the resolution.
-
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.
-
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.
-
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.
-
Complete JQuery + interact.js Drag and Match game in less than 70 lines thanks to my pure TypeScript class to handle Drag and Match games
A complete JQuery driven Drag and Match game in only 69 lines of code? It's possible thanks to my pure TypeScript Drag and Match class with no dependencies. Free download available. Let's build Drag and Match games!
-
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.
-
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.
-
Pure TypeScript class to handle Drag and Match games in just a few lines – jQuery + interact.js example in 20 lines of code
A jQuery driven Drag and Match game in only 20 lines of code? It's possibile thanks to my pure TypeScript Drag and Match class which handles everything you need for these kindof games. Interaction by interact.js - Full source code for you to download.
