Cindy Zhu.
Free guides
Building & apps Claude + Higgsfield

Build a 3D world website with Claude and Higgsfield

Hey, it's Cindy 馃尡 This is the full build: a website where you move your mouse and glide through a whole 3D world, like a game.
btw the waitlist for AI System Club is now open! If you're keen on using AI to automate your content, video editing, job search, business or build AI agents, feel free to sign up (only if you want to hehe). Ps. the waitlist gets first dibs:)
Try it with Seedance 2.5 Get 33 days of unlimited Seedance 2.5 the trick

What's actually happening

It looks like a live 3D scene, but it is one video of a slow camera glide across a world. You keep the video paused and move its playhead with your mouse: cursor on the left shows the start of the pan, cursor on the right shows the end. Your mouse is a slider, and the world glides to follow it.

馃И Honest heads-up: this is a newer build and I have not shipped my own version yet, so treat the prompts as a strong starting point and expect a little back and forth with Claude to get the feel right. I will refine this with a real build for the launch, but everything here works.

step 1

Generate the world video

In Higgsfield, pick a model built for one smooth continuous take (Seedance 2.5, or Cinema Studio 3.5). For the most control, generate a still of your world first, then animate that still as the start frame. Add one slow sideways camera move (a DoP preset like Dolly Right), and run it through the AI Background Video Generator so you get a clean loop with the center kept clear for text.

馃寣 the world video
Slow continuous lateral camera glide moving steadily left to right through a
glowing bioluminescent forest. Towering trees with softly pulsing teal and violet
fungi, drifting spores and floating light motes, gentle volumetric god rays, low
mist along the ground. The camera trucks sideways at one single constant slow speed,
like a smooth dolly on rails, one uninterrupted take. No cuts, no scene changes, no
zoom, no camera shake, no whip pan, no flashing. Dreamy cinematic atmosphere, deep
depth of field, soft focus background, calm and hypnotic. Even ambient motion
throughout, loop friendly.
馃帹 Swap the forest for any world: an underwater coral reef, a neon city street, a fantasy crystal cave, a desert at golden hour. Keep the "camera trucks sideways at one constant slow speed" line and the "no cuts" line exactly, those two are what keep the scrub smooth.
馃毇 What ruins it: hard scene cuts, fast whip pans, zooms, or flashing. Any of those make the world jump when you move your mouse. One slow move, one continuous take, every time.

step 2

Build the site in Claude

Save your clip as world.mp4, open Claude Code in that folder, and paste this. No Claude Code? Paste it into regular Claude, download the HTML it gives you, and drop it next to your video.

馃捇 the whole site, one prompt
Build me a single self-contained index.html: a full-screen "3D world explore" hero.
Put world.mp4 as a fixed, full-viewport background (object-fit: cover, muted,
playsinline, preload="auto", with a poster image). Keep the video PAUSED and drive
it with the mouse: map the cursor's horizontal position across the screen to the
video timeline, so mouse far left seeks the first frame and mouse far right seeks
the last frame, opening centered on the middle. Do the scrubbing inside a
requestAnimationFrame loop that eases currentTime toward the target (a lerp) so the
camera glides instead of snapping. Never set currentTime directly in the mousemove
event, and guard the scrub until loadedmetadata so duration is never NaN. Layer a
short headline and nav over the top with z-index. On touch devices or when
prefers-reduced-motion is set, do not scrub: quietly autoplay-loop the video
instead, or show the poster. Also re-encode my video with ffmpeg using
-x264-params keyint=1:min-keyint=1 -pix_fmt yuv420p so every frame is a keyframe and
the scrub is instant, and extract the first frame as poster.jpg (ffmpeg -frames:v 1)
to use as the poster. Then run it and show me a preview.
馃挰 One prompt gets you most of the way, not always all of it. Keep chatting with Claude to finish it ("make the glide slower", "start further left", "fix it on mobile"). That back and forth is the build. Curious what a line does? Ask Claude to explain it, that is how copying turns into building your own.

the one detail that matters

Why it feels smooth

Picture a normal video like a book with only a few bookmarks in it: to land on an exact page it flips forward from the nearest bookmark, which feels slow and jumpy. The re-encode in the prompt (keyint=1) puts a bookmark on every single frame, so the video jumps to any exact moment instantly and the world glides with your mouse. If yours feels laggy, that line is what is missing.


put it online

Ship it

  1. 馃憖 Preview it Open the file in Chrome and move your mouse to test the glide.
  2. 馃寪 Put it live Drag the folder onto Netlify Drop (free, no account) and you get a shareable link in seconds.
  3. 馃捀 Use it Make it your portfolio hero, or sell it to a business whose site looks dated. Nobody local is offering this yet.

The links

馃幀 Higgsfield (Seedance 2.5, 33 days of unlimited access) 路 馃 Claude Code 路 馃寪 want all four effects in one place? Four websites to build with Claude x Higgsfield 路 the parallax scroll build

the waitlist is now open

AI System Club is launching soon

Build AI systems with me through recorded lessons you can follow at your own pace. Join the waitlist for first access and the founding price.

btw this list gets first dibs
the moment doors open :)