在 React VR 中，如何在表面上平铺纹理？答案

【问题标题】：How do you tile a texture across a surface in React VR?在 React VR 中，如何在表面上平铺纹理？
【发布时间】：2017-04-23 19:47:13
【问题描述】：

我有一个 100 米 x 100 米的盒子在我正在进行的 reactVR 测试中用作地板，我想为其添加纹理，但瓷砖纹理只是根据需要延伸到整个表面而不是瓷砖.这是我的组件代码，没什么特别的：

    <Box
      dimWidth={100}
      dimDepth={100}
      dimHeight={0.5}
      texture={asset('check_floor_tile.jpg')}
      style={{
        color:'#333333',
        transform: [{translate: [0, -1, 0]}]
      }}
      lit
    />

我已经查看了没有成功的示例，我们将不胜感激。谢谢。

【问题讨论】：

无法更改纹理的包装方式，目前它已硬编码为THREE.ClampToEdgeWrapping，无法将其更改为THREE.RepeatWrapping。请参阅 Github 上的 this issue。
感谢 Valentin 的更新，非常感谢。我会密切关注发行说明，看看它是如何成熟的。

标签： webvr react-360

【解决方案1】：

您现在可以通过在扩展 BasicMesh（长方体、平面、球体、圆柱体、模型）的任何组件的纹理属性上指定 repeat 来平铺纹理。

该功能已通过this PR 添加到 Reach VR。

<Plane
  texture={{
    ...asset('texture.jpg'),
    repeat: [4, 4],
  }}
/>

【讨论】：

奇妙吧！先生，我亲吻你的四个脸颊，谢谢。感谢您抽出宝贵时间让我知道，非常感谢！