Tag
18 pages tagged “HTML5 games”.
18 pagesClear filters
Stefan rebuilt his childhood favourite, F-Zero X, as the browser racer ZERO-G with AI in two days, and it was played 1,000+ times. Here's the asset pipeline and the design that makes people finish a race.
genevieve__h from Google AI Studio turned photos of her home-office desk into a kart racing game with Gemini 4 Argon, Blender MCP and Three.js. We rebuild the method frame by frame.
Sac built a planet-by-planet 3D Little Prince with Opus 5.5, Tripo and Blender, playable in the browser. Here's the asset pipeline and how the scenes are organised.
Tesana says a user's space game, made with a few prompts, went from 2.5M to over 3M views in just over a week. Here's how it added a Ring world and multiplayer without breaking what already worked.
A fox-eared scout runs, launches off Wind Springs and glides between floating islands. We break down how the movement set becomes the whole game, and how the collectibles feed it.
A fill-in prompt that gets an AI coding model to write a modern Three.js skeleton: ES modules, correct colour management, PMREM lighting, a damped camera rig, a shared loading manager, resize handling, a DPR cap and a perf HUD.
Write a one-page spec (core loop, controls, win and lose, camera, scope limits, acceptance tests) before you prompt, then build in small milestones you verify by playing. What goes in the spec, how big a step should be, and when to restart.
The release checklist between a playable prototype and a link anyone can open: WebGPU-to-WebGL fallback, a loader that paints in under a second, progressive loading, touch and performance on phones, hosting, link previews and publishing on OpenDrama.
The seven layers that take a Three.js scene from flat tech demo to a console-grade image: colour management, tone mapping, HDRI lighting, one shadowed key light, fog, bloom and lens, with the frame-time cost of each.
Tesana says a user built this fly-to-any-planet game from one prompt plus an image reference. We look at what that single prompt has to carry, and what it can't.
jay88 had Claude Opus 5.5 build a Three.js pumpkin you carve with four tools and then light, in one Claude Code session. The prompt was two lines; the real work is the carve-map technique the model chose.
Stained Glass is one of the 30 free AI browser games Aman shared: H3 Max generated a gameplay-style clip, then Claude rebuilt it in Three.js. Here's the pipeline and the one rule that makes it work: the light is the floor.
In Anthropic's walkthrough, a coordinator splits one speed goal into 8 threads, each on its own branch with its own PR. Here's how to apply it to a web game, plus the quota and access limits.
Chetan Ankola says the gap between good and great AI work is observation and detail. We list the details his Three.js swamp boat game actually shows: palette, wear, light, fog and HUD.
We read the live code behind Claim Avenue's car update: one tuning table, a boost meter, grip-based drifting and crest jumps, all without a physics engine.
How the five steps to join Claim Avenue live inside the world: a two-door intro, key hints per mode, open plots shown on the street, and a fallback when WebGL fails.
How Claim Avenue's Riverside Drive went live: one config entry, a layout that shifts plots instead of renumbering them, a river distance field, and clients that rebuild to the server's world.
What sits behind Claim Avenue's biggest update: day-night and weather computed from a shared clock instead of pushed by a server, capped position updates, and a world that slows itself down under lag.
