Knowledge Hub

Learn Game Dev

Practical, no-fluff tutorials from a working software engineer with 20+ years of experience building production systems — now applied to indie game development on the modern web.

Free Beginner Friendly Production Ready Three.js Vite Supabase
đŸ•šī¸

From Arcade Fan to Arcade Maker

The person behind Kempston Pilots has spent over two decades building large-scale production software — telecommunications infrastructure, enterprise platforms, energy systems. But the origin story begins much earlier: a ZX Spectrum 48K in 1986, typing BASIC programs from magazines, reverse-engineering games line by line.

These tutorials are the result of that full arc: the discipline of engineering at scale, fused with the curiosity of someone who learned to code by making games. Every guide here is written to be honest about the complexity, practical about the shortcuts, and focused on actually shipping something.

20+ Years Engineering ZX Spectrum Roots Ships Real Games Teaches What Works

Four guides. One clear path: from zero to a live, playable 3D game with a global leaderboard and a professional web presence. Follow them in order, or jump to what you need.

🎮
Tutorial 01

Build Your First 3D Microgame

A complete walkthrough for building a playable 3D dodge game using Three.js and Vite. Under 500 lines of code. Fully playable in the browser — no installs, no engine downloads. Includes a live embedded demo.

📁
Tutorial 02

Structuring Your Game Project

How to organize a Three.js/Vite game for clarity and growth. File structure conventions, the role of each module, and the mental model that keeps your codebase from becoming spaghetti as you add features.

🏆
Tutorial 03

Global Leaderboard with Supabase

Add a real cloud leaderboard to your game — no backend, no servers, no monthly bill. Uses Supabase (free tier), IP geolocation for player flags, and a persistent anonymous player identity across games.

🚀
Tutorial 04

Publish Your Game on the Web

Deploy your game live with a professional custom domain. Step-by-step: buy a domain via Squarespace, connect it to Netlify for free hosting, and set up GitHub-to-Netlify continuous deployment so every push goes live automatically.

📖
Reference

Game Dev Glossary

Plain-English definitions of 22 essential terms: game loop, delta time, juice, hitbox, lerp, WebGL, shader, CDN, and more. The reference you wish existed when you started.

Live Workshop

Want the 90-Minute Guided Experience?

These tutorials are also the curriculum for a live, instructor-led workshop session. Get hands-on guidance, real-time Q&A, and ship your first game in a single session.

Learn About the Workshop →