sketch6:9.js

let maruX = 300;
let maruY = 300;
let speedX = 1;
let speedY = 1;

let tensuu = 0; //点数（図形をクリックで増える）
let tensuu2 = 0;
let shikakuX = 300; //四角の座標
let shikakuY = 300;

function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
  speedX = random(-10, 10);
  speedY = random(-10, 10); //速度
  shikakuX = random(0, 600); //四角の位置をランダムで決める
  shikakuY = random(0, 600);
}

function draw() {
  background(0, 0, 0); //背景色を指定して1回だけ塗る。

  //円を描く
  noStroke();
  fill(0, 0, 255);
  circle(maruX, maruY, 50);

  //四角形を描く
  noStroke();
  fill(255, 0, 0);
  rect(shikakuX, shikakuY, 200, 200);

  noFill();
  stroke(0, 255, 0);
  line(0, 500, tensuu * 10, 500);

  noFill();
  stroke(255, 0, 0);
  line(600, 500, 600 - tensuu2 * 100, 500);

  maruX = maruX + speedX;
  maruY = maruY + speedY;

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

function mousePressed() {
  let kyori = dist(maruX, maruY, mouseX, mouseY);
  if (kyori < 25) {
    tensuu = tensuu + 1; //点数を1増やす
    speedX = random(-10, 10);
    speedY = random(-10, 10);
  }

  if (
    shikakuX < mouseX &&
    mouseX < shikakuX + 200 &&
    shikakuY < mouseY &&
    mouseY < shikakuY + 200
  ) {
    tensuu2 = tensuu2 + 1;
    shikakuX = random(0, 600);
    shikakuY = random(0, 600);
  } //マウスのボタンが押し下げられた時の処理
}

function mouseReleased() {
  //マウスのボタンが離された時の処理
}

function keyPressed() {
  if (key == "s") {
    saveCanvas();
  }
}