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');
});