Estoy haciendo un proyecto de realidad virtual de un marco en el que necesito hacer "portales" que sean útiles para que el usuario se mueva de una habitación a otra. Mi problema es que uso un cursor para el evento de clic, pero activa el evento del portal incluso si hay una gran brecha entre el cursor y el portal.

Estoy usando js.script que puedes encontrar aquí: https://github.com/stemkoski/A-Frame-Examples/blob/master/js/link-controls.js

Ahí está mi portal:

 <a-link position="0 1.6 -14" rotation="0 0 0" href="paris.html" title="Paris" image="#photoparis"></a-link>

En cuanto a mi cursor, acabo de hacer un cursor normal dentro de la etiqueta de una cámara.

Vea allí, un ejemplo de la brecha entre el cursor y el portal.

¿Puede alguien ayudarme a entender por qué existe este problema? Me gustaría especificar que cuando uso solo el cursor de mi mouse no hay este problema y es necesario que haga clic precisamente en el portal para que se active el evento.

Gracias de antemano por vuestras respuestas, y no dudéis en decirme si hay algo que no haya explicado bien. Además, perdóname si he cometido un error de inglés.