三。使用画布渲染器改进性能(FPS)

I've a tube geometry. 18738 points in JSON file. Tube is built with 2000 points (taking every 9th point into consideration). Tube has 2000 segments (mandatory), 12 faces on each segment, applied color to each face.

我管几何。JSON文件中的18738点。地铁的建造有2000点(每9点考虑)。管有2000节(强制)，每个节上12个面，每个面上应用颜色。

When I render the model with THREE.WebGLRenderer on desktop browser, the FPS is between 54-60. When I render the same model with THREE.CanvasRenderer on desktop browser, the FPS is 1-2.

当我用3渲染模型时。在桌面浏览器上，FPS在54-60之间。当我用3渲染相同的模型时。在桌面浏览器上，FPS是1-2。

I've to run this model on iPad. So I need to use THREE.CanvasRenderer. If I decrease the number of segments the FPS will increase but 2000 segments is a necessary requirement.

我必须在iPad上运行这个模型。所以我需要使用3。canvasrenderer。如果我减少段数，FPS将增加，但2000段是必要的要求。

JSON file has following structure:

JSON文件具有以下结构:

{"id":"0",
"r30" :"5.247","r60" :"5.088","r90" :"4.77","r120" :"5.724","r150" :"5.83","r180" :"5.459","r210" :"5.194","r240" :"5.035","r270" :"5.247","r300" :"5.565","r330" :"5.618","md":"20","point" :new THREE.Vector3(0,0,20)}

Similar way I've 18738 points and plotting every 9th point to built a tube.

类似地，我有18738个点，每9个点就画一个管子。

tubeMesh = new THREE.Mesh(tube, new THREE.MeshBasicMaterial({
    color: 0xffffff,
    shading: THREE.FlatShading,
    side: THREE.DoubleSide,
    wireframe: false,
    transparent: false,
    vertexColors: THREE.FaceColors,
    overdraw: false
}));​

How do I improve the performance of FPS using THREE.CanvasRenderer ?

如何使用3改进FPS的性能。CanvasRenderer吗?

r53

r53

1 个解决方案

#1

Sadly, CanvasRenderer is not able to deal with such numbers. Even less on an iPad.

遗憾的是，画布渲染器无法处理这些数字。在iPad上就更少了。