// necessary to move code around a bit but basically raw output from GPT4

​

class Ball {

  constructor(x, y, size, color) {

    this.x = x;

    this.y = y;

    this.size = size;

    this.color = color;

    this.xSpeed = random(-2, 2);

    this.ySpeed = random(-2, 2);

  }

​

  display() {

    fill(this.color);

    noStroke();

    ellipse(this.x, this.y, this.size);

  }

​

  move() {

    this.x += this.xSpeed;

    this.y += this.ySpeed;

    this.checkEdges();

  }

   // Method to reverse direction

  reverseDirection() {

    this.xSpeed *= -1;

    this.ySpeed *= -1;

  }

    // Method to increase speed

  increaseSpeed() {

    this.xSpeed *= 1.5;

    this.ySpeed *= 1.5;

    // Limit max speed

    this.xSpeed = constrain(this.xSpeed, -5, 5);

    this.ySpeed = constrain(this.ySpeed, -5, 5);

  }

    // Method to decrease speed

  decreaseSpeed() {

    this.xSpeed *= 0.5;

    this.ySpeed *= 0.5;

  }

​

  changeSize(increase = true) {

    if (increase) {

      this.size += 5;

    } else {

      this.size -= 5;

    }

    // Ensure the ball size is within reasonable bounds

    this.size = constrain(this.size, 10, 100);

  }

​

  checkEdges() {

    if (this.x <= 0 || this.x >= width) {

      this.xSpeed *= -1;

      this.triggerCollisionEffect();

    }

    if (this.y <= 0 || this.y >= height) {

      this.ySpeed *= -1;

      this.triggerCollisionEffect();

    }

  }

​

triggerCollisionEffect() {

  this.color = randomColor();

  // Temporarily increase size

  this.size *= 1.5;

  setTimeout(() => {

    this.size /= 1.5;

  }, 500); // Reset to original size after 500ms

}

​

}

​

​

class Particle {

  constructor(x, y, color) {

    this.position = createVector(x, y);

    this.velocity = p5.Vector.random2D();

    this.velocity.mult(random(1, 10));

    this.alpha = 255;

    this.color = color;

  }

​

  update() {

    this.position.add(this.velocity);

    this.alpha -= 10; // Fade out effect

  }

​

  display() {

    noStroke();

    fill(this.color.levels[0], this.color.levels[1], this.color.levels[2], this.alpha);

    circle(this.position.x, this.position.y, 10);

  }

​

  isFinished() {

    return this.alpha < 0;

  }

}

​

let particles = [];

Ball.prototype.triggerCollisionEffect = function() {

  // Existing collision effects

  this.color = randomColor();

  // Emit particles

  for (let i = 0; i < 10; i++) {

    particles.push(new Particle(this.x, this.y, this.color));

  }

  collisionSound.play();

};

​

let collisionSound;

​

function preload() {

  collisionSound = loadSound('explosion.wav');

}

​

​

​

let balls = [];

​

function setup() {

  createCanvas(400, 400);

  // Create balls and add them to the array

  for (let i = 0; i < 10; i++) {

    balls.push(new Ball(random(width), random(height), random(10, 40), randomColor()));

  }

}

​

function randomColor() {

  return color(random(255), random(255), random(255));

}

​

function draw() {

  // Existing ball update and display code

  background(220);

  // Display and move each ball

  for (let ball of balls) {

    ball.display();

    ball.move();

  }

    // Update and display particles

  for (let i = particles.length - 1; i >= 0; i--) {

    particles[i].update();

    particles[i].display();

    if (particles[i].isFinished()) {

      particles.splice(i, 1);

    }

  }

}

​

function mousePressed() {

  // Change the color of all balls when the mouse is pressed

  for (let ball of balls) {

    ball.color = randomColor();

  }

}

​

function keyPressed() {

  // Existing controls for reversing direction and speed adjustment

  if (key === 'R' || key === 'r') {

    // Reverse direction when 'R' is pressed

    for (let ball of balls) {

      ball.reverseDirection();

    }

  } else if (key === 'I' || key === 'i') {

    // Increase speed when 'I' is pressed

    for (let ball of balls) {

      ball.increaseSpeed();

    }

  } else if (key === 'D' || key === 'd') {

    // Decrease speed when 'D' is pressed

    for (let ball of balls) {

      ball.decreaseSpeed();

    }

  }

  if (key === 'S' || key === 's') {

    // Increase size when 'S' is pressed

    for (let ball of balls) {

      ball.changeSize(true);

    }

  } else if (key === 'N' || key === 'n') {

    // Decrease size when 'N' is pressed

    for (let ball of balls) {

      ball.changeSize(false);

    }

  }

}

​