SerializedBVH.roots

Three.js中的SerializedBVH.roots是一个包含所有BVH节点的数组，用于加速网格碰撞检测。每个节点都是一个包含bounding box和索引的对象，其中索引指向网格顶点数组中的顶点。

注意：SerializedBVH.roots是用于优化三角形网格碰撞检测的数据结构，只有在需要加速碰撞检测时才需使用。

属性

SerializedBVH.roots具有以下属性：

• box - 包含所有绑定到BVH节点中的网格顶点的边界框。
• left - 左子节点，在树结构中是该节点的下一级节点。
• right - 右子节点，在树结构中是该节点的下一级节点。
• count - 绑定到该节点和其子节点中的网格顶点数。
• offset - 指向该节点和其子节点绑定的第一个网格顶点在网格顶点数组中的索引。

示例

以下示例显示了如何获得SerializedBVH.roots，并使用其加速网格碰撞检测。

// 加载模型
const loader = new THREE.GLTFLoader();
const url = 'models/robot/scene.gltf';
loader.load(url, function(gltf) {
  
  const model = gltf.scene.children[0];

  // 创建SerializedBVH对象
  const bvh = new THREE.MeshBVH(model);

  // 获得SerializedBVH.roots
  const roots = bvh.boundsTree.serialize();

  // 创建需要进行碰撞检测的ray
  const raycaster = new THREE.Raycaster();
  const origin = new THREE.Vector3(-2.5, 2.5, 0);
  const direction = new THREE.Vector3(1, -1, 0).normalize();
  raycaster.set(origin, direction);

  // 检测ray与网格的交点
  const intersects = bvh.raycast(raycaster, roots);

  if (intersects.length > 0) {
    console.log('Ray intersects mesh');
  } else {
    console.log('Ray misses mesh');
  }
  
});

参考资料

• Three.js - MeshBVH
• Three.js - SerializedBVH
• Three.js - Raycaster