在HTML5画布中旋转三维球图

Question

我已经在HTML5画布中创建了一个多人池游戏，它运行得很好。我想用真正的球轮来加强它。现在，我使用简单的png文件的球，不能“旋转”在任何方向(他们可以，但它不是真的)。对于每个球的旋转映射有什么解决方案来模拟真实的球旋转吗？我已经画了三维最大的球，只是不知道如何实现。我应该对每一个球进行全方位的旋转，还是有另外一个更简单的方法？

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

Answer 1

要伪造它，您可以渲染一个旋转的三维动画在一个单一的方向。如下所示：

​

然后计算方向矢量，并根据角度旋转雪碧。