BG-5 — SVG Path on Scroll
01 / 05 · Level D · scroll-driven dasharrayLevel D · scroll-driven dasharray
SVG Path on Scroll
SVG path with stroke-dasharray. As the page scrolls, dashOffset decreases → the line draws itself. Milestone dots appear at key points.
Level E · holographic conic + grain
Iridescent Foil
Holographic foil: conic-gradient rainbow + multiply blend + grain on top. Constantly rotates, like foil under light.
Level E · bloom + CA + grain + vignette
Postprocessing FX
@react-three/postprocessing — Bloom + ChromaticAberration + Noise + Vignette. Emissive icosphere. The package is already in the template.
Level E · 3 layers scroll-driven
Per-block Parallax Hero
3 SVG layers (distant mountains / mid mountains / close trees). useTransform on scrollYProgress → different motion speeds. Stars on top.
R3F · scroll-driven rotation
Page-pin 3D
Прокрути секцию (250vh) — torus-knot вращается на 4×360° по Y и 1×180° по X. Камера фиксирована, контент-overlay прокручивается мимо.