Skip to the content

Emanuele Feronato

Italian geek and PROgrammer
Check my
101 games challenge!
I write about game development, HTML5, Phaser, JavaScript, TypeScript, Box2D, Flash and more fun stuff since 2006

Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 3: adding spikes and using GSAP for camera tweening

In this third step of my Helix Jump prototype with Three.js and TypeScript, I’m adding deadly spikes and animating the camera using GSAP for smoother transitions. As always, I’m sharing the full source code, commented line by line, completely free.

Talking about Helix Jump game, 3D, Game development, HTML5, Javascript and TypeScript.

Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 2: adding a bouncing ball with no physics engine

In this second step of my three.js HTML5 Helix Jump prototype, I added a bouncing ball, handled platform collisions and made platforms infinite. As always, you’ll find fully commented TypeScript source code.

Talking about Helix Jump game, 3D, Game development, HTML5, Javascript and TypeScript.

Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript

Build the foundation of a HTML5 “Helix Jump” game using Three.js, TypeScript, and Vite. Learn to create a rotating tower with sliced platforms and manage shadows and lighting, all with fully commented source code to guide you step by step.

Talking about Helix Jump game, 3D, Game development, HTML5, Javascript and TypeScript.

Build a game like C64 classic Trailblazer in Three.js using TypeScript, with a lot of room for customization

First step in the creation of a HTML5 Trailblazer game using Three.js and TypeScript. Track movement, fake shadow and controls. Commented source code available.

Talking about Trailblazer game, 3D, Game development, HTML5, Javascript and TypeScript.

Vanilla JavaScript Columns, because everybody should build a Columns game

Simple vanilla JavaScript to build a Columns game rendering on canvas. Full source code available.

Talking about Columns game, Game development and Javascript.

Vanilla JavaScript Tetris, because everybody should build a Tetris game

Everybody should be able to build a Tetris game, so this is my vanilla JavaScript take.
Beware, it’s not that easy, because it should feature wall kicking, Super Rotation System and empty lines above the ceiling.

Talking about Tetris game, Game development and Javascript.

Simulate a keyboard input delay with Phaser (why on earth? You’ll see)

I found a way to add an input delay to Phaser input. Why would I want to do this? I’ll talk about this later, in the meantime I’ll show you how to do it. Powered by Phaser 4, written in TypeScript, packed with Vite. Commented source code available.

Talking about Input Delay game, HTML5, Javascript, Phaser and TypeScript.

Create a HTML5 game like “Golf Dash” with Phaser and a TypeScript class with no dependencies – Compatible with Phaser 4 beta

Golf Dash is a fun Commodore 64 game which is the port of a HTML5 game. Now I am re-porting it to HTML5 with Phaser 4, TypeScript and Vite. First playable levels and source code available.

Talking about Golf Dash game, Game development, HTML5, Javascript, Phaser and TypeScript.

Develop, build and distribute your HTML5 Phaser games with Vite

Take you Phaser HTML5 game development to next level thanks to Vite, with this detailed step by step tutorial full of images and source code snippets.

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

HTML5 tile based platformer handling slopes powered by Phaser using no physics engines (and working with Phaser 4)

I built a HTML5 platformer featuring slopes in a few lines of code with no physics engines. Powered by Phaser and written in TypeScript. Full commented source code ready to be downloaded.

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

HTML5 “Vampire Survivors” prototype built with Phaser – Step 2: adding and collecting coins

“Vampire Survivors” HTML5 prototype built with Phaser gets an update: now you can collect coins dropped by killed monsters with the classic magnet effect. Full commented TypeScript source code available for free.

Talking about Vampire Survivors game, Game development, HTML5, Javascript, Phaser and TypeScript.

Quick HTML5 prototype of “Vampire Survivors” built with Phaser (like the original game)

Do you know you can build a working HTML5 prototype of “Vampire Survivors” in a couple of lines thanks to Phaser? Have a look at the TypeScript source code, commented and ready to be downloaded.

Talking about Vampire Survivors game, Game development, HTML5, Javascript, Phaser and TypeScript.
Page 1 / 158FirstNextLast
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}