Please enable JavaScript to use CodeHS

Digital Art with p5.js

View Syllabus Overview

Lesson 2.1 The Draw Loop

Description

This lesson introduces students to the world of animation. Students explore the history of animation and learn how to set the frame rate to adjust the speed of an animated p5.js sketch.

Objective

Students will be able to:

  • Use the frameRate() function to change the speed of animated sketches
  • Use the frameCount system variable to draw shapes dynamically

Activities

These are all the activities included in the lesson

2.1.1 The Draw Loop
2.1.2 A Brief History of Animation
2.1.3 Frame Rate
2.1.4 No Loop
2.1.5 Frame Count