ел бы переместить и повернуть изображение шара в элементе. Мяч 68х68, холст 300х200. Мяч движется вдоль осей x и y, изменяя скорость x и y при попадании в стену - все это работает. Я просто не могу понять, как сделать вращение на вершине движения.

Моя функция draw (), которую я вызываю через window.setInterval каждые 30 мс, выглядит примерно так:

  var draw = function() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.save();
    ctx.rotate(ball_radians);
    ctx.drawImage(ball_img, x, y);
    ctx.restore();

    // calculate new x, y, and ball_radians
  }

Это заставляет мяч летать по экрану, поэтому я явно что-то делаю не так. Что мне не хватает?