JavaScriptのMath.sin()関数の使い方と応用方法

基本的な使い方: Math.sin()関数は、ラジアン単位で角度を指定します。以下の例では、30度のサインを計算しています。

const angle = 30;
const radians = angle * (Math.PI / 180);
const sinValue = Math.sin(radians);
console.log(sinValue);

出力結果:

0.5

角度の変換: 度数法からラジアンへの変換や、ラジアンから度数法への変換も必要な場合があります。次の例では、ラジアンから度数法への変換を行っています。

const radians = Math.PI / 4;
const degrees = radians * (180 / Math.PI);
console.log(degrees);

出力結果:

グラフの描画: Math.sin()関数を使って、サイン波のグラフを描画することができます。以下の例では、Canvas要素を使ってグラフを描画しています。

<canvas id="myCanvas" width="400" height="200"></canvas>
<script>
  const canvas = document.getElementById("myCanvas");
  const context = canvas.getContext("2d");
  for (let x = 0; x < canvas.width; x++) {
    const angle = (x / canvas.width) * Math.PI * 2;
    const sinValue = Math.sin(angle);
    const y = (canvas.height / 2) + (sinValue * (canvas.height / 2));
    context.fillRect(x, y, 1, 1);
  }
</script>

上記のコードを実行すると、サイン波のグラフが描画されます。

これらはMath.sin()関数の基本的な使い方と応用例の一部です。他にも、角度の加算や減算、三角関数の他の関数（Math.cos()やMath.tan()など）との組み合わせなど、さまざまな方法でMath.sin()関数を使用することができます。JavaScriptの数学関数を活用して、グラフの描画や角度の計算などを行いましょう。