Please enable JavaScript to use CodeHS

Introduction to Game Design with p5play

View Syllabus Overview

Lesson 3.3 Understanding the Canvas

Description

In this lesson, students will learn more about the p5play canvas, including how to set one up and navigate its X-Y coordinate system.

Objective

Students will be able to:

  • Explain what the p5play canvas is
  • Set up a canvas in their code with specified dimensions
  • Understand how the X-Y coordinate system works

Activities

These are all the activities included in the lesson

3.3.1 Understanding the Canvas
3.3.2 Create a Canvas
3.3.3 Canvas Coordinates
3.3.4 Helper Function for Coordinates
3.3.5 Refreshing the Canvas
3.3.6 Shelving Boxes
3.3.7 Check Your Understanding - Canvas