Skip to the content

Emanuele Feronato

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

Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 1: platform movement

Teeter (Up) is a fun Netflix game you can play on your mobile phone. Look how I rebuilt the bar movement in a HTML5 prototype using Phaser, and Box2D. Full TypeScript source code available to download.

Talking about Teeter Up 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 7: adding sounds and loading bar. Get it on Gumroad

Get the HTML5 “Watermelon Game” full webpack project, powered by Phaser and Box2D through Planck.js, written in TypeScript. Phaser official webpack template included. Free download, just enter “zero” as price.

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 6: saving high score and using object pooling

Now HTML5 prototype of the Watermelon Game uses object pooling to save resources, and can save the best score with local storage. Enjoy and get the commented source code. Powered by Phaser and Box2D through Planck.js, written in TypeScript.

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 5: adding graphics, score, “next” icon and checking for game over

Massive update of HTML5 prototype of “Watermelon Game” featuring fancy graphics, score, checking for game over, “next” icon, animated background and panels. Built with Phaser and Box2D with 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 4: handling user input

Now the HTML5 prototype of Watermelon Game handles user input so it’s becoming playable. Powered by Phaser and Box2D/Planck.js, written in TypeScript. Full 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 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.

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.
Page 3 / 59FirstPrevNextLast

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}