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

Question

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

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

Answer 1

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

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