// Create 1000 individual meshes
for (let i = 0; i < 1000; i++) {
  const tree = treeModel.clone();
  tree.position.set(x, y, z);
  scene.add(tree);
}
// Result: 1000 draw calls

// Create 1 InstancedMesh for 1000 trees
const instancer = new GLBTreeInstancer(scene, {
  modelPath: 'trees/oak.glb',
  maxInstances: 1000
});

// Add instances
for (let i = 0; i < 1000; i++) {
  instancer.addInstance(position, rotation, scale);
}
// Result: 1 draw call (per LOD level)

const instancer = new GLBTreeInstancer(scene, {
  modelPath: 'trees/oak.glb',
  maxInstances: 1000,
  lodDistances: [20, 40, 80],
  depletedModelPath: 'trees/oak_stump.glb',
  depletedScale: 0.8
});

// Add instance
const id = instancer.addInstance(position, rotation, scale);

// Mark as depleted
instancer.setDepleted(id, true);

// Remove instance
instancer.removeInstance(id);

const instancer = new GLBResourceInstancer(scene, {
  modelPath: 'rocks/granite.glb',
  maxInstances: 500,
  lodDistances: [15, 30, 60],
  depletedModelPath: 'rocks/granite_depleted.glb',
  depletedScale: 0.6
});

// Switch to higher LOD when entering range
if (distance < lodDistance - 2) {
  switchToLOD(higherLOD);
}

// Switch to lower LOD when leaving range
if (distance > lodDistance + 2) {
  switchToLOD(lowerLOD);
}

// Visual strategy provides highlight mesh
const highlightMesh = strategy.getHighlightMesh?.();

// EntityHighlightService adds to scene
if (highlightMesh) {
  scene.add(highlightMesh);
  highlightMesh.position.copy(instancePosition);
}

// Create invisible proxy
const proxy = new THREE.Mesh(
  collisionGeometry,
  new THREE.MeshBasicMaterial({ visible: false })
);
proxy.userData.instanceId = instanceId;
proxy.userData.resourceEntity = entity;

// Raycast hits proxy
const intersects = raycaster.intersectObjects(scene.children);
const entity = intersects[0]?.object.userData.resourceEntity;

// In GLBTreeInstancer or GLBResourceInstancer
private debug = true;

// Show instance bounding boxes
instancer.showBoundingBoxes(true);

// Show collision proxies
scene.traverse((obj) => {
  if (obj.userData.isCollisionProxy) {
    obj.material.visible = true;
    obj.material.wireframe = true;
  }
});

// Count draw calls
console.log('Draw calls:', renderer.info.render.calls);

// Instance counts
console.log('Trees:', treeInstancer.getInstanceCount());
console.log('Rocks:', rockInstancer.getInstanceCount());