我正在寻找通过点击拇指加载AFrame场景的方法。 我正在尝试使用图片滑块,每张图片后面都应该有一个3D场景。 因此,如果我单击滑块中的图片,则会在前景中弹出aframe场景,例如使用不同的天空纹理。 我尝试了多种方法,但没有任何方法可行。 我可以通过一个新窗口加载一个新场景,但这不是 ...
提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供 中文繁体 英文版本 中英对照 版本,有任何建议请联系yoyou2525@163.com。
我正在使用AR.js和Aframe,因此当我单击模型时,它将加载URL。
当我使用基本的盒子形状时,下面的方法工作正常,但是当我添加3D模型时,模型需要花费几秒钟的时间来加载,然后在加载后执行document.location.href函数,但是我只想在模型为点击?
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.0/aframe/build/aframe-ar.js"></script>
<script>
AFRAME.registerComponent('mas', {
init: function () {
var data = this.data;
var el = this.el; // <a-box>
el.addEventListener('click', function () {
console.log('click');
masClick();
});
function masClick() {
document.location.href = "http://www.google.com";
};
}
});
</script>
</head>
<body style='margin : 0px; overflow: hidden;'>
<a-scene embedded arjs='sourceType: webcam;' cursor="rayOrigin: mouse">
<a-entity rotation="0 90 0" dur="7000" mas>
<a-gltf-model src="scene.gltf" scale="0.05 0.05 0.05" position='0 0.5 0' >
<a-animation
dur="8000"
attribute="rotation"
to="0 360 0"
repeat="indefinite">
</a-animation>
</a->
</a-entity>
<a-marker-camera preset='hiro'></a-marker-camera>
</a-scene>
</body>
</html>
将cursor
组件放在<a-marker>
实体中时, cursor
起作用:
<a-marker preset='hiro' cursor="rayOrigin: mouse">
.....
</a-marker>
在这里 codepen。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.