单击覆盖场景中自定义几何体上的侦听器 - Autodesk forge 查看器

Question

我在 Forge 查看器的 2D 屏幕上添加了自定义几何图形

     const geom = new THREE.SphereGeometry(10, 8, 8);
     const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });
     const sphereMesh = new THREE.Mesh(geom, material);
     sphereMesh.position.set(1, 2, 3);
     viewer.impl.createOverlayScene('custom-scene');
     viewer.impl.addOverlay('custom-scene', sphereMesh);
     viewer.impl.invalidate(true);

如何在此叠加场景的网格上添加点击侦听器。

Answer 1

TL；TR： https://forge.autodesk.com/blog/handling-custom-meshes-selection-along-model-components-forge-viewer

Since Forge Viewer is based on three.js, when customizing the Viewer, you either rely on Viewer's API, or you can go deeper, use three.js API or even more deeper, WebGL.

在您的情况下，您使用 three.js 创建了一个自定义几何图形，该几何图形低于查看器 API 的级别，并且您不能期望查看器可以与其交互。 因此，由于（通过创建 three.js 几何）您处于 three.js 级别，您将不得不依赖 three.js ZDB974238714CA14 来处理自定义几何选择。38DE634A7CED 几何选择为了实现这一点，通常使用光线投射，并且有很多关于它的教程，其中一些是：

• https://threejsfundamentals.org/threejs/lessons/threejs-picking.html ；
• https://riptutorial.com/three-js/example/17088/object-picking---raycasting ；

这些是通用的，在 Forge 的一篇博客文章中，有一个 Forge Viewer 上下文中的光线投射说明： https://forge.autodesk.com/blog/handling-custom-meshes-selection-along-model-components-伪造查看器