Block it | Emanuele Feronato

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.

HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and written in TypeScript – Particle explosions and score

“Block it” HTML5 prototype now features a score system and particles explosion when it’s game over. A physics game using Phaser and Box2D thanks to Planck.js, written in TypeScript. Full commented source code available.

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

HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and written in TypeScript – Turning walls on and off, introducing energy

“Block it” HTML5 prototype now features activable walls and an energy system. A good way to learn how to build physics games with Phaser and Box2D, coding in Typescript. Full commented source code available.

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

HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and written in TypeScript – Moving walls and using sprites to render compound objects

The HTML5 prototype of a “Block it” game continues, adding sprites to render the Box2D compound object, which now also rotates. Powered by Phaser and Planck, written in TypeScript. Full commented source code available.

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

HTML5 prototype of “Block it” using Box2D in an Arcade way, powered by Phaser and featuring compound objects and custom contact callback, written in TypeScript

Compound objects and contact callbacks are two of the more complicated features of Box2D. In this HTML5 example powered by Phaser and written in TypeScript, they are explained the easy way with a real world example, as usual. Commented source code available

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

“Block it” HTML5 now working with no physics engine, just using continuous collision detection between a moving circle and static lines. Powered by Phaser and written in TypeScript.

Here is a HTML5 “Block it” version powered by Phaser and written in TypeScript which does not use any physics engine and features rotating walls and continuous collision detection. Full source code available.

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

“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?

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

Phaser Editor 2D is the web-based IDE you need for HTML5 game development. Let’s build a game with it.

With the new, web based version of Phaser Editor you can build your next HTML5 game completely in the cloud, combining the ease of use of a visual editor with the power of Phaser 3 scripting. I built a “Block it” game in a matter of minutes, have a look.

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

Build a HTML5 game like “Block it” using Phaser 3 and Arcade physics in less than 100 lines of code

Enjoy the HTML5 version of “Block it” mobile smashing hit, built in less than 100 lines with Phaser 3 and Arcade Physics. Full source code available.

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