Animation
outlined_flag Advanced list 8 lessons access_time 8-12 hours
Overview
Students create fun and complex animated projects. This is an advanced curriculum, which means it teaches new concepts that are recommended for students who have already participated in at least two other CS First themes.
Lessons access_time 45-90 mins each
1. Monster Feelings
Learn about the scope and procedures of the class, then use functions and vector graphics to animate a monster’s feelings.
- check_circle assessment CS First Survey
- check_circle play_circle_filled CS First and Scratch Overview
- check_circle play_circle_filled Welcome to Animation
- check_circle play_circle_filled Monster Feelings Introduction
- check_circle play_circle_filled Animate the Monster
- check_circle play_circle_filled Monster Expression
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Monster Feelings
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
2. Storyboard
Learn how storyboards are used by animators and create a storyboard of your own while learning about “broadcast.”
- check_circle play_circle_filled Introduction to Storyboards
- check_circle play_circle_filled Create a Storyboard
- check_circle play_circle_filled Finish Your Storyboard
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Storyboard
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
3. Android Story
Program a straight-ahead animation story using functions and parameters.
- check_circle play_circle_filled Android Story Introduction
- check_circle play_circle_filled Tell the Story
- check_circle play_circle_filled Android Actions
- check_circle play_circle_filled Animate Actions
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Android Story
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
4. Parallax
Build a parallax scrolling animation while you incorporate local variables into their program.
- check_circle play_circle_filled Parallax Introduction
- check_circle play_circle_filled Scrolling Objects
- check_circle play_circle_filled Customize Attributes
- check_circle play_circle_filled Add More Objects
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Parallax
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
5. Side Scroller
Build a side scroller game while you learn about nested conditional statements.
- check_circle play_circle_filled Side Scroller Introduction
- check_circle play_circle_filled Walk the Walk
- check_circle play_circle_filled Forward Motion
- check_circle play_circle_filled Hop, Skip, and a Jump
- check_circle play_circle_filled Keep Moving
- check_circle play_circle_filled Realistic Jump
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Side Scroller
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
6. Hangout
Create a dialogue between characters and animate their emotions using parameters.
- check_circle play_circle_filled Hangout Introduction
- check_circle play_circle_filled Talking with Expressions
- check_circle play_circle_filled Speak Function
- check_circle play_circle_filled Input Emotion
- check_circle play_circle_filled Take Turns Talking
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Hangout
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
7. Just for You
Animate a user’s name using string manipulation.
- check_circle assessment Animation Post-Survey
- check_circle play_circle_filled Just For You Introduction
- check_circle play_circle_filled Animate Letters
- check_circle play_circle_filled What's your name?
- check_circle play_circle_filled Letter Animation
- check_circle play_circle_filled Lowercase Function
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Just For You
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project
8. Studio Logo
Design a studio logo that you can add to any of your projects.
- check_circle play_circle_filled Studio Logo Introduction
- check_circle play_circle_filled Design Studio Logo
- check_circle play_circle_filled Combine the Sprites
- check_circle play_circle_filled Clone Actions
- check_circle play_circle_filled Portable Logo
- check_circle extension Add-Ons
- check_circle assessment Reflection
- check_circle play_circle_filled Wrap-up: Studio Logo
- check_circle play_circle_filled Wrap-up: Share Your Project
- check_circle play_circle_filled Wrap-up: Show Your Project