Austin, TX — Scroll World

Scroll to fly through a day in Austin.
A clay-diorama scroll cinematic: Lady Bird Lake → breakfast tacos → BBQ → South Congress → live music → Congress Avenue bats → skyline.

▶ Live demo (GitHub Pages)  ·  Scene stills

---

What it is

Inspired by the viral scroll-world skill — an immersive scroll-scrubbed landing page where scroll position drives a pre-rendered camera through a continuous miniature world. No Higgsfield required for this build: cohesive AI stills + cinematic push-in encodes + the portable scrub engine.

Art	Soft matte clay isometric dioramas
Palette	Burnt orange · limestone · turquoise · coral · oak · dusk navy
Clips	7 × 10s · 1080p · scrub-optimized H.264
Engine	Vanilla JS blob-seek scrubber (framework-agnostic)
Weather	Live Austin atmosphere via Open-Meteo (no API key)

Live weather + Sweatometer

Scroll is the product. Weather is a micro HUD chip (top-right) — temp + sweat label only. No panel, no full-screen layer on clear/hot days (the usual Austin case), so scrub FPS stays clean.

Live from Open-Meteo for Austin, TX:

When live data says…	You get…
Clear / hot (usual)	Micro Sweatometer chip only (98° · Sweltering)
Rain / heavy rain	Lazy-mounted canvas rain
Thunderstorm	Rain + lightning + thunder
Fog / snow	Mist / flakes

Full detail (NOAA heat index, RH, score) is in the chip tooltip. Demo override: ?wx=rain|storm|…. Refreshes every 10 min.

---

The journey

#	Scene	Line
1	Lady Bird Lake	The city starts on the lake.
2	Breakfast Tacos	Breakfast tacos first.
3	BBQ Pit	Where the smoke does the talking.
4	South Congress	SoCo does its own thing.
5	Live Music	Every night has a stage.
6	Congress Bats	1.5 million neighbors take flight.
7	Skyline	Austin, all lit up.

 

---

Try it locally

git clone https://github.com/rdsciv/austin-scroll-world.git
cd austin-scroll-world
cd docs && python3 -m http.server 8765
# open http://127.0.0.1:8765

The site lives under docs/ (GitHub Pages source). Assets are relative (assets/vid/*.mp4, assets/*.webp).

---

How the scrub works

1. Stills — one cohesive clay scene per beat (shared style preamble + palette).
2. Dives — each still becomes a 10s forward camera push (encode recipe: native 1080p, light unsharp, crf 18, GOP 8, no audio, +faststart).
3. Engine — scrub-engine.js maps scroll → video.currentTime with blob URLs (fully seekable), seam crossfades, mobile variants, reduced-motion fallback.

Excellent MP4 recipe (also in scripts/04_encode_scrub.sh):

ffmpeg -i dive.mp4 -an -vf "unsharp=5:5:0.8:5:5:0.0" \
  -c:v libx264 -preset slow -crf 18 -pix_fmt yuv420p \
  -g 8 -keyint_min 8 -sc_threshold 0 -movflags +faststart \
  out.mp4

---

Repo layout

docs/                 ← GitHub Pages site (index + assets + engine)
  index.html
  stills.html
  scrub-engine.js
  assets/
    *.webp            posters
    stills/           full PNG stills
    vid/              1080p + mobile *-m.mp4 clips
examples/austin-tx/   brand kit + section copy
scripts/              open pipeline (Codex stills, fal I2V, encode)
skills/scroll-world/  upstream skill reference
OPEN_PIPELINE.md      Higgsfield-free build notes

---

Credits

• Scroll mechanic & engine pattern: oso95/scroll-world (MIT)
• Austin theme, stills, encodes, and Pages deploy: this repo

---

License

MIT — see LICENSE.