Нажатия на кнопки в AR-приложении на фреймворке AR.js

Пытаюсь сделать так, чтобы по нажатия на кнопку, в данном случае Plane происходил переход по ссылке. Удалось реализовать посредством raytracing. Но проблема в том, что у такого подхода есть ограничения, Событие сработает, только, когда луч будет наведен на саму иконку,а в качестве курсора выступает невидимая точка в центре экрана( не стал добавлять прицел). Есть ли какой-то классический способ реализации кнопок,(например как в Vuforia Engine)?. Варианты с обычными button не подходят( Просто уже в голову никаких идей не приходит, буду благодарен за наводку. Пример работоспособности выложил на сервер https://deslium.ru/filestorage/index.html и ссылка на метку: Используется ar.js и a-frame

Вот код самого события:

    AFRAME.registerComponent('markerhandler', {
      init: function() {
        const aEntity = document.querySelector("#Plane");
        aEntity.addEventListener("mousedown", function(evt){
        open("https://www.google.com");
        });
        }});

И пример из html

  <a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false; '>
    <a-marker  markerhandler  emitevents="true"  cursor="rayOrigin: mouse; " id="marker" preset="hiro">
      <a-plane src="AR_BUSINESS_CARD.png" id="Plane_0"  width="1" height="0.5" position="0 0 0" rotation="270 0 0"  transparent=False>
          <a-text value="\nFirst name \nLast name \nwho is it" position="-0.3 1 0"  width="10"  color="black" ></a-text>
      </a-plane>
      <a-plane  src="WA.png"   id="Plane" class="clickable" width="0.3" height="0.3" position="-0.7 0.05 0" rotation="270 0 0"  transparent=False  >
      </a-plane> 
    </a-marker>
    <a-entity camera> </a-entity>
  </a-scene>
</body>
</html>```