在HTML5画布中旋转的3D球形地图

Question

我在HTML5画布中创建了一个多人游戏池游戏，它工作的很好。我想用真正的球旋转来加强它。现在我使用简单的png文件来处理不能在任何方向“旋转”的球（它们可以但不是真实的）。是否有任何解决方案为每个球旋转地图来模拟真实的球旋转？我在3D max中绘制了球，只是不知道如何实现。我应该为每个球在各个方向上进行大量的球旋转还是还有另一种更简单的方法？

我的想法之一是为每个球的每个球尺寸2 * PI x PI（相对）创建展平的地图，这是每个球的实际球形地图，并且为当前球位置裁剪圆形区域，但那仍然是2D投影，而不是3D。

Answer 1

要伪装它，您可以呈现单向旋转的3D动画。 像这样：

然后计算方向矢量并根据角度旋转精灵。