javascript - WebGLで入力検索によってポイントを見つける方法は？

Question

検索入力を使用して3DEarthを作成します。誰かがWebGLを使用して、入力検索によってポイント（正確な場所のポイント）を見つけるコードを書く方法を教えてもらえますか？

Answer 1

あなたの質問は非常に漠然としていると思いますが、あなたがしたいことは、3D 地球を回転させて、クエリしたポイントがビューの中心に表示されるようにすることだと想像できます (または、それは同じで、カメラ）。

それを行うには、次のことが必要です。

1. すべてのランドマークに一連の 球面座標を割り当てます

2. 球の表面上に点を配置しているとすれば、半径を忘れて、仰角と 方位角だけを各点に割り当てることができます。

3. 次に、ユーザーが関心のあるポイントを入力するためのコードを記述します。「ローマ」と言います。

4. JavaScript配列でこのポイントを探し、 仰角と方位角の値を復元します

5. 対応する回転をモデル ビュー マトリックスに適用します。glMatrixを使用していると仮定すると、次のようになります。

   var M = mat4.create();
   var Y_axis = [0,1,0];
   var X_axis = [1,0,0];
   mat4.rotate(M,azimuth,Y_axis);
   mat4.rotate(M,elevation,X_axis);
   

6. 関心のあるポイントが表示されるはずです