Big Ideas
- Apply math and computation expressively by creating motion graphics
Overview
This unit covers the creation of motion, from linear to random to circular.
For their final project, students make a drawing move in different directions in response to user input. In levels 2 and 3, they apply oscillating and spiral motion to a drawing, and animate not only position but also color and shape.
Enduring Understandings
- Understand the basics of programming motion graphics
- Understand how to apply randomness and trigonometry to motion
Goals
Animation basics
Understand the basics of programmatic animation
Random motion
Understand how to apply randomness to motion
Cyclic motion
Understand how to apply trigonometry to create fluid, cyclic motion
Learning Activities
Final Project Prompt
Starting from a drawing of a character made with p5, make it move in lines, circles, or spirals, expressing a certain move. Consider animating not only position, but also color and shape.
Level 1
Explore moving faster, slower, in different directions, at random
Level 2
Apply oscillating or circular motion, and animate a shape
Level 3
Apply spiral motion, animate a shape, and animate color
Final Project Examples
Level 1
Example Project
Step by Step Guide
Level 2
Example Project
Level 3
Example Project
Final Project Inspiration
