Brytalearn.How things workFind something
Animation, stop motion, frames and timing Feedback on this lesson
INTERACTIVE EXPLANATION

How do still pictures become a moving animation?

Direct a rigged fox, capture poses and build a real animation. Change pauses, compare in-betweens, inspect a historic motion study, and save your own film.

Enable JavaScript to change the conditions and run the interactive experiment.

Make a discovery

A pause is a choice, too. What changes between pictures—and how long each one stays—shapes the movement you see.

  • Capture, reorder and hold poses to create a short animation.
  • Calculate duration and distinguish timing from spacing.
  • Explain repeated frames versus new computed in-betweens.
  • Describe apparent motion without a fixed brain-FPS claim.
  • Use identity and sampling to explain an ambiguous frame sequence.
  • Keep source evidence, artistic choices and measurements separate.

Make a prediction

Can you make the fox pause without creating another pose?

  • Yes: extend a picture’s hold.
  • Only by changing the entire model.
  • Only by increasing output frame rate.
Read the explanation

A longer hold repeats the existing state for more time.

Understand it

Make a picture

The fox is an artist-created 3D character. Its rig moves the surface into different poses. Choose a pose, place it on the stage, and capture it into your filmstrip.

Give pictures time

Each captured picture has a hold. Our studio counts time in 24 ticks per second. Six ticks take one quarter of a second. A longer hold adds time while keeping that picture still.

Choose what happens between

Held pictures change at the next capture. Linear in-betweens compute new poses along a chosen transition. Ease-in/out changes the progress through that transition. The last picture keeps its hold; the loop switch adds an explicit jump back to the start.

Watch, then inspect

Your visual system processes changes across space and time. A sequence can appear to move even when you can also notice its steps. Pause and select a picture to see exactly what was authored.

Look closer at the science

The name: apparent motion

A presentation of changing images can produce perceived motion without the corresponding continuously moving object on the screen. Visual responses do persist over time, but an afterimage alone is not a complete account of directional motion. Adelson and Bergen’s 1985 model describes motion processing through patterns across space and time; our studio does not simulate a brain.

Timing and spacing measure different choices

Duration equals total hold ticks divided by 24. Between two pose onsets, represented interval rate equals position change divided by elapsed time. A gap of 20 stage units over 0.25 seconds is 80 units per second; doubling that gap doubles the interval rate. Stage units are authored coordinates, not a fox’s real-world speed.

An in-between follows a rule

For scalar placement, linear interpolation gives x = (1−u)x₀ + ux₁. Ease-in/out uses e = 3u²−2u³ in place of u. Rig rotations use normalized quaternion spherical interpolation along a short arc, following glTF rotation semantics. These rules create poses; they do not recover a uniquely true missing observation or enforce foot contact.

Output frames are not all new pictures

Eight pictures held for six ticks each make a 48-tick, two-second project. Exporting it at 24 frames per second gives 48 output frames. At 48 frames per second it gives 96. In hold mode those extra frames repeat the same captured states; interpolation is a separate choice.

No universal frame rate for seeing

Watson, Ahumada and Farrell’s 1986 experiment asked observers to distinguish sampled motion from a 1920 Hz reference under controlled display and viewing conditions. Its 75%-correct discrimination threshold depended on speed, detail and conditions. Experiment 1 included two observers; it does not prescribe a frame rate for every child, eye or phone. The authors distinguish their visibility theory from a theory of motion sensing.

A repeated pattern can hide a turn

Twelve identical spokes repeat their arrangement every 30 degrees. At eight samples per second, a model wheel turning 240 degrees per second advances exactly 30 degrees per sample: its unmarked frames match a stationary wheel. A marked spoke adds identity information. Extra full turns can still hide between samples. This mathematical ambiguity differs from perceptual reversals under continuous input studied by Kline and Eagleman in 2008.

Pictures are historical evidence

Muybridge’s 1878 Sallie Gardner plate records different horse positions. Its twelfth panel shows the horse standing. The printed caption claims about 1/25 second between negatives and 1/2000 second exposures: interval and exposure are different quantities. A scan does not establish an exact seamless movie, and the standing reference should not be silently added to a gallop loop.

Where this is used

Stop-motion and flipbooks

Artists change a subject or drawing between pictures. Repeating a picture adds a hold; drawing or capturing another state adds information.

Character animation

Artists choose key poses and adjust timing. Computer-generated in-betweens can help connect them, but the result still needs judgment about contact, staging and the intended action.

Games and interfaces

A character or button can change through authored states while a display refreshes at its own rate. Interpolation and playback are explicit software choices, not guarantees of a perceptually perfect result.

Try it yourself: Make a tiny flipbook

Supplies

  • A small pad with 8–12 blank pages or sticky notes
  • A pencil
  • An optional ruler or downloadable template
  1. Keep the stage still

    Keep the binding on the left. Put a ground line and start/end marks in the same place on every page. Use ordinary comfortable room light.

  2. Draw eight pictures

    Draw a ball or leaf at equal gaps. Number pages in the order they will appear. The template positions are 20, 40, 60, 80, 100, 120, 140 and 160 drawing-grid units.

  3. Play, then inspect

    Flip gently through the pages once. Then look at individual drawings. Explain which marks stayed fixed on each physical page and what movement you noticed in the presentation.

  4. Change the gaps

    Try positions 20, 28, 44, 68, 112, 136, 152 and 160 in a second version. What changes? Hand flipping does not hold an exact frame rate, so describe your observation without assigning a measured speed.

  5. Hold or add an in-between

    Repeat one drawing on extra pages for a pause. Separately add a drawing at a new position between two pages. Compare repeating with creating a new picture.

  6. Tell how you made it

    Write three labels: pictures I made, timing I intended, and what I noticed. Re-create the timing in the digital studio if you want exact durations. Step through pictures if flipping is difficult.

What did you change to suggest a pause: the drawing, its duration, or both?

An original animation activity, not a test of eyesight or a measured motion threshold. No spinning fan, flashing light, filming an animal or exact hand-flip FPS is needed.

Check your understanding

Eight distinct pictures each hold for six ticks at 24 ticks per second. What is the project?

  • Eight pictures, 48 ticks, two seconds.
  • 48 different poses.
  • Eight seconds.
Answer and explanation

Eight pictures, 48 ticks, two seconds. 8 × 6 ÷ 24 = 2 seconds; a held picture repeats.

Pose onsets stay 0.25 seconds apart. The position gap changes from 20 to 40 stage units. What happens?

  • The interval rate stays the same.
  • It changes from 80 to 160 stage units per second.
  • This proves the fox is twice as heavy.
Answer and explanation

It changes from 80 to 160 stage units per second. Divide displacement by the same elapsed time.

Add 12 ticks to one picture’s hold. Leave every other setting unchanged. What follows?

  • The clip becomes half a second longer.
  • New poses appear automatically.
  • All the other poses speed up.
Answer and explanation

The clip becomes half a second longer. 12 ÷ 24 adds 0.5 seconds.

Export every held output frame twice at twice the output frame rate. What changed?

  • The duration doubled.
  • Every extra output frame contains a new pose.
  • There are more output frames, with the same poses and duration.
Answer and explanation

There are more output frames, with the same poses and duration. Frame count and frame rate double together.

What is a computer-generated pose between your selected keys?

  • The only possible real movement.
  • A new pose produced by a chosen interpolation rule.
  • A missing photograph recovered from the model.
Answer and explanation

A new pose produced by a chosen interpolation rule. Different rules can share the same endpoints.

Which explanation fits the evidence about seeing motion?

  • Every eye stores whole pictures for exactly 1/24 second.
  • Visual responses persist, and motion processing uses changes across space and time.
  • Noticing steps means someone has poor eyesight.
Answer and explanation

Visual responses persist, and motion processing uses changes across space and time. Temporal persistence alone does not explain the whole motion effect.

A 12-spoke wheel turns 30 degrees between samples. Its unmarked frames can match what?

  • Both that rotating wheel and a stationary wheel.
  • Proof that the model wheel stopped.
  • A measurement of the viewer’s brain frame rate.
Answer and explanation

Both that rotating wheel and a stationary wheel. Each identical spoke maps onto another spoke.

Why not loop all 12 Muybridge panels and label it an exact gallop movie?

  • Old photos cannot teach us anything.
  • Reordering makes historical timing exact.
  • The twelfth horse is standing, and an exact seamless sequence is not established.
Answer and explanation

The twelfth horse is standing, and an exact seamless sequence is not established. Keep each source image’s role and the limits of the recorded timing.

Sources and model limits

  • The fox is a licensed artist-created character, not an anatomical scan or measured animal gait. Its rig bones are animation controls.
  • Placement, easing and timing express an authored performance. No gravity, foot-contact forces, emotion detector or physical mass model is simulated.
  • Our 24-tick timeline and browser rendering opportunities are different. A device can miss frames; callback timing is not a measurement of emitted light.
  • No personal vision test, universal brain frame rate, flicker threshold or prescribed emotional interpretation is inferred.
  • The sampled wheel compares exact ideal angle sets; it does not predict what every viewer will perceive.
  • Source model and historical photographs retain their own identities and credits. Computed in-betweens are authored derivatives.

Animation channels and rotation interpolation have defined data semantics.

Sections on animations and Appendix C. LINEAR rotation uses spherical interpolation. Playback policy belongs to the application.

Khronos · glTF 2.0 animation semantics

A real reusable rigged character with Survey, Walk and Run clips.

PixelMannen model CC0; tomkranis rig and animation, AsoboStudio and scurest conversion CC BY 4.0. Original 162,852-byte GLB is hash-verified. Learner/Brytalearn selections, placement and timing are modifications.

Khronos · original Fox asset and credits

Detecting differences in sampled motion depends on stimulus and viewing conditions.

Original JOSA A paper, DOI 10.1364/JOSAA.3.000300. Experiment 1 used two observers and a 1920 Hz reference. Its discrimination threshold is not a universal onset of motion perception.

Watson, Ahumada & Farrell (1986) · sampled motion fidelity

Successive horse positions and the standing twelfth panel belong to one historical artifact.

Eadweard Muybridge, Sallie Gardner, June 19, 1878. LC-DIG-ppmsca-06607. Source rights statement: No known restrictions on publication. Full plate resized/WebP encoded; separate caption crop is identified.

Library of Congress · Muybridge’s 1878 original plate

Browser rendering opportunities and authored timeline states are distinct.

Playback derives its position from elapsed time; missed callbacks do not permanently slow the project.

WHATWG · animation-frame callbacks

Independent subject review is pending.

Read the sources and model assumptions