Aframe “帧”可以显示两个场景的分屏效果吗?

Aframe “帧”可以显示两个场景的分屏效果吗?,aframe,Aframe,我知道aframe通常只使用一个场景(使用iframe时除外)——但是,我想知道是否可以让它显示两个不同的场景和一个滑块,该滑块可以在滑块的左侧显示一个场景,在右侧显示另一个场景 这是一个使用ThreeJS的示例: 此代码使用以下多个场景: function render() { renderer.setScissor( 0, 0, sliderPos, window.innerHeight ); renderer.render( sceneL, camera );

我知道aframe通常只使用一个场景(使用iframe时除外)——但是,我想知道是否可以让它显示两个不同的场景和一个滑块,该滑块可以在滑块的左侧显示一个场景,在右侧显示另一个场景

这是一个使用ThreeJS的示例:

此代码使用以下多个场景:

  function render() {

    renderer.setScissor( 0, 0, sliderPos, window.innerHeight );
    renderer.render( sceneL, camera );

    renderer.setScissor( sliderPos, 0, window.innerWidth, window.innerHeight );
    renderer.render( sceneR, camera );

  }
我一直在试图找出解决方案,可以使用一个框架来实现这一点,但我每次遇到障碍。。。在我走完这条路之前,我想在这里问问,看看有没有人有其他想法


谢谢

它可以在三个JS中完成,一个框架构建在顶部,所以答案是它可以完成。 下面是如何在THREEjs中完成的示例。

我可能应该对我的文章更具体一点(将对其进行编辑),我知道在三个JS中创建多个视图是可能的,因为我将链接放在了一个我想使用框架复制的现有示例上。您提供的示例(与我的示例相同)使用多个场景,其中as-Aframe仅依赖于一个场景。通过iframe或embedded添加多个可以阻止它们以与示例相同的方式相互交互。这让我对Aframe的实现有点不确定。在Aframe中做这件事并不容易。如果我尝试在一个帧中制作这个,我可能会制作一个附加到一个摄影机的组件,该组件可以有效地渲染三个js场景。然后将同一组件连接到另一个摄影机。最后,将渲染作为纹理放置在第三个摄影机的父平面上,并将其渲染为最终输出。哦!这是我没想到的解决办法。。。那我就考虑一下这个主意。否则,我将回到纯ThreeJS解决方案——只想使用框架与框架的其余部分保持一致。。。但如果这会让事情变得过于复杂,那就不值得了。下面是一个小故障,它显示了如何访问THREEjs对象并在组件中制作材质。