🍔 Kubeez Scroll-World-Video — Smash & Co. demo

A scroll‑scrubbed "fly through the world" landing page. As you scroll, a pre‑rendered camera glides forward through a miniature clay burger world — market → grill → counter → the burger — as one continuous shot, no cuts. Every frame was generated with Kubeez.

▶️ Live demo → kubeezmedia.github.io/kubeez-scroll-world-video

▶ Watch the full 20-second video · or scroll the live demo yourself.

---

What it is

Scroll doesn't move a page here — it drives a camera. Each scene is a short pre‑rendered video; the engine maps your scroll position to the video's currentTime, so scrolling scrubs the camera forward through the world. Between scenes, dedicated transition clips glide the camera from one place to the next, so the whole journey reads as a single continuous flight.

---

How it was built (the tutorial)

The entire thing — stills, motion, everything — was generated on the Kubeez platform. No external tools. Here's the pipeline:

1. Stills — one coherent world

• A master world still (gpt-image-2, text‑to‑image) sets the palette, angle and light.
• Each scene still (Market, Grill, Counter, Hero Burger) is derived from the master with image‑to‑image so they all share one look.

2. Dive clips — fly into each scene

• Each scene still is animated with Seedance 2 Fast (720p), image-to-video: the camera begins high and wide, then glides forward and descends into the scene.

3. Transitions — the part that makes it feel continuous ✨

This is the technique that matters. For each pair of consecutive dives:

transition.firstFrame = the ACTUAL last frame of dive N   (extracted from the rendered mp4)
transition.lastFrame  = the ACTUAL first frame of dive N+1 (extracted from the rendered mp4)

Feed those two real frames to Seedance 2 as keyframes with a gentle forward‑glide prompt, and it fills the in‑between. Because the transition starts on dive N's real last frame and ends on dive N+1's real first frame