用p5js绘制一个20毫米的球在界面跳动点击鼠标的时候会大力跳动

使用p5.js绘制一个20毫米的球，并使其在界面上跳动，以及在鼠标点击时进行大力跳动，可以按照以下步骤进行操作：

创建一个HTML文件，并引入p5.js库：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
  </head>
  <body>
    <script src="sketch.js"></script>
  </body>
</html>

在同级目录下创建一个名为sketch.js的文件，并在其中编写p5.js代码：

let x, y; // 球的坐标
let vx, vy; // 球在x和y方向上的速度
let radius = 10; // 球的半径

function setup() {
  createCanvas(windowWidth, windowHeight);
  x = width / 2;
  y = height / 2;
  vx = random(-5, 5);
  vy = random(-5, 5);
}

function draw() {
  background(220);
  
  // 更新球的位置
  x += vx;
  y += vy;
  
  // 边界检测
  if (x - radius < 0 || x + radius > width) {
    vx *= -1;
  }
  if (y - radius < 0 || y + radius > height) {
    vy *= -1;
  }
  
  // 绘制球
  fill(0);
  circle(x, y, radius * 2);
}

function mousePressed() {
  // 大力跳动
  vx += random(-10, 10);
  vy += random(-10, 10);
}

在浏览器中打开HTML文件，即可看到绘制的球在界面上跳动。当鼠标点击时，球会进行大力跳动。

注意：以上代码中的球的大小为20像素（而不是20毫米），因为p5.js默认以像素为单位进行绘制。如果需要以毫米为单位进行绘制，还需要考虑屏幕的像素密度。