webvr - 如何在 React VR 中在表面上平铺纹理?

标签 webvr react-360

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

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

我查看了一些示例,但没有成功,任何帮助将不胜感激。谢谢。

最佳答案

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

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

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

关于webvr - 如何在 React VR 中在表面上平铺纹理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43575740/

相关文章:

javascript - 如何在 React VR 项目中实现 Google Analytics 事件跟踪?

javascript - ReactVR如何正确设置指针(raycaster)

youtube - 是否可以使用ReactVR链接到360 YouTube视频?

javascript - ReactVR 中的事件处理

aframe 禁用设备传感器弹出

javascript - 以编程方式更改 webvr 摄像头 View

javascript - A-frame 显示鼠标指针和函数

javascript - A-Frame场景隐藏鼠标指针(小手)

javascript - 如何使用 javascript 在 aframe 中创建快速菜单

gear-vr - 如何在 React VR 场景中检测 Gear VR 输入?