Interactive Experience
The DragonAwakens
A scroll-driven cinematic built entirely in GSAP — video, boss reveal, and storytelling woven into one unforgettable page.
Begin EncounterThe Party
Three heroes.One final threat.
01
Warrior
A character callout designed to show cinematic UI storytelling.
02
Archer
A character callout designed to show cinematic UI storytelling.
03
Paladin
A character callout designed to show cinematic UI storytelling.
Initializing Encounter
THREAT LEVEL
EXTREME
Preparing Dragon Encounter...
Character Scene
Party vs Dragon
Fighter
The Shield
"I'll take the hit — nobody touches them while I'm standing. Get behind me and stay there!"
Paladin
The Divine
"By the light I will shield you — lay on hands, divine smite incoming. Dragon, your reign ends here."
Ranger
The Hunter
"I see the gap in its scales — one clean shot to the throat and this dragon won't fly again."
Boss Encounter
Ancient Dragon
Last Words
"Impossible… I have burned kingdoms, outlasted gods… I cannot fall to — to mortals. This… is not… the end…"
Extreme
Defeated
Behind The Scene
How it wasBuilt.
Every animation on this page is handcrafted — no libraries beyond GSAP and Spline. Here's what's running under the hood.
Scroll-driven hero transform
Title shrinks and floats to the top as you scroll — driven by a scrubbed GSAP timeline.
Sticky section merge
Hero and party live in one 200vh container. The hero is sticky while the party scrolls beneath it.
Heartbeat glow
The red ambient glow pulses continuously and grows to scale 6 as you reach the bottom of the section.
Particle spark system
55 red and orange sparks rise from the bottom, generated dynamically and looped independently.
Interactive 3D characters
Each hero card embeds a live Spline scene on desktop. Mobile uses a static image to keep performance smooth.
Pinned video encounter
The DnD scene pins the section, loops a video in the background, and reveals character cards one by one on scroll.
Boss reveal
All three character cards fade out simultaneously to clear the stage for the Ancient Dragon's entrance.