Aframe

Question

我正在寻找一种通过单击拇指来加载 AFrame 场景的方法。我正在尝试使用图片滑块，每张图片背后都应该有一个 3d 场景。因此，如果我单击滑块中的图片，aframe 场景应该会在前景中弹出，例如具有不同的天空纹理。
我尝试了多种方法，但没有任何效果。我可以通过新 window 加载新场景，但这不是一个好方法。
我将不胜感激任何可以引导我走上正确道路的帮助。 :) :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');
});

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

Aframe - load a scene through click on a thumb