Orchestrated Sequences

The art of rhythmic motion. This laboratory examines how animations propagate through groups of elements, creating cascading effects and coordinated transitions through choreographed timing.

Lab 2 - Stagger Image Gallery

Create an image gallery where images fade in with staggered effect when loaded.

  • Create an array of image URLs.
  • Use motion.img to display each image.
  • Implement a staggered effect for images to fade in as they load.
Woman sitting in a car with ocean view

Woman sitting in a car with ocean view

Snowy mountain slopes with deep shadows

Snowy mountain slopes with deep shadows

Close-up of water droplets on a textured surface

Close-up of water droplets on a textured surface

Family with child looking at phones near dark spheres

Family with child looking at phones near dark spheres

Modern white buildings with angled supports against sky

Modern white buildings with angled supports against sky

Row of colorful houses along a canal with reflection

Row of colorful houses along a canal with reflection

City street at night with light trails

City street at night with light trails

Rocky mountain peaks under a clear blue sky with moon.

Rocky mountain peaks under a clear blue sky with moon.

Sunlight streams through a window onto a cafe table.

Sunlight streams through a window onto a cafe table.

Looking up through a modern building courtyard with glass roof.

Looking up through a modern building courtyard with glass roof.