AFRAME-叠加场景

时间:2018-06-20 09:52:02

标签: javascript three.js aframe webvr

我试图了解如何在A-FRAME场景的顶部创建覆盖菜单。

这个网站很好地说明了我要做什么-> https://vr.with.in/

如果从主菜单中单击其中一个图块,您会注意到前一个场景被置于背景中,其他信息被置于半透明叠加层之上的前景中。

如果有人能带我朝正确的方向前进,将不胜感激。干杯。

1 个答案:

答案 0 :(得分:0)

单击任何项​​目时,都会在靠近相机的位置创建一个包含详细信息的新实体。

同时,您在相机周围创建一个球体,该球体将“放”入背景:

<a-sphere id="overlay" radius="2" material="opacity:0.4; color: black; side: back"></a-sphere>

签出here