Build a narrated 3D tour of a real place with Claude Code and Three.js
Wind & Tide is a 3D journey through Taiwan's offshore wind farms built with Claude Code and Opus 5.5, React, TypeScript, Three.js, GLSL and FFT ocean waves, narrated with Gemini text-to-speech.
Source
@Michael02049487 on X · 2026-10-19
Written in our own words. Credit to the original author. Link checked 2026-10-19.
What they did
Wind & Tide is a 3D journey through Taiwan's offshore wind farms built with Claude Code and Opus 5.5, React, TypeScript, Three.js, GLSL and FFT ocean waves, narrated with Gemini text-to-speech.
Result (as claimed)
An explorable web tour plus a 4K English video tour.
Tools they used
Cost: Claude Code: from $17/mo; Claude Opus 5.5: from $4 in / $20 out per 1M tokens.
Set it up
Collect your inputs
List what goes in (raw footage, script, topic list or audio) and the exact output you want, for example 5 vertical clips under 45 seconds. Put inputs in one folder.
Set up the tools
Open Claude Code, Claude Opus 5.5, Three.js, Gemini TTS. Connect accounts only where needed and note any per-minute or per-credit limits on the free plan before you start.
Run one piece end to end
Make a single output first. Check pacing, captions, voice and framing by watching it on a phone.
Turn it into a repeatable recipe
Save the prompts and settings that worked as a template so the next run takes minutes, then batch.
Review before you post
Watch every output before publishing. Check rights for music, likeness and footage, and label AI content where the platform requires it.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Build a narrated 3D tour of a real place with Claude Code and Three.js What the original author did: Wind & Tide is a 3D journey through Taiwan's offshore wind farms built with Claude Code and Opus 5.5, React, TypeScript, Three.js, GLSL and FFT ocean waves, narrated with Gemini text-to-speech. Reported result (as claimed by the author): An explorable web tour plus a 4K English video tour. Source: https://x.com/Michael02049487/status/2112113627956412521 Tools they used: Claude Code, Claude Opus 5.5, Three.js, Gemini TTS Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Build a narrated 3D tour of a real place with Claude Code and Three.js What the original author did: Wind & Tide is a 3D journey through Taiwan's offshore wind farms built with Claude Code and Opus 5.5, React, TypeScript, Three.js, GLSL and FFT ocean waves, narrated with Gemini text-to-speech. Reported result (as claimed by the author): An explorable web tour plus a 4K English video tour. Source: https://x.com/Michael02049487/status/2112113627956412521 Tools they used: Claude Code, Claude Opus 5.5, Three.js, Gemini TTS Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Build a narrated 3D tour of a real place with Claude Code and Three.js What the original author did: Wind & Tide is a 3D journey through Taiwan's offshore wind farms built with Claude Code and Opus 5.5, React, TypeScript, Three.js, GLSL and FFT ocean waves, narrated with Gemini text-to-speech. Reported result (as claimed by the author): An explorable web tour plus a 4K English video tour. Source: https://x.com/Michael02049487/status/2112113627956412521 Tools they used: Claude Code, Claude Opus 5.5, Three.js, Gemini TTS Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to vibe code an app with Claude Code · How to build with Gemini 4 Argon and Gemini agents · How to make 3D scenes and models with AI and Blender · How to automate a small business with AI agents
Related use cases
Make a short animated film as one HTML file with a critic agent reviewing every scene
A creator had Claude Code with Opus 5.5 build a short motion-graphics film entirely as an 85 KB HTML file with sound and no assets or libraries. A separate critic agent reviewed every scene three times before it was kept.
Turn a child's essay into an interactive animated storybook
Given a Chinese composition written for Singapore primary school students, Claude Code with Opus 5.5 built an interactive animated storybook: 12 cinematic shots, watercolor-style 3D scenes, character animation, sound effects and story choices.
Run a solo content team with agent skills
Runs Opus 5.5 in Claude Code as editor-in-chief over nine skill sets that cover topics, writing, visuals, video editing, sound and scheduling.
Have Claude Code build a treadmill running app overnight with competing 3D worlds
He asked Claude Code for a treadmill app at 22:05 and it was done by 07:05. When he called the 3D "a bit cheap" at 01:59, three agents each built a new world and a jury of agents picked the winner.