Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

サークル衝突検出HTML5キャンバス

円が互いに衝突しているかどうかを確認する場合、1つの方法は、2つの円の中心間の距離を取得し、その距離から各円の半径を引くことです。

また、距離が1より大きいかどうかも確認します。20円を確認する場合は、距離の正確な差を計算する必要があります。中心と半径のx/y位置。

bs(x2 - x1) > (r2 + r1)
abs(y2 - y1) > (r2 + r1)

円の中心間のXまたはYの距離が半径の合計よりも大きい場合、円は衝突できません。


  1. HTML5キャンバス変換

    HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。 例 キャンバス変換の例を見てみましょう： <!DOCTYPE HTML> <html>    <head>       <script>          function drawShape(){             //

  2. HTML5でキャンバスを中央に配置する方法は？

    HTML 5でキャンバスを中央に配置するには、divタグにcanvasタグを含めます。次に、divタグを中央揃えにします。そうすることで、キャンバスも中央揃えになります。 例 <!DOCTYPE html>. <html>    <body>       <div style = "text-align:center;">          <canvas style = "background-color:GR