The Principles of Animation

Active learning lets students see the science behind animation firsthand, moving beyond abstract ideas to concrete evidence. When children create their own flipbooks and adjust frame rates, they directly experience how persistence of vision turns still images into motion.

• Year 3
• Computing
• 4 activities
• 25 min–45 min

Learning Objectives

1. Create a simple animation sequence using a flipbook or digital tool that demonstrates the illusion of movement.
2. Explain how the number of frames per second (frame rate) affects the perceived smoothness of an animation.
3. Compare the visual impact of different frame rates on the pacing and mood of a short animation.
4. Analyze the relationship between a physical action and its representation in a frame-by-frame digital capture.

Inquiry Circle

⏱ 30 min·Pairs

Pairs: Flipbook Sequencing

Pairs draw a 10-frame sequence of a simple action, like a jumping frog, on sticky notes or a flipbook template. They flip through the pages rapidly to observe movement. Discuss how adding or removing frames changes smoothness.

Prepare & details

Explain how many frames per second are needed to make a movement look smooth.

Facilitation Tip: During Flipbook Sequencing, remind pairs to number their pages to keep the sequence clear.

Setup: Groups at tables with access to source materials

Materials: Source material collection, Inquiry cycle worksheet, Question generation protocol, Findings presentation template

• Analyze
• Evaluate
• Create
• Self-Management
• Self-Awareness

Inquiry Circle

⏱ 45 min·Small Groups

Small Groups: Frame Rate Challenge

Groups use a free online flipbook tool or paper strips to create the same animation at 8, 12, and 24 frames per second. They play back each version and vote on which feels smoothest or funniest. Record findings in a class chart.

Prepare & details

Analyze the relationship between physical movement and digital capture.

Facilitation Tip: In Frame Rate Challenge, circulate and ask each group to predict what will happen before they press play.

Setup: Groups at tables with access to source materials

Materials: Source material collection, Inquiry cycle worksheet, Question generation protocol, Findings presentation template

• Analyze
• Evaluate
• Create
• Self-Management
• Self-Awareness

Inquiry Circle

⏱ 25 min·Whole Class

Whole Class: Thaumatrope Demo

Demonstrate making thaumatropes with card, string, and two images that combine when spun. Class creates their own, like a bird in a cage, then spins to see the illusion. Link to persistence of vision principles.

Prepare & details

Compare how different frame rates change the 'feel' of a digital story.

Facilitation Tip: For the Thaumatrope Demo, hold the string taut and spin slowly at first to help students see the combined image.

Setup: Groups at tables with access to source materials

Materials: Source material collection, Inquiry cycle worksheet, Question generation protocol, Findings presentation template

• Analyze
• Evaluate
• Create
• Self-Management
• Self-Awareness

Inquiry Circle

⏱ 40 min·Individual

Individual: Stop-Motion Sketch

Each student sketches 15 frames of a moving object on paper, photographs sequentially with a tablet, and compiles into a basic animation using a school app. Review personal results for smoothness.

Prepare & details

Explain how many frames per second are needed to make a movement look smooth.

Facilitation Tip: During Stop-Motion Sketch, encourage students to move objects in small, consistent steps between photos.

Setup: Groups at tables with access to source materials

Materials: Source material collection, Inquiry cycle worksheet, Question generation protocol, Findings presentation template

• Analyze
• Evaluate
• Create
• Self-Management
• Self-Awareness

Teaching This Topic

Teach animation as both art and science by blending hands-on creation with guided observation. Avoid starting with digital tools; begin with physical manipulatives like flipbooks to build foundational understanding. Research shows that when students create simple animations first, they grasp advanced concepts like frame rate more easily. Keep demonstrations short and focused so students can replicate the steps themselves.

What to Expect

Students will explain that animation depends on sequenced images, describe how frame rates affect smoothness, and connect physical actions to animated results. They should use terms like 'frames,' 'persistence of vision,' and 'frame rate' correctly in discussions.

Watch Out for These Misconceptions

Common Misconception

During Flipbook Sequencing, watch for students who treat each page as a separate drawing rather than part of a sequence.

What to Teach Instead

Guide them to flip through their booklets slowly while watching the transition between pages, pointing out how each frame builds on the last.

Common Misconception

During Frame Rate Challenge, students may assume that adding more frames always improves animation quality.

What to Teach Instead

Have them test 6, 12, and 24 frames per second with the same action, then discuss which felt smoother and why.

Common Misconception

During Stop-Motion Sketch, students might think physical movement and digital frames are unrelated.

What to Teach Instead

Ask them to trace their real bounce onto paper first, then transfer those key poses to their stop-motion frames to see the direct connection.

Assessment Ideas

Quick Check

After Frame Rate Challenge, show two short animations of the same action, one at 10 fps and one at 24 fps. Ask students to write down one word describing how the faster animation felt compared to the slower one. Collect responses to gauge understanding of frame rate impact.

Exit Ticket

During Stop-Motion Sketch, provide students with a simple scenario like 'a ball bouncing'. Ask them to draw 3-4 key frames on a small card that would show this movement. On the back, they should write one sentence explaining why drawing multiple frames is necessary for animation.

Discussion Prompt

After Frame Rate Challenge, ask students: 'Imagine you are animating a character running. How might changing the frame rate make the character seem more excited or more tired? What does this tell us about how animators use frame rate?' Facilitate a brief class discussion.

Extensions & Scaffolding

• Challenge: After completing the Flipbook Sequencing, ask students to increase the number of frames for a smoother bounce and compare results.
• Scaffolding: For Frame Rate Challenge, provide students with a template showing 12, 18, and 24 grid spaces to help them plan their frames evenly.
• Deeper: After Stop-Motion Sketch, introduce onion-skinning in a simple app to show how digital animators preview previous frames for smoother motion.

Key Vocabulary

Frame	A single still image in a sequence. When shown rapidly, frames create the illusion of movement.
Frame Rate	The number of frames displayed per second (fps). Higher frame rates generally result in smoother motion.
Persistence of Vision	The optical illusion that occurs when visual stimuli persist for a brief moment after they are removed, allowing our eyes to blend sequential images into apparent motion.
Flipbook	A book of pages that contains different images on each page, which when flipped through rapidly, create an animation.