Question

有没有办法为A-Frame中的盒子几何体的每一侧分配不同的纹理，而不是从6个独特的平面构建盒子？

<a-box></a-box>  <!-- How to apply a cubemap? -->

更具体地说，如何在A-Frame中执行cubemap？以下是three.js中的cubemapping示例：http://threejs.org/examples/#webgl_materials_cubemap

谢谢！

Answer 1

您可以使用Cubemap Component。

<a-scene>
  <a-entity cubemap="folder: /assets/Yokohama3/"></a-entity>
</a-scene>

使用包含cubemap作为属性的文件夹的路径将组件附加到实体。

<a-entity cubemap="folder: /assets/Yokohama3/"></a-entity>

在该文件夹中，该组件采用以下命名方案：

var urls = [
  'posx.jpg', 'negx.jpg',
  'posy.jpg', 'negy.jpg',
  'posz.jpg', 'negz.jpg'
];

这是Three.js的CubeTexture使用的方案。如果您的立方体贴图图像不遵循此方案，则需要重命名它们（或者将此repo分叉并在index.js中更改上面的内容）。

Answer 2

您可能想尝试这个组件，它允许您将不同的纹理添加到框架形状的不同边（包括框）

我认为它可能更符合您的需求。不管怎样，听听你如何继续下去会很棒。