An img2threejs procedural Three.js reconstruction demo showing a reference object rebuilt as a live browser 3D model.
img2threejs takes a single reference image and asks an agent to rebuild the object as procedural Three.js code, not a mesh extraction, photogrammetry scan, or asset-pack shortcut.
Hoài Nhớ is not trying to turn a photo into a downloadable mesh. The project rebuilds the subject as a code-only Three.js model made from primitives, procedural shaders, generated geometry, pivots, sockets, and colliders. The live gallery makes the idea concrete: a BMX bike, a Doppler M9 bayonet, earbuds, knives, a shotgun, a tiny isometric house, and a loot chest all running in the browser as generated TypeScript rather than imported model files.
The repo is explicit about the pipeline: detail inventory, quality gates, runtime hierarchy, and an agent-agnostic workflow for Claude Code, Codex, or OpenCode. It is a documented attempt to make the magic inspectable.
- Live Demo: https://img2threejs.github.io/img2threejs-showcase
- Source Code: https://github.com/hoainho/img2threejs
- Author: Hoài Nhớ (X, LinkedIn, GitHub)