Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Results 1 to 24 of 129 for “Three.js”.
- Showcase
Starter Kit Racing: mrdoob's Track Editor and Racing Game in Three.js
mrdoob ported Kenney's Starter Kit Racing from Godot to plain JavaScript and Three.js with crashcat physics. Build a track in the editor, race it, share the URL. No build step, no framework, just clean code and low-poly fun.
- Showcase
Troika: The Three.js Framework That Solved WebGL Text Rendering
Troika parses font files directly, generates SDF glyphs in a web worker, and patches any Three.js material with the right shader code. The result is crisp, antialiased 3D text that handles kerning, ligatures, and RTL layout without dropping frames.
- Showcase
Orbiting a Single Photo: 3D Camera Control with Qwen Image Edit and Three.js
Upload a photo, drag a Three.js camera to a new angle, and a diffusion model hallucinates what the scene looks like from there. 96 poses, trained on Gaussian Splatting renders, running in a single app.py.
- Showcase
img2threejs Turns One Photo Into Procedural Three.js Code
Hoài Nhớ's img2threejs rebuilds an object from one reference image as procedural, animation-ready Three.js code, with v1.3 improving geometry reconstruction and material generation.
- Showcase
GPU-Side Physics: A Three.js WebGPU Compute Demo
Thousands of instanced bodies tumble and collide, with the entire physics step running on the GPU through WebGPU compute and Three.js TSL. No CPU round trip, no framerate flinch. A clean little workbench from Kevin Levron, built to inspect, tweak, and learn from.
- Showcase
Susurrus: A Watercolor World Built in Three.js
A spatial web piece by Xianyao Wei. Cream-and-sepia watercolor, motion that drifts like ink in water, a small 3D figure waiting to be nudged. Three.js and Blender geometry over WebGL, with a physics-flavored interaction layer doing most of the storytelling.
- Showcase
Shinjuku Station Indoor Turns Tokyo’s Maze Into a Three.js Map
Satoshi Komatsu’s Three.js viewer turns open indoor map data for Shinjuku Station into a layered 3D wireframe, with floor toggles and pedestrian-network controls for reading Tokyo’s famous maze.
- Showcase
Jaime Torrealba Builds a Moonlit Field Portfolio in Three.js
A personal Three.js portfolio staged as a moonlit field, with TSL, GPU grass simulation, volumetric smoke, procedural trees, fireflies, and camera-driven movement.
- News
Kimi K3 Uses Three.js WebGPU for an AI-Built 3D Game Demo
Moonshot’s Kimi K3 launch includes a notable WebGPU case study: an AI-built procedural 3D exploration game using Three.js WebGPU and GPU compute.
- Showcase
Planet Jumper: A Vibe-Coded Three.js Multiplayer Platformer
Hop around a tiny world with strangers in your browser. Hammy's Planet Jumper is a three.js multiplayer demo with spherical gravity, jump tuning that actually feels right, and a backstory worth noting: it was vibe-coded with OpenAI.
- Showcase
Weisdevice: A Glitchy Three.js Island With a Playable DJ Deck
Wei's portfolio drops you on a tiny island with a half-broken robot, a Gameboy, and a DJ deck that refuses to play clean loops. Three.js with GLSL and GSAP up top, smart performance choices underneath: raycasting at 30 FPS, render loop paused on inactive views, assets tiny and lazy-loaded.
- Showcase
Cat Warrior Parkour: Seven Levels of Three.js Platforming
Pelican Party Studios ships a tidy 3D parkour game in the browser: seven levels, hidden jades, a cat with no respect for gravity, and optional multiplayer. Three.js under the hood, aggressive asset diets, and jumps tuned to stay forgiving past the third fall.
- Showcase
Patina Preview: Real-Time Procedural Weathering in Three.js and TSL
A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.
- Showcase
Botanics: A Three.js Plant Study
Plantlike forms in a browser tab, no loops or cheap wiggle in sight. Sujen Phea's Three.js scene leans on instancing, careful shaders, and a scene budget that stays out of its own way. Open it, let it run, and see how long before you remember to close it.
- Showcase
Erfan Mirasadi's Three.js Portfolio with Theatre.js Choreography
A 3D interactive portfolio built with Three.js, Theatre.js, and Next.js that actually runs smoothly on mobile. Draco compression keeps geometry lean, code-splitting prevents bundle bloat, and touch controls work like they should.
- Showcase
Expeditione: A 1MB Landing Page and 4MB Educational Experience Built in Three.js
Stylized 3D dioramas that teach history, geography, and science. The landing page runs at 1MB. The Soil expedition packs 200+ images, 15+ models, and 10+ animations into 4MB. Vanilla Three.js, custom GLSL, zero ads. Proof that educational web experiences don't need to be bloated.
- Showcase
Crafts of Life: A Three.js Exhibition on East Asian Material Culture
The University of Zurich turned ethnographic research into an immersive 3D web experience. Explore how East Asian hunting cultures shaped tools from bone, leather, and plant fiber. Built with Three.js, Vue.js, and Blender. Bilingual. Worth a slow scroll.
- Showcase
Sector 32: A Three.js Portfolio Dense With Sci-Fi Detail
Piet Dewijngaert's portfolio is pure visual spectacle. Chrome skulls, laser beams, and a "prove you're human" gate set the tone. The tech stack evolved from vanilla JS to Svelte to Three.js with R3F. Every corner packed with interactive details, somehow still performant.
- Showcase
Omega Clearspace: Scroll-Driven Orbital Debris in Three.js
Immersive Garden built a scroll-driven WebGL experience that puts you in orbit alongside 36,500 pieces of space junk. Wireframe-to-render transitions, spatial audio, and a four-armed capture vessel that makes it feel like an elegant unfolding of a problem.
- Showcase
Pyramids of Meroë: 3D Archaeology in the Browser with Three.js and WebXR
Sudan has more pyramids than Egypt. This scrolling experience from Google Arts & Culture lets you explore them in 3D, drop one into your room via WebXR, and learn why the Kushite Kingdom remains half a mystery.
- Showcase
Laser Drift: A Synthwave Arcade Shooter Built in Three.js
Lowpoly spacecraft, neon grids, and custom shaders combine in this browser-based arcade game. Gesture controls on mobile, no UI clutter, and a commitment to retro aesthetics that goes deeper than a bloom filter.
- Showcase
False Earth: A GPU-Driven Procedural Planet Built with WebGPU, TSL, and Three.js
An astronaut walks an alien planet that responds to every step. Over 1M grass blades, procedural terrain, and VAT-animated roses, all running in the browser via WebGPU compute shaders, TSL, and React Three Fiber.
- Showcase
Aurelia: Fully Procedural Jellyfish with WebGPU
A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.
- Showcase
IVRESS by Utsubo: A WebGPU Story That Refuses Light
A lone traveler in a world that refuses light. Built on Three.js's WebGPURenderer with a WebGL fallback and TSL shaders running on both backends. Utsubo's brand site for IVRESS reads like a short film, and the CTO behind it maintains the WebGPU side of three.js itself.
