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

Question

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

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

更具体地说，如何在 A-Frame 中制作立方体贴图？这是three.js中的立方体贴图示例：http: //threejs.org/examples/#webgl_materials_cubemap

谢谢！

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

您可以使用Cubemap 组件。

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

2 回答 2