0

モバイル用に作成した AR.js html の a-image にクリック イベントを追加できません。

ここに私のコードがありますが、PC とモバイルの両方では機能しません。

誰かが理由を教えてもらえますか?

    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<script>        
    AFRAME.registerComponent('clicker', {
        init: function() {
            this.el.addEventListener('click', e => {
                alert('Clicked!');
            });
        }
    });
</script>

<body style="margin : 0px; overflow: hidden;">
    <a-scene embedded arjs="sourceType: webcam; debugUIEnabled: false; detectionMode: mono_and_matrix; matrixCodeType: 3x3;" cursor="fuse: false; rayOrigin: mouse">

        <a-assets>
            <img id="linkedin" src="linkedIn logo.png">
        </a-assets>

        <a-marker type="barcode" value="6">
            <a-image clicker id="element_linkedin" src="#linkedin"  rotation="280 0 0" scale="0.001 0.001 0.001" position="1.5 0 1" animation="property: scale; to: 0.7 0.7 0.7; dur: 2500; easing: linear; loop: false; startEvents: animation_linkedin"></a-image>
        </a-marker>

        <a-entity camera></a-entity>
    </a-scene>
</body>
4

0 に答える 0