victorylap Devlog #5 (one quote in the wrong place cost me a full render)

its been longer than i realized since my last devlog. a lot has happened.

TL;DR

• tore the video out of one giant html string and split it into separate scene files
• one misplaced quote in a script tag stopped gsap from loading. every animation silently died
• built a loading bar so you dont watch hyperframes scroll a wall of text anymore
• started a second theme, paper, so –theme actually changes the whole film

---

The Refactor

the whole video used to be one massive html string. every scene, every style, every timeline stuffed into one file. it worked but it was getting hard to read and harder to change.

so i split it. the host file holds the layout and the four slots. each scene is its own composition file: hook, name, stats, closer. hyperframes loads each one, seeks it on its own, and drops it into the slot at the right time.

adding a scene is now its own file instead of a needle in a haystack.

---

The Loading Bar

hyperframes prints a scrolling wall of render logs. it works but it looks like nothing you’d want a user to see.

so i wrapped the render in my own bar. a spinner, a set of rotating words, and a real percent bar that reads the actual progress out of the render output. all of hyperframes’ output gets buffered quietly in the background, and if the render fails i print the last chunk of it so i can actually see what broke. it’s clean on success, honest on failure.

---

Paper

i’m mid build on the second theme. the first look is amber terminal, mono, sharp slides. paper is the opposite: warm cream, serif ink, soft fades, a thin red margin rule down the side. same slots, same wiring, totally different film. thats the point of –theme. once this one renders clean i can add a third by copying the shape.

---