Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML5画布中旋转3D球贴图_Javascript_Html_Canvas_3d_Rotation - Fatal编程技术网

Javascript 在HTML5画布中旋转3D球贴图

Javascript 在HTML5画布中旋转3D球贴图,javascript,html,canvas,3d,rotation,Javascript,Html,Canvas,3d,Rotation,我已经在HTML5画布上创建了一个多人池游戏,它运行得很好。我想用真正的球旋转来增强它。现在,我使用简单的png文件来处理不能在任何方向“旋转”的球(它们可以,但它不是真实的)。对于每个球的旋转贴图是否有任何解决方案来模拟真实的球旋转?我已经在3D max中绘制了球,只是不知道如何实现。我应该为每个球在各个方向上渲染大量的球旋转,还是有其他更简单的方法 我的一个想法是为每个球的尺寸2*PI x PI(相对)创建展平贴图,这是每个球的实际球形贴图,并为当前球的位置剪裁圆区域,但这仍然是2D投影,而

我已经在HTML5画布上创建了一个多人池游戏,它运行得很好。我想用真正的球旋转来增强它。现在,我使用简单的png文件来处理不能在任何方向“旋转”的球(它们可以,但它不是真实的)。对于每个球的旋转贴图是否有任何解决方案来模拟真实的球旋转?我已经在3D max中绘制了球,只是不知道如何实现。我应该为每个球在各个方向上渲染大量的球旋转,还是有其他更简单的方法


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

若要伪造它,可以在单个方向上渲染旋转的3D动画。 这样地:


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

好主意。那么我将为所有15个球+斯诺克球+白球创建相同的。。。无论如何,有很多工作:)