Javascript | Emanuele Feronato

HTML5 prototype of a planet gravity platform using Phaser 4 and Arcade physics, written in TypeScript

A gravity-rotating movement system built with Phaser 4 and TypeScript, where a character walks around floating terrain by dynamically reassigning gravity instead of falling off edges. Movement and jumping are defined in surface space rather than world space, allowing seamless transitions around corners while keeping Arcade Physics fully in control.

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

Understanding QuadTrees: organizing space to reduce unnecessary work

QuadTrees organize space instead of objects, allowing spatial queries to skip large, irrelevant areas with a single check. This makes proximity searches and collision detection far more efficient in games and interactive applications. In this article, we explore how QuadTrees work and visualize them with a practical DOM-based example.

Talking about Javascript.

Understanding how to use Mulberry32 to achieve deterministic randomness in JavaScript

Randomness is rarely truly random in games. This article explains how Mulberry32 turns a single seed into a fully reproducible sequence of values, with a minimal JavaScript demo and real-world videogame applications.

Talking about Javascript.

JavaScript Input Buffering: a simple project to show delayed keyboard events

In this post I’ll show you a simple but powerful JavaScript experiment that visualizes keyboard input in real time and with a one-second delay. It’s a small project built with pure HTML, CSS, and JavaScript, designed to teach essential concepts like keydown/keyup listeners, precise input timing, and requestAnimationFrame loops; the same fundamentals used in games, replays, and input debugging tools.

Talking about Javascript.

JavaScript + CSS 3D Wheel of Fortune

Build a fully 3D Wheel of Fortune using nothing but HTML, CSS and JavaScript, with pure geometry and a few clever transforms. Watch it spin in real 3D and see how a handful of divs can create a smooth, random wheel animation.

Talking about Wheel of Fortune game, Css, Html and Javascript.

Pure TypeScript class to handle math draw games: build your HTML5 math game in a matter of minutes – Phaser example included

Build your own HTML5 draw and sum game in just minutes: the DrawSum class is a standalone, dependency-free TypeScript class that manages the board, scoring, chain logic, and even calculates sprite animations. Phaser example included.

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

Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 4: scoring, animated CSS background and platforms fading away

In the fourth step of the Helix Jump HTML5 prototype with Three.js and TypeScript, I added a clean CSS-based score display, a subtle animated background using only CSS, and made destroyed platforms fade out and fly away with GSAP. These visual touches make the game feel more alive, and as always, you get the full line-by-line commented source code for free.

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

Click when Red – learn JavaScript and CSS by building a reflex game in a single HTML page

Learn how to build a complete reflex game using only HTML, CSS, and vanilla JavaScript — all in a single file. No frameworks, no dependencies, just pure code to teach you the real fundamentals of web development. Perfect for beginners who want to understand how a web page works, how to react to user input, and how to write game logic from scratch.

Talking about Click when Red game, Game development and Javascript.

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.