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.
Sunset seen through a dusty window with curtains

Sunset seen through a dusty window with curtains

Dark mountain silhouettes against a pale blue sky with scattered clouds

Dark mountain silhouettes against a pale blue sky with scattered clouds

Three people standing on a grassy hill under a bright blue sky

Three people standing on a grassy hill under a bright blue sky

A starry night sky above dark mountain silhouettes and wispy clouds

A starry night sky above dark mountain silhouettes and wispy clouds

A black Polaroid 660 SE instant camera on a stone ledge with a blurred green forest background

A black Polaroid 660 SE instant camera on a stone ledge with a blurred green forest background

A car covered in a reflective silver tarp parked in a dim concrete parking garage

A car covered in a reflective silver tarp parked in a dim concrete parking garage

Abstract digital art with vertical blue and white pixelated streaks creating a textured effect

Abstract digital art with vertical blue and white pixelated streaks creating a textured effect

A 3D render of a modern dark brown building with rectangular windows and a brick wall

A 3D render of a modern dark brown building with rectangular windows and a brick wall

The TV Tower in Berlin silhouetted against a cloudy sky with low sun

The TV Tower in Berlin silhouetted against a cloudy sky with low sun

A person in silhouette holding a camera on rocky terrain overlooking the ocean in Morro Bay

A person in silhouette holding a camera on rocky terrain overlooking the ocean in Morro Bay