過去...何時間もの間、カメラをThree.jsのパスに沿って移動させる方法を試し、検索し、読んできました。私はそれを見つけることができないように見えるか、飽和状態になっていて、顔に噛み付いても答えが見えません。
私が欲しいのは、それほど難しいことではありません。3D 空間にいくつかのアイコンのようなものがあり、クリックできるようにしたいと考えています。私はTHREEx拡張機能を持っているので、その部分は問題ありません。カメラが次の「アイコン」に向くように、その lookAt Y 軸とともに、所定のパスに沿ってスムーズに移動する部分です。
私の最初のアプローチは、ベジエ曲線を使用してパスを作成し、そのうちの 1 つをわずかに上向きに螺旋状にする方法を見つけ、次にクリック イベントの後にそのパスに沿ってカメラをアニメートする方法を見つけることでした。私はまだ、困難な部分は言うまでもなく、上に曲がる単純なパスを作成する方法を見つけようとして、立ち往生しています。
私はまったく正しい軌道に乗っていますか?もしそうなら、どうすればそのようなパスを作ることができますか? それとも、通常のベジエ曲線を作成し、ニーズに合うまで回転および編集する必要がありますか? 最後に、カメラを (短い) アニメーション化された滑らかな動きでパスに追従させるにはどうすればよいですか?
前もって感謝します!