Tag
25 pages tagged “Three.js”.
25 pagesClear filters
Chetan Ankola made a lantern-carrying ghost in the browser: rain, black water, fabric that flutters. GPT 6 Astra did the design, Claude Opus 5.5 wrote the Three.js. We look at the cloth, the light and five small interactions.
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.
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 brief you paste into a coding model at the start of a game: loop, controls, rules, camera, feel numbers, scope cuts and acceptance tests, plus working rules that make it ask questions first, plan milestones and build one verified step at a time.
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.
The export recipe for getting Blender scenes into browser games as small, fast GLB files: phone and desktop budgets for triangles and draw calls, baking, texture sizes, Draco/Meshopt/KTX2 trade-offs, naming, colliders and LODs.
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.
Shared by @threejs: eight Monet paintings turned into WebXR worlds you can walk, fly and paint in. How the brushstroke renderer, the hand controls and the voice guide work.
A free browser tool rebuilds any real city block from OpenStreetMap and elevation data, then draws it as manga line art, screentone and solid black. Here's the three-buffer line trick, and how to rebuild a small version with an AI coding model.
Frank Reitberger ported Mercury's 64k intro Delight to the browser on three.js WebGPU. We map its render pipeline, from a raymarched G-buffer to bloom and glare, and show how to build a small version with an AI coding model.
An 8-second loop by akella: thousands of tiny app windows labelled claude and codex stream in a ribbon and burst into clusters. There's no code or live page, so we break down what's on screen and how to rebuild it with instancing and an AI coding model.
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.
Chetan Ankola's bubble toy floats iridescent soap bubbles over a 360° courtyard photo. How the bubble material, the backdrop and the three-verb controls fit together.
Chetan Ankola's guitarist-in-his-bedroom scene flips between sketch, watercolour, cel and manga looks with one click. How separate mood and style presets do the work.
Chetan Ankola moved his GPT 6 Astra soap bubbles to a Wynwood mural street and a garden. How the scene swaps, per-scene exposure and the bent view through each bubble work.
Chetan Ankola vibe-coded a palm island with an ocean and a pool in Three.js. How depth colour, sun glints, horizon haze and depth of field make the water read as tropical.
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.
