OVERVIEW

Activity Overview:

In this lesson, students will learn how to add animations to the shapes in a VR world. Students will learn how to program shapes to move, change color, change size, and rotate.

Meta description

• Subject Area: Computer Science
• Grade Level : 6-8
• Computer Science Domains:
  • Algorithms and Programming
• Computer Science Principles:
  • Creating Computational Artifacts
  • Testing and Refining Computational Artifacts
• Materials:
  • Website
• Considerations:
  • Students will advance at different paces, be prepared to help advance learners move forward sooner. Try out activities before assigning to students.

Lesson Plan

Overview

In this lesson, students will learn how to add animations to the shapes in a VR world. Students will learn how to program shapes to move, change color, change size, and rotate.

ASSESSMENT PRE/POST-TEST

What property would you use to animate each of the following. Give an example of a to/from property value:

Make the shape move Change the shape’s size Make the shape disappear Change the shape’s color Cause the shape to spin

OBJECTIVES

Use animations to move and rotate shapes Program animations to change shapes’ colors Understand where to find resources to program advanced animations

CATCH/HOOK

Imagine flying like a bird, singing on Broadway or seeing a planet up close. What attributes are present that make VR feel like we are experiencing things that seem otherwise impossible or out of our current reach?

ACTIVITY INSTRUCTIONS

Students will work through each of the following activities: 3.1.1 Check for Understanding: Animation Tag 3.1.2 Quiz: Animation Tag 3.1.3 Example: Cube Sliding 3.1.4 Example: Ball Drop 3.1.5 Exercise: Sliding Cylinder 3.1.6 Video: What Can We Animate? 3.1.7 Check for Understanding: What Can We Animate? 3.1.8 Example: Rolling Ball 3.1.9 Example: Types of Animation 3.1.10 Exercise: Radioactive 3.1.11 Video: How Can We Animate? 3.1.12 Check for Understanding: How Can We Animate? 3.1.13 Example: Starburst 3.1.14 Exercise: Wormhole 3.1.15 Exercise: Catapult 3.1.16 Exercise: Light Speed Ahead! 3.1.17 Notes: Advanced Options 3.1.18 Example: Starburst on a Timer 3.1.19 Challenge: Animate a Scene! 3.1.20 Badge: Animation Badge

Supplements

Any items in this section are the property & under the license of their respective owners.

REVIEW

Animations allow us to dynamically change particular attributes of shapes. As a reminder, shapes’ attributes include things like color, position, radius, height, and opacity. The animation is controlled by adding a parameter to the object’s opening tag. Have students reflect and discuss these ideas.

STANDARDS