Game DevelopmentMade with AI
Abyss Angler GS-07
Discipline
Interactive 3D / Cutaway
A steampunk copper anglerfish built in three.js from one reference picture. It swims, opens its jaw, and comes apart one assembly at a time, with a live simulator panel around it.
Play Abyss Angler GS-07 in your browser
The brief
What it is and how it was built.
Abyss Angler GS-07 is a deep-sea anglerfish made of copper plates, brass rivets and ivory teeth, with a glass bulb hanging off a bead-chain rod. It started as a single reference picture. Nothing from the picture was imported: the hull, the plates, the teeth, the gill fan and the fins were all written as three.js code, then rendered next to the picture round after round until the two lined up.
To keep the match honest, the team measured instead of eyeballing. Twelve points on the fish (snout, eye, chin, gear, fin tips and others) are projected to the screen and compared with the same points in the picture. A 13-line checklist grades the teeth, the jaw, the mouth, the plates and the fins one by one. A dark-pixel count checks that the mechanism has as much depth as the original and does not come out as a clean toy.
The page around the fish works like a simulator. Lure output, jaw gape and nine spine servos are read from the same pose that moves the fish, so the numbers never drift from what you see. Each assembly has its own button and its own camera: the lure lifts away, the eye unscrews, the jaw drops, and the whole fish can come apart and snap back together on a turntable.
The tour and camera work were ported from the open-source Cutaway kit (MIT). Golden Sea built the fish, the copper and deep-sea look, and the panel layout. Everything ships as one HTML file of about 760 KB that opens without a network.
Scope delivered
What we delivered.
- 01Every plate, rivet, tooth and fin ray is written as code, about 3,200 parts
- 02One timeline drives the fish, the cameras and every panel on the page
- 03A button per assembly: lure, eyes, jaw, gills, armour, fins and tail
- 04A full teardown and reassembly on a turntable
- 05Rebuilt from one reference picture and graded against it on a 13-line checklist
- 06One HTML file of about 760 KB that runs offline
Category
Game Development · Made with AI
Technology
Three.js (WebGL) · JavaScript · esbuild (one offline HTML file) · Claude + Codex
Studio
Golden Sea Studios
Ho Chi Minh City, Vietnam
This project proves
Website DesignAn exploded-view 3D product viewer: one button per assembly, labelled parts, a data panel that follows the motion, all in one light file.
Have a similar challenge?



