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

JavaScriptのMath.atan2()関数とは？基本的な使い方をわかりやすく解説

Math.atan2()関数は、点のy座標とx座標を表す2つの数値を引数として受け取り、原点から見たその点と正のx軸がなす角度をラジアン単位で返します。

戻り値はラジアンで表されるため、度数法（°）に変換したい場合は、結果に180を掛けて円周率（3.14159…）で割ります。

構文

Math.atan2()関数の構文は以下のとおりです。

Math.atan2(10, 5)

引数

  • y： 点のy座標（縦方向の値）
  • x： 点のx座標（横方向の値）

なお、Math.atan()と異なり、Math.atan2()は各象限を正しく判定できるため、x座標が負の場合でも適切な角度を返します。

サンプルコード

次の例では、点 (5, 10) に対する角度をラジアンおよび度数法で取得し、画面に出力しています。

<html>
<head>
   <title>JavaScript サンプル</title>
</head>
<body>
   <script type="text/javascript">
      var result = Math.atan2(10, 5);
      document.write("atan2の値（ラジアン）：" + result);
      document.write("<br>");
      document.write("atan2の値（度数法）：" + result*180/Math.PI);
   </script>
</body>
</html>

実行結果

atan2の値（ラジアン）：1.1071487177940904
atan2の値（度数法）：63.43494882292201

このように、Math.atan2()を使えば、2点間の座標から簡単に角度を求めることができます。ゲーム開発におけるキャラクターの向きの計算や、グラフィックス処理などで頻繁に活用される便利な関数です。

  1. JavaScriptのMath.log2()関数とは？使い方とサンプルコードを解説

    Math.log2()関数とは JavaScriptのMath.log2()関数は、Mathオブジェクトに用意されているメソッドの一つで、引数として渡した数値の「2を底とする対数（log₂）」を返します。 つまり、「2を何乗するとその数値になるか」を求める関数です。例えばMath.log2(8)は「2の3乗が8」なので3を返し、Math.log2(1024)なら10を返します。 なお、この関数はES6（ECMAScript 2015）で追加された比較的新しいメソッドのため、古いブラウザでは利用できない場合があります。 構文 基本的な構文は次のとおりです。 Math.log2(数値); サン

  2. JavaScriptのMath.tanh()関数とは？使い方とサンプルコードを解説

    JavaScriptのMath.tanh()関数は、Mathオブジェクトに属するメソッドの一つで、引数として受け取った角度（ラジアン単位）の双曲線正接（ハイパボリックタンジェント）の値を返します。Math.tanh()の基本的な性質双曲線正接は、次の数式で定義されます。tanh(x) = (e^x − e^−x) / (e^x + e^−x)戻り値は常に -1 以上 1 以下 の範囲に収まるのが特徴です。この性質により、機械学習における活性化関数や信号処理など、さまざまな分野で利用されています。なお、Math.tanh()はECMAScript 2015（ES6）で追加された比較的新しいメソッ