What are some interesting p5.js examples I can try?

What are some interesting p5.js examples I can try?

You can try creating a bouncing ball, a particle system, or an interactive sketch using mouse input!

Can you give me a simple code snippet for a bouncing ball?

Sure! Here's a simple example:

let x = 100;
let y = 100;
let speedX = 3;
let speedY = 2;

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

function draw() {
  background(220);
  ellipse(x, y, 50, 50);
  x += speedX;
  y += speedY;

  if (x > width || x < 0) {
    speedX *= -1;
  }
  if (y > height || y < 0) {
    speedY *= -1;
  }
}

How can I make it interactive with mouse input?

You can modify the code to change the ball's position based on mouse coordinates. Here's an updated snippet:

function draw() {
  background(220);
  ellipse(mouseX, mouseY, 50, 50);
}

What other projects can I create with p5.js?

You can create generative art, data visualizations, or even simple games! The possibilities are endless!