aframe glft click事件

Question

我正在尝试捕捉场景中的glft模型的点击事件。场景代码如下。

Container

和我有的组件代码。但点击事件没有得到捕获，我无法看到控制台日志......

<a-scene raycaster-autorefresh> 
    <a-assets>
     <a-asset-item id="store_homeModel" src="app/home/store_models/store_model.gltf"></a-asset-item>
     <a-asset-item id="shampoo" src="app/home/product_models/Ayush Shampoo.gltf"></a-asset-item>
     <a-asset-item id="soap" src="app/home/product_models/Ayush Soap.gltf"></a-asset-item>
     <a-asset-item id="facewash" src="app/home/product_models/Citra Pearl face wash.gltf"></a-asset-item>
    </a-assets>


    <a-gltf-model src="#store_homeModel"></a-gltf-model>
    <a-gltf-model src="#shampoo" open-desc"></a-gltf-model>

</a-scene>

Answer 1

请注意a-frame在<canvas>上呈现整个视图，因此您不能只使用鼠标点击<a-scene>内的任何元素。

如果您想要一个简单的基于注视的光标，您需要将光标附加到相机：

<a-camera>
  <a-cursor></a-cursor>
</a-camera>

<小时/> 如果要使用鼠标，请使用<a-scene>：

中的光标组件

<a-scene cursor="rayOrigin:mouse">

<小时/> 如果你想使用vive / oculus控制器，你应该尝试laser-controls。

有关光标属性和事件的更多详细信息，请参见docs。