javascript - 如何在 WebGL 中通过输入搜索找到点？

Question

我将使用搜索输入创建 3D 地球。有人可以指导如何使用 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. 现在应该显示兴趣点