MF MOTION FIELD
INTRO / VIDEO 00 — START

ONE PAGE / SCROLL LAB

MOTIONMATTERS.

Video on ainult üks kiht. Scroll paneb liikuma ka teksti, maskid, graafika, sügavuse ja tempo.

SCROLL TO ENTER
01
CHAPTER 01 / GROWTH
01.1

Kasv ei ole staatiline.

Stseen seisab ekraanil, aga video kaader liigub otseselt scrolli progressiga.

01.2

Vaata sama objekti muutumas.

Tekst võib ilmuda täpselt siis, kui visuaalis toimub oluline muutus.

01.3

Kerides tagasi liigub aeg tagasi.

See on scroll-scrub, mitte autoplay.

DEPTH
PACE
LAYER

NO VIDEO HERE

Vahepeal võib kogu liikumine olla ainult brauserigraafika.

Ringid, jooned, gradient, tüpograafia ja kihid liiguvad eri kiirustega. See teeb videote vahele hingamisruumi ja vähendab andmemahtu.

03

AUTOPLAY ONLY WHEN VISIBLE

Video ei pea olema kogu ekraani taust.

Scroll muudab raami suurust, asukohta ja nurkade raadiust; video ise mängib ainult siis, kui sektsioon on lähedal.

CHAPTER 04 / SIGNAL

Objekt võib olla keskne,
graafika elab tema ümber.

Kui video taust on puhas, saab HTML/CSS kihid ehitada selle peale ilma transparentse videota.

00FRAME
SCRUBMODE
VIDEO•GRAPHICS•PARALLAX•VIDEO•
STICKY•SCRUB•MASK•DEPTH•
ONE PAGE DOESN'T MEAN ONE EFFECT.
05 / MATTER

MAKE THE PAGE
FEEL ALIVE.