Logo
  • Home
  • Equipment
  • Tutorials
  • Calendar
  • TPZ Staff Page
  • (Beta) Tech Ai Support
The Possible Zone
Fab Lab Website
Fab Lab Website
/
Tutorials
/
Tutorials Database
/
Bouncing Circle
/
Getting Started

Getting Started

image

We’re going to make a circle ricochet around our screen, much like screensavers from long ago. Try to figure out as much as you can without opening the hidden code sections!

Create a new project

Go to https://editor.p5js.org and create a new project.

‣

Code

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
}

Next up...

Bouncing Circle: Make a circle