Используя AFrame и ARJ, я хочу увеличить изображение на маркере. Когда я нажимаю или нажимаю (на рабочем столе и на мобильном устройстве) изображение, оно должно перейти к URL - PullRequest
Новая
       43

Используя AFrame и ARJ, я хочу увеличить изображение на маркере. Когда я нажимаю или нажимаю (на рабочем столе и на мобильном устройстве) изображение, оно должно перейти к URL

0 голосов
/ 25 апреля 2019

Я пытаюсь увеличить изображение на маркере (HIRO) .Когда я нажимаю на изображение, оно должно перейти к URL.Он также должен работать на мобильных и настольных компьютерах.Я попробовал все возможные способы, но это не работает.В Desktop это иногда работает, а иногда не работает.И нажмите Точность также не существует.Если я нажму на изображение, на котором оно не будет перемещаться, мне нужно будет щелкнуть нижнюю часть изображения.

Я выполнил код в GLITCH , но он не работает должным образом.Пожалуйста, измените код и помогите мне.

Я пробовал Все возможные способы, иногда, иногда это работает, иногда не работает, точность указания отсутствует 

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>AFRAME ONCLICK-URL</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
​
    <!-- A FRAME -->
  <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
  <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script>
  <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"> </script>
     <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="/style.css">
    <!-- import the webpage's javascript file -->
    <script src="/script.js" defer></script>
  </head>  
  <body>
    <a-scene vr-mode-ui="enabled: false" embedded artoolkit='sourceType: webcam; detectionMode: mono; maxDetectionRate: 60; canvasWidth: 200; canvasHeight: 200' arjs='debugUIEnabled: false;'>
    <a-marker id="memarker" preset="hiro">

        <a-entity position="0 0 0">
​
            <a-image src="https://pbs.twimg.com/profile_images/927446347879292930/Fi0D7FGJ_400x400.jpg"  width="0.3" height="0.3" position="0.5 0 0" rotation="-90 0 0" shadow event-set__enter="_event: mouseenter; color: #76D7C4" event-set__leave="_event: mouseleave; color: #FFD700" navigate-on-click="url: https://www.google.com/">
            </a-image>

            <a-image src="https://cdn-images-1.medium.com/max/536/1*oORAGqcJB-2MBl0Dt65D4Q.png" width="0.3" height="0.3" position="-0.5 0 0" rotation="-90 0 0" shadow event-set__enter="_event: mouseenter; color: #76D7C4" event-set__leave="_event: mouseleave; color: #FFD700 " navigate-on-click="url: https://aframe.io/">
                </a-image>
​
        </a-entity>
​
    </a-marker>
    <a-entity camera>
        <a-entity cursor="rayOrigin: mouse;fuse: false;"></a-entity>
    </a-entity>
</a-scene>
  </body>

</html>
​

Когда я нажимаюили коснитесь значка или изображения, после чего оно должно быть перенаправлено на новый URL.Когда я нажимаю или касаюсь изображения, оно должно перенаправляться.Должен работать как на MOBILE, так и на DESKTOP

1 Ответ

1 голос
/ 25 апреля 2019

Ваш компонент не регистрируется должным образом. При включении index.js вы добавляете атрибут defer, который сообщает браузеру, что сценарий должен выполняться после анализа документа ( source )

Рабочий глюк здесь .

...