Ship in a Bottle

An interactive 3D scene of a sailing ship in a glass bottle built with Three.js.

Description

A side-by-side comparison of interactive 3D scenes generated from a single detailed prompt using free and paid model tiers. The creation features a miniature sailing ship inside a transparent glass bottle with procedural waves, water ripples, and mouse-controlled rotation.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: A striking one-shot Three.js build that effectively demonstrates the coding capability gap between free and paid AI…
Attributed to: Fazley | AI Lab@itsfazley
Built with: V4.1 Flash Moonshine Tiny q8
Tags: #three.js #3d #procedural #experiment

Discovered: X
First posted: X · Oct 18, 2026
Listed: Added 2h ago
Build: Strong
Models: Strong

Prompt

Build a beautiful interactive 3D scene using Three.js, Vite, and plain JavaScript. Create a transparent glass bottle containing a miniature ocean with a detailed sailing ship. Animate the ship gently bobbing with procedural waves, add realistic glass reflections, water ripples, soft cinematic lighting, and floating particles. Allow users to rotate the scene with mouse controls and click the bottle to trigger stronger waves. Use procedural geometry without external 3D models. Make the experience responsive, visually polished, and performant. Implement the complete working project.

Source

Ship in a Bottle

Description

How it grew

Ship in a Bottle

Description

How it grew