Как я могу заставить 3D модель работать как кнопка в AR - PullRequest
Новая
       119

Как я могу заставить 3D модель работать как кнопка в AR

0 голосов
/ 25 февраля 2020

Я начал смотреть на Aframe, чтобы создать веб-проект AR, но не уверен, что я делаю. Моя цель состоит в том, чтобы иметь возможность создавать 3D-модель в AR и сделать ее доступной для нажатия или касания, чтобы открыть гиперссылку на веб-сайт. В настоящее время мой код выглядит следующим образом: 

<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>

На данный момент это всего лишь простая 'точечная камера на маркере, порождающая 3D-модель из репозитория Github, возможность щелкать / нажимать на модель, чтобы открыть гиперссылка на проект веб-сайта, но я не могу заставить его работать.

Что я делаю не так? Я благодарю вас за любую помощь, которая может быть оказана.

1 Ответ

0 голосов
/ 28 февраля 2020

В настоящее время это невозможно, в WebXR пока нет обнаружения попаданий, а обычные пользовательские события DOM отключены

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

...