Відповідь:

Сподіваюсь що встиг:

let canvas = document.createElement('canvas');

let ctx = canvas.getContext('2d');

document.body.appendChild(canvas);

canvas.width = 500;

canvas.height = 500;

let x = 0;

let y = 0;

let size = 50;

let speed = 5;

function animate() {

   ctx.clearRect(0, 0, canvas.width, canvas.height);

   ctx.fillStyle = 'red';

   ctx.fillRect(x, y, size, size);

   x += speed;

   if (x + size > canvas.width || x < 0) {

       speed = -speed;

   }

   requestAnimationFrame(animate);

}

for (let i = 0; i < 5; i++) {

   animate();

}

Цей код створює червоний квадрат на полотні та анімує його рух вліво та вправо. Анімація повторюється п'ять разів.

Пояснення: