Three.js 加快三点速度
我已经创建了一个球体几何体,并在其上包裹了一个纹理,如下所示Three.js 加快三点速度,three.js,Three.js,我已经创建了一个球体几何体,并在其上包裹了一个纹理,如下所示 scene = new THREE.Scene(); texture = THREE.ImageUtils.loadTexture("RESOURCES/360.jpg"); texture.wrapS = texture.wrapT = THREE.ClampToEdgeWrapping; mesh = new THREE.Mesh(new THREE.SphereGeometry(500,60,40),new THRE
scene = new THREE.Scene();
texture = THREE.ImageUtils.loadTexture("RESOURCES/360.jpg");
texture.wrapS = texture.wrapT = THREE.ClampToEdgeWrapping;
mesh = new THREE.Mesh(new THREE.SphereGeometry(500,60,40),new THREE.MeshBasicMaterial({map:texture,overdraw:true}));
mesh.scale.x = -1;
scene.add( mesh );
我在球体周围移动相机。当我使用WEBGL渲染器时,一切正常,但当我切换到画布渲染模式时,移动并不平滑。它被夹在中间。是否有任何方法可以加快画布渲染。“半径”、“分段宽度”和“高度”的值对渲染器的性能有什么影响
提前谢谢 画布渲染器速度较慢,因为它可能未使用GPU。球体测量采用以下参数:半径、宽度分段、高度分段、phiStart、phiLength、起点、长度。减少段的数量,性能可能会提高。更小的画布可能也有帮助。IMO除非您正在做一些非常简单的事情,或者准备编写一个超简化的画布版本,否则请使用WebGL渲染器,或者不要麻烦。是的,当我降低高度和宽度段的值时,性能会提高,但球体上的纹理会变差。我注意到你的几何图形中有更多的部分是球形的,但性能会下降。我希望我的应用程序运行在IE10和低版本上,它不支持WEBGL。