p5.jsで左右に動くボール

x座標を条件文でコントロール。

実装

let x = 100;
let y = 60;
let v = 4;

function setup() {
  createCanvas(400, 120);
}

function draw() {
  background(220);
  fill('#140');
  ellipse(x, y, 20, 20)
  if (x > 300) {
    v = -4;
  }
  if (x < 100) {
    v = 4;
  }
	x += v; 
}

動作確認