2

我有一个管几何。JSON 文件中有 18738 个点。Tube 有 2000 个点(考虑每 9 个点)。Tube 有 2000 个段(强制),每个段有 12 个面,每个面都应用了颜色。

当我THREE.WebGLRenderer在桌面浏览器上渲染模型时,FPS 在 54-60 之间。当我THREE.CanvasRenderer在桌面浏览器上渲染相同的模型时,FPS 为 1-2。

我必须在 iPad 上运行这个模型。所以我需要使用THREE.CanvasRenderer. 如果我减少段数,FPS 会增加,但 2000 段是必要的要求。

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)}

类似地,我有 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
}));​

如何使用 提高 FPS 的性能THREE.CanvasRenderer

r53

4

1 回答 1

1

可悲的是,CanvasRenderer无法处理这样的数字。在 iPad 上更是如此。

于 2012-12-28T15:37:26.857 回答