如何解决A-Frame + AR.js:单击事件不适用于对象
以下示例适用于移动设备。这里处理对一个对象的点击
authHeader <- add_headers(Authorization = paste("Bearer",apiKey))
resp <- GET(
paste0(connectServer,apiPrefix),authHeader)
payload <- content(resp)
### Create empty list to bind during pagination
payload_list <- list()
while(length(payload$next_offset) > 0) {
newdata <- payload$records
cbind(payload_list,newdata )
nextPage <- payload$records + 1
resp <- GET(
paste0(connectServer,apiPrefix,"&page_number=",nextPage),authHeader
)
payload <- content(resp)
}
但是如果我为另外一个对象添加点击处理,那么两个对象的点击都会停止工作
<script>
AFRAME.registerComponent('cursor-listener',{
init: function() {
this.el.addEventListener('click',(e) => {
window.open('https://ebay.com');
})
}
})
</script>
<a-scene embedded arjs='trackingMethod: best; sourceType: webcam; debugUIEnabled: false; detectionMode: color_and_matrix; matrixCodeType: 3x3;' >
<a-assets>
<img id="src-arlogo" src="../img/arlogo.png">
<img id="src-whatsapp" src="../img/whatsapp.png">
<img id="src-instagram" src="../img/instagram.png">
<img id="src-telegram" src="../img/telegram.png">
</a-assets>
<a-entity marker-wrapper position="0 0 0" id="marker-wrapper" cursor="fuse: false; fuseTimeout: 750; rayOrigin: mouse">
<a-marker type='barcode' value='5' >
<a-image rotation="-90 0 0" id="whatsapp" width="1.4" height="1.4" class="main-item" opacity="1" src="#src-whatsapp" position="-1.8 1 0.25" cursor-listener></a-image>
</a-enity>
<a-entity>
<a-image rotation="-90 0 0" id="instagram" width="1.4" height="1.4" class="main-item" opacity="1" src="#src-instagram" position="1.8 1 0.25" eventinst></a-image>
</a-enity>
</a-marker>
</a-entity>
<a-camera>
</a-camera>
</a-scene>
添加 "cursor="fuse: false;熔断器超时:750; rayOrigin: mouse" 到我试过的场景。也添加 'multiple' 属性 为什么不工作?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。