javascript - アニメーションが完了するとボールが停止します

Question

私は基本的な考えを念頭に置いています。ボールが跳ね返っていて、すべての跳ね返りの後、ステージアニメーションが完了すると停止する必要があります。

問題-

ボールのバウンドは良く、アニメーションは私が望んでいたものです。しかし、アニメーションが完了しても停止せず、フレームから外れます。

互換性のないソリューション-

if(y>=300)
{
x=110;
y=300;
}

しかし、ボールは振動しています。

私が欲しい-

ボールがスムーズに止まること。

score 0 · Accepted Answer

アニメーションを描画する間隔をクリアする必要があります。

あなたのコードで、私はこの変更を行いました:

function init()
{
  var ctx=document.getElementById("canvas").getContext("2d");

  return interval = setInterval(draw,10);
}

そして、if:

if(y>=300)
{
    clearInterval(interval);
}

1 に答える 1