Three.jsを使ってみる(カメラ制御編) - Qiita

はじめに おはようございます。こんにちは。こんばんわ。 Watatakuです。 Three.jsを使ってみる(入門編)の最後に地球儀を作成したのですが今回はその地球儀を使ってカメラの制御等を行なっていきます。 では、早速行なっていきましょう。 地球を中心としてカメラを回転させる 地球を中心としてカメラが円周上を自動的に移動します。以下のコードをtick()に追記してください。 // ラジアンに変換する const radian = rot * Math.PI / 180; // 角度に応じてカメラの位置を設定 camera.position.x = 1000 * Math.sin(radian); camera.position.z = 1000 * Math.cos(radian); カメラの位置の設定はcameraオブジェクトのpositionプロパティに数値を代入します。 さらに今回