Привет, я пытаюсь реализовать a-frame на ionic (+ angular-meteor) фреймворке и столкнулся с простой ошибкой. Когда мой курсор заканчивает слияние, не зарегистрировано событие щелчка.
Вот код кадра:
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Whatsapp Meteor</title>
<script src="https://aframe.io/releases/0.4.0/aframe.min.js">
</script>
</head>
<body>
<a-scene>
<a-entity camera look-controls>
<a-cursor id="cursor"a-frame fuse='true' fuseTimeout="1000">
<a-animation begin="click" easing="ease-in" attribute="scale"
fill="backwards" from="0.1 0.1 0.1" to="1 1 1"></a-animation>
<a-animation begin="cursor-fusing" easing="ease-in" attribute="scale"
fill="forwards" from="1 1 1" to="0.1 0.1 0.1"></a-animation>
</a-cursor>
</a-entity>
<a-entity id="cube" geometry="primitive: box" material="color: blue"
position="0 -1 -5">
</a-entity>
</a-scene>
<script>
console.log('addEventListener script was ran');
document.querySelector('#cube').addEventListener('click', function () {
console.log('I was clicked!');
this.setAttribute('material', 'color', 'red');
});
</script>
</body>
А вот скриншот, показывающий слияние + отсутствие зарегистрированного события click.
Кто-нибудь успешно внедрил ionic+aframe (желательно на angular-meteor) и может помочь?