xxxxxxxxxx105
const NUM_SHAPES = 25;let shapes = [];function setup() { createCanvas(400, 400); for (let i = 0; i < NUM_SHAPES; i++) { shapes.push(new Circle(random(width), random(height))); shapes.push(new Square(random(width), random(height))); shapes.push(new Triangle(random(width), random(height))); }}function draw() { background(220); for (let s of shapes) { s.update(); s.show(); } checkCollisions();}function checkCollisions() { for (let i = 0; i < shapes.length; i++) { for (let j = 0; j < shapes.length; j++) { if (i !== j && shapes[i].intersects(shapes[j])) { if (shapes[i] instanceof Circle && shapes[j] instanceof Square) { shapes[j] = new Circle(shapes[j].pos.x, shapes[j].pos.y); } else if (shapes[i] instanceof Circle && shapes[j] instanceof Triangle) { shapes[i] = new Triangle(shapes[i].pos.x, shapes[i].pos.y); } else if (shapes[i] instanceof Square && shapes[j] instanceof Triangle) { shapes[j] = new Square(shapes[j].pos.x, shapes[j].pos.y); } } } }}class Shape { constructor(x, y) { this.pos = createVector(x, y); this.vel = p5.Vector.random2D(); this.size = 20; } update() { this.pos.add(this.vel); this.checkEdges(); } checkEdges() { if (this.pos.x < 0 || this.pos.x > width) { this.vel.x *= -1; } if (this.pos.y < 0 || this.pos.y > height) { this.vel.y *= -1; } } intersects(other) { let d = dist(this.pos.x, this.pos.y, other.pos.x, other.pos.y); return d < (this.size + other.size) / 2; }}class Circle extends Shape { constructor(x, y) { super(x, y); } show() { fill(0, 255, 0); ellipse(this.pos.x, this.pos.y, this.size); }}class Square extends Shape { constructor(x, y) { super(x, y); } show() { fill(255, 0, 0); rectMode(CENTER); rect(this.pos.x, this.pos.y, this.size, this.size); }}class Triangle extends Shape { constructor(x, y) { super(x, y); } show() { fill(0, 0, 255); beginShape(); vertex(this.pos.x, this.pos.y - this.size / 2); vertex(this.pos.x - this.size / 2, this.pos.y + this.size / 2); vertex(this.pos.x + this.size / 2, this.pos.y + this.size / 2); endShape(CLOSE); }}