我目前正在使用three.js几何类来创建形状,然后对该形状执行多个CSG操作。因此不断重新绘制形状。
执行多个csg操作的过程很慢,因为我使用光线投射来获取单击时的形状并执行所选形状的CSG和预定义的形状(任何形状或几何)。
所以我的问题是:
使用缓冲区几何会加速我的CSG,但是说有没有任何库可以在THREE.BufferGeometry
个实例上执行CSG操作吗?
有没有办法可以通过其他任何方法加快流程?
这是我的代码流程:
var objects = [];
init();
render();
function init(){
//scene and camera setup ... etc
var sphere = new THREE.SphereGeometry(200, 32, 32);
objects.push(sphere);
// raycasting config
// bind mouse click and move event
}
function onMouseDown() {
var intersects = raycaster.intersectObjects(objects);
.....
// get intersected shape ..
// perfrom csg with predifend shape .
// Also contains steps to convert
geometry to *CSG libaray geometry*
and back to Three.js geometry)..
// replace the shape with existing
.....
render();
}
我正在使用this库进行CSG操作,整体流程与three.js示例中的this example类似。
答案 0 :(得分:4)
我没有用于性能比较的元素,但是你可以在Wilt的ThreeCSG ThreeCSG develop的develop分支中找到一个缓冲几何库
它支持缓冲区测量(来自示例):
var nonIndexedBoxMesh = new THREE.Mesh( nonIndexedBufferGeometry, material );
var bsp1 = new ThreeBSP( nonIndexedBoxMesh );
var indexedBoxMesh = new THREE.Mesh( indexedBufferGeometry, material );
var bsp2 = new ThreeBSP( indexedBoxMesh );
var geometry = bsp1.subtract( bsp2 ).toBufferGeometry();
var mesh = new THREE.Mesh( geometry, material );
适用于r75