New York Computer Science 7-8

Lesson 5.6 Shape Transformations

Description

This lesson introduces students to three shape transformations — translation, rotation, and scale. Students create static and animated shape transformations in p5.js using the translate(), rotate(), and scale() functions.

Objective

Students will be able to:

create static and animated shape transformations
statically and dynamically change the origin and resulting direction of a shape using the translate() function
statically and dynamically rotate a shape using the rotate() function
statically and dynamically change the size of a shape using the scale() function