我正在寻找通过点击拇指加载AFrame场景的方法。 我正在尝试使用图片滑块,每张图片后面都应该有一个3D场景。 因此,如果我单击滑块中的图片,则会在前景中弹出aframe场景,例如使用不同的天空纹理。
我尝试了多种方法,但没有任何方法可行。 我可以通过一个新窗口加载一个新场景,但这不是一个好方法。
我将不胜感激任何能帮助我走上正确道路的帮助。 :):D

干杯,马克斯

#1楼 票数:0 已采纳

在背景中(或页面上的某个位置)有一个A帧场景<a-scene embedded style="z-index: -1"></a-scene> 在单击图片时,将场景的z-index设置为前景,并更改场景中您需要的任何其他内容以匹配图片。

var aframeScene = AFRAME.scenes[0];
yourPic.addEventListener('click', function () {
  aframeScene.style.zIndex = 9999;
  aframeScene.querySelector('a-sky').setAttribute('src', 'newImage.jpg');
});

  ask by M.R. translate from so

未解决问题?本站智能推荐:

1回复

仅在加载场景资产时启动a场景[aframe]

我的场景中有一些视频和音频文件需要一些时间才能加载。 仅在加载所有这些元素(即准备好播放)时才开始场景。 因此,基本上,如何仅在加载所有资产后才显示场景? 谢谢!
1回复

AFrame点击模型加载网址问题

我正在使用AR.js和Aframe,因此当我单击模型时,它将加载URL。 当我使用基本的盒子形状时,下面的方法工作正常,但是当我添加3D模型时,模型需要花费几秒钟的时间来加载,然后在加载后执行document.location.href函数,但是我只想在模型为点击?
1回复

AFrame:有没有办法用不同的组件重新加载场景?

我用 AR.js 定义了以下场景: 基本上我想要的是删除 AR.js 组件并将一些实体添加到纯 AFrame 场景中,而无需重新加载页面。 是否可以? 我试过这种方式,但一切都变白了,之后什么也没有发生:
2回复

AFrame场景重载方法

我正在尝试重新加载AFrame上的场景,我有一个机器人的场景,当用户点击按钮时我需要加载回场景的原始状态。 我已经尝试过的是: 和: 第一个在浏览器控制台上引发错误,显示reload()方法不是函数,但AFrame上的文档支持它。 我不知道我是否正确使用此功能。
1回复

AFRAME-叠加场景

我试图了解如何在A-FRAME场景的顶部创建覆盖菜单。 这个网站很好地说明了我要做什么-> https://vr.with.in/ 如果从主菜单中单击其中一个图块,则会注意到前一个场景被置于背景中,其他信息被置于半透明叠加层之上的前景中。 如果有人可以将我带往正确的方向,
1回复

限制AFrame中的场景导航

我正在AFrame中构建一个应用程序,我想限制观众的移动,也就是说,我想限制摄像机可以在场景中移动的位置。 例如,我有一个a平面,即地板,我希望相机在Z轴上达到0时停止移动,以阻止相机穿过地板,或者在Z轴上达到20时再次停止。 我也希望限制x,y方向的运动。 除a平面外,场景中没有其他障碍
1回复

@ aframe.io如何更改场景

如何更改场景? 一个场景到另一个场景。 提前致谢。
2回复

Aframe,3dio场景:方向变化

我曾经通过bakedModelUrl将3dio场景上传到一帧 这里描述: https : //3d.io/docs/api/1/aframe-components.html 但在使用此方法时(通过sceneId): 这里描述: https : //3d.io/docs/ap