Skip to the content

Emanuele Feronato

Italian geek and PROgrammer
Check my
101 games challenge!
All about HTML5

Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 3: particle effects and more customization

In the 3rd step of “Watermelon” HTML5 prototype I added more room for customization and particle explosions. Full source code powered by Phaser and written in TypeScript available to download. Physics powered by Box2D through Planck.js

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

Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 2: adding delays and explosions

Second step of the HTML5 prototype of “Watermelon Game”. I added some delays and explosions to the physics engine, to let me easily add particle effects in next step. Powered by Phaser and Planck.js, written in TypeScript. Source code available to download.

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

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

Playing with official Phaser Parcel template, using it to build a Perfect Square! prototype

Here is the official Phaser Parcel template used to build one of my latest HTML5 game prototypes, Perfect Square! Look how I turned a template into a complete HTML5 game. Source code available to download.

Talking about Perfect Square! game, Game development, HTML5, Javascript and Phaser.

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.

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

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

Publishing HTML5 games with Phaser, webpack and Visual Studio Code

Create distributable versions of your HTML5 games powered by Phaser using Visual Studio Code and webpack.

Talking about Game development, HTML5, Javascript and Phaser.

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.

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.

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.
Page 3 / 57FirstPrevNextLast
101
Games Challenge
I will build 101 games as a solo developer
During these years, I published 225 explained game prototypes, along with source code: 1+2=3, 100 rounds, 10000000, 2 Cars, 2048, A Blocky Christmas, A Jumping Block, A Life of Logic, Angry Birds, Angry Birds Space, Artillery, Astro-PANIC!, Avoider, Back to Square One, Ball Game, Ball vs Ball, Ball: Revamped, Balloon Invasion, BallPusher, Ballz, Bar Balance, Bejeweled, Biggification, Block it, Blockage, Bloons, Boids, Bombuzal, Boom Dots, Bouncing Ball, Bouncing Ball 2, Bouncy Light, BoxHead, Breakout, Bricks, Bubble Chaos, Bubbles 2, Card Game, Castle Ramble, Chronotron, Circle Chain, Circle Path, Circle Race, Circular endless runner, Cirplosion, CLOCKS - The Game, Color Hit, Color Jump, ColorFill, Columns, Concentration, Crossy Road, Crush the Castle, Cube Jump, CubesOut, Dash N Blast, Dashy Panda, Deflection, Diamond Digger Saga, Don't touch the spikes, Dots, Down The Mountain, Drag and Match, Draw Game, Drop Wizard, DROP'd, Dudeski, Dungeon Raid, Educational Game, Elasticity, Endless Runner, Erase Box, Eskiv, Farm Heroes Saga, Filler, Flappy Bird, Fling, Flipping Legend, Floaty Light, Fuse Ballz, GearTaker, Gem Sweeper, Globe, Goat Rider, Gold Miner, Golf Dash, Grindstone, GuessNext, Helicopter, Helix Jump, Hero Emblems, Hero Slide, Hexagonal Tiles, HookPod, Hop Hop Hop Underwater, Horizontal Endless Runner, Hundreds, Hungry Hero, Hurry it's Christmas, InkTd, Input Delay, Iromeku, Jet Set Willy, Jigsaw Game, Knife Hit, Knightfall, Legends of Runeterra, Lep's World, Line Rider, Lumines, Magick, MagOrMin, Mass Attack, Math Game, Maze, Meeblings, Memdot, Metro Siberia Underground, Mike Dangers, Mikey Hooks, Mini Archer, Nano War, Nodes, o:anquan, One Button Game, One Tap RPG, Ononmin, Pacco, Perfect Square!, Perfectionism, Phyballs, Pixel Purge, PixelField, Planet Revenge, Plants Vs Zombies, Platform, Platform game, Platformer, Plus+Plus, Pocket Snap, Poker, Pool, Pop the Lock, Pop to Save, Poux, Pudi, Pumpkin Story, Puppet Bird, Pushori, Pyramids of Ra, qomp, Quick Switch, Racing, Radical, Rebuild Chile, Renju, Rise Above, Risky Road, Roguelike, Roly Poly, Run Around, Rush Hour, SameGame, SamePhysics, Security, Serious Scramblers, Shrink it, Sling, Slingy, Snowflakes, Sokoban, Space Checkers, Space is Key, Spellfall, Spinny Gun, Splitter, Spring Ninja, Sproing, Stabilize!, Stack, Stairs, Stick Hero, String Avoider, Stringy, Sudoku, Super Mario Bros, Surfingers, Survival Horror, Talesworth Adventure, Teeter Up, Tetris, The Impossible Line, The Moops - Combos of Joy, The Next Arrow, Threes, Tic Tac Toe, Timberman, Tiny Wings, Tipsy Tower, Toony, Totem Destroyer, Tower Defense, Trailblazer, Trick Shot, Tunnelball, Turn, Turnellio, TwinSpin, Vampire Survivors, vvvvvv, Warp Shift, Watermelon Game, Way of an Idea, Whack a Creep, Wheel of Fortune, Where's my Water, Wish Upon a Star, Word Game, Wordle, Worms, Yanga, Yeah Bunny, Zhed, zNumbers, Zuma
© 2025 Emanuele Feronato
Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}