三.js数千个对象的速度很慢

Three.js slow with thousands of objects

本文关键字：对象 速度 千个 js      更新时间：2023-09-26

我正在创建大约 12,000 + BoxHelpers，加载，特别是导航非常慢。我想知道是否有更好的方法

这就是我所拥有的

    var c=[];
c.push([    -100,15,285 ]);
c.push([    0,25.5,285  ]);
c.push([    0,51,285    ]);
c.push([    0,76.5,285  ]);
c.push([    0,0,297 ]);
c.push([    0,25.5,297  ]);
c.push([    0,51,297    ]);

....这只是示例。实际数据来自 JSON。

var cubeGeometry = new THREE.CubeGeometry(10, 24.5, 12);

  for (var i in c)
        var cube = new THREE.BoxHelper();
    cube.material.color.set( 0x6666FF    );
    cube.scale.set( 5, 12, 6 );
    cube.position.set(c[i][0], c[i][1],c[i][2] );
    scene.add( cube );
    }

可能正在创建整个建筑物，然后只是将建筑物添加到场景中？ 但我什至不知道如何开始。

您想用数千个对象创建一个建筑物吗？

如果我没看错：- 在Blender中创建建筑物并导入它，或者- 用一个几何体创建具有数千个顶点和面的建筑物

你能在 jsfiddle 中上传一个示例代码吗？

相关文章：