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.
Energetic drummer performing shirtless under intense red lights.

Energetic drummer performing shirtless under intense red lights.

Ornate interior with religious frescoes, paintings, and arched window.

Ornate interior with religious frescoes, paintings, and arched window.

Rainbow arches across a rugged cliff above a dark river.

Rainbow arches across a rugged cliff above a dark river.

Child on shoulders walks past a ferry booth.

Child on shoulders walks past a ferry booth.

Sunset view from a dark cave onto a sandy beach.

Sunset view from a dark cave onto a sandy beach.

Blurred white and yellow daisies in a green field.

Blurred white and yellow daisies in a green field.

Various small items neatly organized in a white drawer.

Various small items neatly organized in a white drawer.

Cityscape under dramatic sunset sky with dark clouds.

Cityscape under dramatic sunset sky with dark clouds.

Snow-capped mountains viewed from an airplane window.

Snow-capped mountains viewed from an airplane window.

Cyanotype print of delicate seaweed on a blue background.

Cyanotype print of delicate seaweed on a blue background.