augmented-reality - AR 模式 A 帧中的点击事件

Question

我对 AR 很陌生，所以这个问题的答案可能很简单。我编写了一个简单的组件，一旦单击它就会改变框的颜色。这个组件在 VR 模式下工作，但是当我在手机上点击屏幕时，它在 AR 模式下根本不起作用。

AFRAME.registerComponent('change-color', {
        schema: {
            color: {
                type: 'string',
                default: 'blue'
            }
        },

        init: function () {
            var data = this.data;
            var el = this.el;

            el.addEventListener('click', function () {
                this.setAttribute('color', data.color);
            })
        }
    });

<a-box id="box" position="0 1.6 3" scale="0.50 0.50 0.50" color="red" change-color></a-box>

Answer 1

我会调查鼠标（和触摸）光标的使用。

这是文档的链接：https ://aframe.io/docs/1.0.0/components/cursor.html#properties_rayorigin

---

这是一个使用此功能的简单故障项目： https ://glitch.com/~aframe-grid-select

注意 index.html 的第 53 行：

<a-entity raycaster="objects: .collidable" cursor="rayOrigin: mouse" intersection-spawn="event: click; mixin: voxel" ></a-entity>

---

这是另一个使用相同方法的项目： https ://glitch.com/~aframe-building-ui

注意 index.html 的第 101 行：

<a-entity id="mouseCursor" cursor="rayOrigin: mouse" raycaster="objects: [raycastable]"></a-entity>