如何在 A-Frame 中为框的侧面分配不同的纹理答案

【问题标题】：How to assign different textures to sides of a box in A-Frame如何在 A-Frame 中为框的侧面分配不同的纹理
【发布时间】：2016-08-17 00:36:25
【问题描述】：

有没有一种方法可以在 A-Frame 中为盒子几何体的每一侧分配不同的纹理，而无需从 6 个独特的平面构建盒子？

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

更具体地说，我如何在 A-Frame 中创建 cubemap？下面是 three.js 中的立方体贴图示例：http://threejs.org/examples/#webgl_materials_cubemap

谢谢！

【问题讨论】：

【解决方案1】：

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

我认为这可能是您正在寻找的更多内容。试一试，很高兴听到您的进展情况。

【讨论】：

【解决方案2】：

您可以使用Cubemap Component。

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

使用保存立方体贴图的文件夹的路径作为属性将组件附加到实体。

<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 中更改上述内容）。

【讨论】：

感谢您的回复。不幸的是，我的理解水平太初级，无法实现这一点。我最初的问题被社区版主重写，他们将其重新定义为关于立方体映射的问题，这不是我最初提出的问题。不过还是谢谢你。