Aframe a帧-通过单击拇指加载场景

Aframe a帧-通过单击拇指加载场景,aframe,Aframe,我正在寻找一种通过单击拇指加载一个帧场景的方法。 我正在尝试使用一个图片滑块,每张图片后面都应该有一个3d场景。因此,如果单击滑块中的图片,前景中会弹出一个帧场景,例如使用不同的天空纹理。 我尝试了多种方法,但都不管用。我可以通过新窗口加载新场景,但这不是一个好方法。 我将感谢任何能引导我走上正确道路的帮助。::D 干杯,Max在背景中(或页面上的某个地方)有一个A帧场景。单击图片时,将场景的z-index设置为前景,并更改场景中需要的任何其他内容以匹配图片 var aframeScene =

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


干杯,Max

在背景中(或页面上的某个地方)有一个A帧场景
。单击图片时,将场景的
z-index
设置为前景,并更改场景中需要的任何其他内容以匹配图片

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

在背景中(或页面上的某个位置)设置A帧场景
。单击图片时,将场景的
z-index
设置为前景,并更改场景中需要的任何其他内容以匹配图片

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