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

Question

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

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

Answer 1

要伪造它，您可以在单个方向上渲染旋转的 3D 动画。 像这样：

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