2

私はチューブのジオメトリを持っています。JSON ファイルで 18738 ポイント。チューブは 2000 ポイントで構築されます (9 ポイントごとに考慮)。チューブには 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 に答える