A帧-Raycast Three.JS 3D对象

Question

在A帧场景中，我有两个对象，一个圆柱体和一个多边形，分别表示Three.js 3D对象。我想要的是，将多边形悬停在多边形上时会发生变化，例如圆柱体。

我在这里有一个工作示例：Demo

当光标悬停在圆柱体上时，屏幕上将显示文本HOVERED，并且使用Raycaster组件可以改变圆柱体的颜色。如何对多边形进行相同操作？

使用以下方法创建多边形：

The requested URL was not found on this server.

谢谢。

Answer 1

Raycaster将射线投射到实体的网格上。您使用setObject3D进行设置。做：

let mesh = new THREE.Mesh(geometry, material);
this.el.setObject3D('mesh', mesh);

Corrected code