Skip to main content

Replicating a cinematic site: live, user-replaceable elements over baked-in fidelity

· 4 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: to make a demo's animation flow match a heavily scroll-animated reference site, do we bake the continuous "camera ride" into one pre-rendered video / frame sequence that scrubs with scroll (the way the reference site itself does it), or do we keep every card, device screen, image and line of copy as a live page-builder element and drive the camera moves with scroll animation over an optional decorative backdrop?

How far should the Animation Engine expose GSAP — and how do we teach it?

· 4 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: GSAP + ScrollTrigger already drive the Scroll Motion module, but the builder only exposed a hand-picked slice — Style presets, direction, distance, start. Power users kept hitting a wall (no easing choice, no way to choreograph several elements, no way to write anything the presets couldn't express). How much of GSAP should we surface, and where does exposing-more stop being "friendly to advanced users" and start being "a code editor bolted onto a page builder"?

How does a GSAP timeline become builder options a non-coder can drive?

· 3 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: the engine's model was one effect per element, each firing independently when it scrolls into view. A GSAP timeline is the opposite — several elements animating in a choreographed order with relative timing. How do you translate that into page-builder options a non-coder can drive, without shipping a keyframe editor or a code field?

Should Page Builder pages show the theme's page title?

· 3 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: Builder pages started rendering the theme's page title as an H1 bar above the built content (so "every page has exactly one H1"). Was that a good default — or should the theme title simply be disabled whenever the Page Builder is used, leaving the per-page "Hide the page title" checkbox to classic-editor pages only?

3D Gallery Motion: a nested multi-picker (via a NEW key) plus CSS-sticky scroll pinning

· 3 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: for the 3D Gallery's Scroll-scrub motion, should the gallery pin on screen while the visitor's scroll drives the animation (instead of scrolling past with only a sliver of movement visible)? And should the Motion options become a multi-picker so each mode reveals only its own settings?

Where does a new gallery design belong — the core Gallery or the 3D Gallery?

· 3 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: a "Photo Scatter" effect — photos scattered flat on a tabletop, gliding in from the edges, dwelling, then reshuffling to the next set — is unmistakably a gallery. The core [gallery] element already has 20+ layout designs. So does a new gallery design belong there, or in the Animation Engine's [gallery_3d]?