JSFiddle - React, Tailwind, and code Playground

JavaScript

const canvas = document.createElement('canvas');
canvas.style.border = '1px solid red'; // możesz usunąć tę linijkę
canvas.width = 500;
canvas.height = 500;
document.body.append(canvas);

const ctx = canvas.getContext('2d');
ctx.fillStyle = 'purple';
ctx.fillRect(100, 100, 40, 40);


let x = 100;
setInterval(() => {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  x = (x + 1) % canvas.width;
  ctx.fillStyle = 'purple';
  ctx.fillRect(x, 100, 40, 40);
}, 16);