p5.js让球从中间移出并分裂成不同的方向

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>

function setup() {
  createCanvas(400, 400); // 创建一个400x400的画布
}

function draw() {
  background(220); // 设置背景颜色

  // 定义球的属性
  let x = width / 2; // 球的初始x坐标为画布宽度的一半
  let y = height / 2; // 球的初始y坐标为画布高度的一半
  let radius = 50; // 球的半径为50

  // 绘制球
  ellipse(x, y, radius, radius);
}

let x, y, radius, speed, color;

function setup() {
  createCanvas(400, 400);
  x = width / 2;
  y = height / 2;
  radius = 50;
  speed = 2;
  color = 0;
}

function draw() {
  background(220);

  // 绘制球
  fill(color);
  ellipse(x, y, radius, radius);

  // 球的移动
  if (mouseIsPressed) {
    if (mouseButton === LEFT) {
      y -= speed; // 向上移动
    } else if (mouseButton === RIGHT) {
      y += speed; // 向下移动
    }
  }

  // 球的分裂
  if (keyIsPressed) {
    if (key === ' ') {
      radius /= 2; // 半径减半
      color = (color + 50) % 255; // 改变颜色
    }
  }
}