一个框架建筑场景“内部立方体”

Question

我只是想用A帧库创建一个可视化，在这个库中，用户是“在一个立方体内”，两边都是嵌在画布上的图像。我已经开始用飞机准备现场了。这就是我所取得的成就。http://codepen.io/LuoXiahong/pen/LRNJNb

    <a-scene>
      <a-assets>
      </a-assets>
      <!-- Basic plane. -->
      <a-plane color="#ff0000" height="2" width="2" position="0 0 0" rotation="-90 0 0"></a-plane>
      <!-- Front-->
      <a-plane color="#00ff00" height="2" width="2" position="0 1 -1" rotation="0 0 90"></a-plane>
      <!--Back - does not display-->
      <a-plane color="#0000ff" height="2" width="2" position="0 1 1" rotation="0 0 90"></a-plane>
      <!-- Left-->
      <a-plane color="#ffff00" height="2" width="2" position="-1 1 0" rotation="0 90 0"></a-plane>
      <!-- Right-->
      <a-plane color="#ff00ff" height="2" width="2" position="1 1 0" rotation="0 -90 0"></a-plane>
      <!--Top plane - does not display -->
      <a-plane color="#00ffff" height="2" width="2" position="0 2 0" rotation="-90 0 0"></a-plane>
    </a-scene>

我对显示立方体的顶部和背面有问题。有人能帮我吗？

Answer 1

默认情况下，在THREE.js (因此是A帧)中，faces只呈现一方或另一方。你的顶板只是转错了方向，所以只能从顶部看到。您可以将其旋转更改为90 0 0以修复此问题，也可以将side="back"或side="double"添加到您的<a-plane />中以更改显示的平面的哪一侧。更多细节这里。