Category: Game development
-
Understanding raycasting in 2D games, and using it with a free commented open source JavaScript library
Raycasting is one of those things that keeps coming back in game development: vision cones, fog of war, bullets, and even moving a character against walls. I wrote a small open source JavaScript library that answers the one question behind all of it, what does a ray hit, and I explain why knowing only about axis aligned boxes is enough for most 2D games. Ten interactive examples included.
-
Build a game like mobile smash hit Meowdoku in vanilla JavaScript in just a few lines of code
Meowdoku is a hit cat puzzle: one cat per row, column and colour region, and no two may touch, not even diagonally. I rebuilt it from scratch in vanilla JavaScript, and here is how.
-
Build a HTML5 game like Geometry Dash using Phaser 4 and TypeScript, with a simple custom physics engine
The cube in Geometry Dash always lands perfectly square. It's not rigid-body physics: the spin is purely cosmetic. The hitbox never rotates, and the game snaps the angle to 90 degrees on landing. I rebuilt it as an HTML5 game in Phaser 4 + TypeScript, with my own physics engine.
-
20 years of blogging: a two-decade journey through web gaming history
Today, my blog turns 20! From the golden age of Adobe Flash in 2006 to WebGPU and 3D browsers in 2026, it’s been a wild ride. No self-praise today, just a huge THANK YOU to the dev community and a quick trip down web gaming memory lane
-
HTML5 game Spears N’ Coins with Phaser 4.1 and TypeScript: a tiny endless runner like Dashy Panda
Spears N' Coins is a HTML5 fast-paced endless runner powered by Phaser 4 and TypeScript featuring procedural generation and pixel art parallax scrolling starting from the Create Phaser Game app. Full source code available.
-
Getting Started with Phaser 4: Vite + TypeScript Setup, using the official Create Game App
Phaser 4 has arrived, bringing a fresh foundation for modern web game development. Learn to set up a brand new project using the official Create Game App, powered by Vite and TypeScript, and walk through the essential structure to get your first game up and running quickly.
-
Phaser 4 HTML5 SameGame powered by samegame-engine, a headless TypeScript class
Complete HTML5 SameGame clone built with Phaser 4, powered by a fully headless TypeScript game engine. It features a clean separation between logic and rendering, reusable core mechanics, and an efficient implementation based on object pooling and delta-driven animations.
-
Build a highly customizable mobile friendly HTML5 level selection screen controllable by tap, swipe and mouse wheel, written in TypeScript and powered by Phaser
A clean, fully paginated level selection system built in Phaser 4 with TypeScript, featuring horizontal drag, direction-aware snap, mouse wheel navigation and event-driven thumbnails. The UI components are fully decoupled from scene logic and designed with clear state separation. Complete source code available for download, ready to use and extend.
-
Simulating rotating gravity and perimeter based movement like in “Be Brave, Barb” game with Phaser, without any physics engine
HTML5 platformer engine inspired by Be Brave, Barb, built without physics. Hero walks along a dynamically generated perimeter, switches between four gravity directions, and reattaches to surfaces using continuous collision detection. Everything is driven by pure geometry, vector math, and segment intersection.
-
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.
-
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.
-
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.
