Neon Web

Web Game Developer

Games that run in any browser.

16 modules 65 guided hours 85 free lessons

The journey

85 lessons in 16 modules — each one ends in something real.

A glowing ball bouncing across a game canvas beside arrow-key buttons
Coding Foundations
Beginner 1hFree

Your First Moving Game

Made for people who have never written code. In small guided steps you'll change your first line, draw a scene, make a square move, and steer it — with hints and answers available at every step.

400 XP · First Frame
Value boxes flowing into a branching decision diamond with two outcomes
Coding Foundations
Beginner 1hFree

JavaScript Foundations for Games

The four ideas behind every game you'll ever write — variables, text, functions and objects — each taught the same guided way as your first module: one small step, one visible result.

420 XP · Word Smith
A launched ball tracing bounce arcs with velocity arrows over a ground line
JavaScript Games
Beginner 1hIncluded in Beta

Arcade Physics in JavaScript

Give your game weight. In the same guided steps as your first modules, you'll teach a ball to move on its own, fall, bounce and jump — the physics inside every platformer ever made.

550 XP · Gravity Well
A film-strip sprite sheet showing a four-frame run cycle with one active frame
JavaScript Games
Intermediate 6hIncluded in Beta

Sprites & Animation

Bring your game to life with animated sprites, scrolling cameras, parallax depth and tilemaps — the visual language of 2D games.

700 XP · Sprite Smith
A state machine of menu, play, pause and game-over nodes connected by arrows
JavaScript Games
Beginner 5hIncluded in Beta

Game States & Scenes

Menus, pause screens, transitions and saves — the connective tissue that turns a prototype into a complete game.

600 XP · Scene Director
A speaker icon, an oscillating waveform and an equalizer bar spectrum
JavaScript Games
Intermediate 5hIncluded in Beta

Sound & Music for Web Games

Synthesize punchy sound effects, schedule seamless music loops and mix it all like a pro — entirely in the browser with WebAudio.

600 XP · Sound Weaver
A breakout board mid-rally with brick rows, a ball trail and a paddle
JavaScript Games
Intermediate 6hIncluded in Beta

Capstone: Ship a Complete Arcade Game

The payoff: assemble everything — loop, physics, input, sprites, states and audio — into a complete brick-breaker, then publish it to itch.io with your name on it.

1200 XP · Shipped It
A circular update-render loop orbiting input, logic, audio and render modules
JavaScript Games
Advanced 5hIncluded in Beta

JavaScript Game Architecture

A codebase that survives its own success: modules without spaghetti, event buses, composition over inheritance, and data-driven design that lets you tune without redeploying.

800 XP · System Smith
An impact starburst exploding into radial particles with screen-shake ticks
JavaScript Games
Intermediate 5hIncluded in Beta

Juice & Particle Systems

The difference between a game that works and a game that feels expensive: a tiny particle engine, trails and explosions, screen effects, tweens and easing — plus the restraint to use them well.

800 XP · Juice Wizard
An AI agent with a vision cone tracking a target along waypoint dots
JavaScript Games
Intermediate 4.5hIncluded in Beta

Game AI Fundamentals

Enemies that feel alive: steering that flows, state machines that decide, behavior trees that scale, A* that navigates — and a director watching the pace.

850 XP · Mind Maker
Shapes passing through a typed gate and emerging sorted into lanes
TypeScript Game Systems
Beginner 4hIncluded in Beta

TypeScript for Game Developers

Types that catch your bugs before your players do: typed entities, discriminated unions for game state, generics for pools and registries, and a sane migration path for existing JS games.

650 XP · Type Guardian
An entity-component grid with filled component cells and a system sweep column
TypeScript Game Systems
Intermediate 3hIncluded in Beta

Entity Systems with TypeScript

Scale beyond spaghetti. Design a type-safe Entity-Component-System that keeps big games maintainable.

800 XP · Architect
A tower-defense grid with a winding enemy path, two towers and a range ring
JavaScript Games
Intermediate 4.5hIncluded in Beta

Project: Tower Defense

Your second complete game: grid placement, enemy waves that follow paths, targeting strategies, projectiles and a full upgrade economy — systems thinking in its purest form.

1000 XP · Tower Lord
Two mirrored game boards synchronized by pulses across a network wire
Multiplayer
Intermediate 5.5hIncluded in Beta

Realtime Web Games

The realtime layer every multiplayer game needs: WebSockets, rooms and lobbies, presence and chat, shared state that stays sane, and latency UX that respects players.

800 XP · Room Keeper
A desktop window running a top-down game beside an event-queue list
Python for Game Tools
Beginner 3hIncluded in Beta

Make Games with Pygame

A complete desktop game in Python: the window and event loop, sprites and movement, collisions and rules, sound and scenes, and a packaged build you can share.

750 XP · Desktop Dev
A portfolio page with a playable build beside a trophy, rubric checkmarks and milestone flags
Game Design
Intermediate 6hIncluded in Beta

Ship It: Capstone & Portfolio Studio

Turn everything you've learned into a finished, playtested game and a portfolio page that proves it. Scope a project you can actually complete, build it through three milestones, polish it with intent, run real playtests, and present it like a professional.

900 XP · Shipped

What you'll walk away with

  • A square you set in motion and steered — your first working game code.
  • A tiny coin-collector scoreboard built from variables, functions and objects you wrote yourself.
  • A tight 2D platformer prototype with responsive controls.
  • A scrolling animated world with a camera and tilemap.
  • A complete menu → play → game-over flow with saves.
  • A fully-scored game scene with reactive audio.
  • A complete, published arcade game with your name on it.
  • An architecture you can grow a real game inside without drowning.
  • A reusable juice toolkit: particles, trails, screen effects and easing that make any game feel expensive.
  • A living enemy: patrols, spots you, chases around obstacles, attacks.
  • Types that catch your bugs before your players do — applied to real game code.
  • A reusable ECS core you'll use in every future project.
  • A complete playable tower-defense game: waves, towers, targeting, economy.
  • A working realtime foundation: join a room, see who is there, share state.
  • A complete desktop game in Python: sprites, collisions, sound, scenes — packaged to share.
  • A finished, playtested game with a public portfolio page and playable build.

Not your path? Explore another zone:

New lessons ship weekly