我如何使3D模型作为AR中的按钮使用

问题描述 投票:0回答:1

我已经开始研究Aframe来创建一个基于Web的AR项目,但是不确定我在做什么。我的目标是能够在AR中生成3D模型并使模型可单击或点击以打开指向网站的超链接。目前,我的代码如下:

<html>
    <head>
        <script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script>
        <script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>     
    </head>
    <body style='margin : 0px; overflow: hidden;'>              
        <a-scene embedded arjs cursor="rayorigin: mouse" raycaster="objects: #engine">
            <!-- Grab models from here: https://github.com/KhronosGroup/glTF-Sample-Models -->
            <a-asset-item id="engine" src="https://cdn.rawgit.com/KhronosGroup/glTF-Sample-Models/master/2.0/2CylinderEngine/glTF/2CylinderEngine.gltf"></a-asset-item>             

            <!-- add the model -->                  
            <a-entity gltf-model="#engine" position="0 0 0" scale="0.001 0.001 0.001" startEvents: "clicked"></a-entity>

            <a-marker-camera preset='hiro'></a-marker-camera>
        </a-scene>      

        <script>
            var toggleEl = document.querySelector('#engine')
            toggleEl.addEventListener('click', function (evt){
                toggleEl.emit("clicked");
            });
        </script>
    </body>
</html>

目前,这只是一个简单的'指向照相机的标记,可以从github存储库中生成3D模型,可以单击/点击该模型以打开指向网站的超链接',但我无法获得它工作。

我做错了什么?我感谢您能提供的任何帮助。

hyperlink click augmented-reality aframe 3d-model
1个回答
0
投票

目前尚不可能,webXR中尚无命中检测,并且常规用户DOM事件已禁用

https://aframe.io/blog/webxr-ar-module/

© www.soinside.com 2019 - 2024. All rights reserved.