Please enable JavaScript to use CodeHS

Introduction to Game Design with p5play

View Syllabus Overview
Getting to Know p5play
Description

In this lesson, students learn about the p5play library and see examples of what can be created with it.

Objective

Students will be able to:

  • Describe what a JavaScript library is
  • Provide an overview of what features the p5play library offers
  • Describe their experience running p5play programs / games
Description

In this lesson, students will learn about the two main functions in a p5play program, setup() and draw().

Objective

Students will be able to:

  • Describe the role that the setup() function plays in a p5play program
  • Describe the role that the draw() function plays in a p5play program
  • Code the standard structure of p5play program
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
Description

In this lesson, students will learn about p5play sprites and how to control their appearance with properties like size, position, and color.

Objective

Students will be able to:

  • Define a p5play sprite
  • Describe some of the properties of p5play sprites and how they are used
  • Create a p5play sprite in their code
  • Use dot notation to set the values of a sprite’s properties
Description

In this lesson, students will learn about more sprite properties and how they relate to p5play’s built-in physics engine.

Objective

Students will be able to:

  • Describe what a physics engine is and how it impacts program development
  • Turn on gravity in their programs
  • Identify and use the different sprite colliders
  • Identify and use additional sprite properties that change the sprite’s behavior in the scene