距離と角度から座標を求める方法
距離と角度を指定して、座標を求める方法を説明します。円周上の座標を取得するのと考え方は同じです。
サンプルコード
原点A(x1,y1)、距離d、角度θにある座標B(x2,y2)は、次の公式で求められます。
(x2,y2) = (x1 + d * \cos\Theta, y1 + d * \sin\Theta)
公式をJavaScriptで表現すると、次の通りです。角度はラジアン単位で指定しましょう。
var x2 = x1 + distance * Math.cos( angle * (Math.PI / 180) ) ;
var y2 = y1 + distance * Math.sin( angle * (Math.PI / 180) ) ;
デモ
コードを編集して、値にどのように反映されるのか確認してみて下さい。
var x1 = 0 ;
var y1 = 0 ;
var d = 100 ;
var a = 45 ;
var x2 = x1 + d * Math.cos( a * (Math.PI / 180) ) ;
var y2 = y1 + d * Math.sin( a * (Math.PI / 180) ) ;
x2 = 0
y2 = 0
関連記事
- 度をラジアンに変換する方法
- 単位を度からラジアンに変換するには、値にMath.PI / 180をかけましょう。
- 要素の位置座標を取得する方法
- 指定した要素の位置座標を取得します。
- ラジアンを度に変換する方法
- 単位をラジアンから度に変換するには、値に180/Math.PIをかけましょう。
- 円周上の座標を求める方法
- 円周上の座標を求める公式を、JavaScriptで表現します。
- 2点の座標の距離を求める方法
- 2点の座標の距離を求める公式を、JavaScriptで表現します。