我想在框架中单击对象时在后端向数组中添加特定值。例如,当我单击a-box时,假设我想向阵列中添加“ Hello world”并将其显示在场景中。我该怎么办?
我不使用框架,因为我发现它非常抽象。
为了检测是否单击了对象,您需要了解raycaster。
将事件侦听器附加到要在其上侦听事件的所有元素。
在该事件处理程序函数中,将计算鼠标坐标。
使用该坐标将光线投射器从摄像机设置为鼠标坐标并检测对象被选中的对象。
Aframe必须具有光线投射功能。
在Three.js中,用于raycaster并检测对象:
raycaster.setFromCamera( mouse , camera);
var intersects = raycaster.intersectObjects(boy.children);
这给出了一组相交的对象。
Raycaster会创建一条从相机到鼠标单击位置的光线,使您知道场景中被单击的对象。