Aframe - 通过点击拇指加载场景

Question

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

干杯，马克斯

Answer 1

在背景中（或页面上的某个位置）拥有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');
});