Как наложить текстуру на поверхность в React VR?

У меня есть коробка 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
    />

Я безуспешно искал примеры, буду признателен за любую помощь. Спасибо.


react-360 webvr
person Anthony Cregan    schedule 23.04.2017    source источник
comment
Невозможно изменить способ упаковки текстур, на данный момент он жестко запрограммирован на THREE.ClampToEdgeWrapping без возможности изменить его на THREE.RepeatWrapping, например. См. эту проблему на Github.   -  person Valentin    schedule 02.07.2017
comment
Валентин, спасибо за новость, очень приятно. Я буду следить за примечаниями к выпуску, чтобы увидеть, как он созреет.   -  person Anthony Cregan    schedule 05.07.2017

Ответы (1)


arrow_upward
2
arrow_downward

Теперь вы можете разложить текстуру по поверхности, указав repeat в свойстве текстуры любого компонента, который расширяет BasicMesh (коробка, плоскость, сфера, цилиндр, модель).

Функциональность была добавлена ​​в Reach VR с помощью этого PR.

<Plane
  texture={{
    ...asset('texture.jpg'),
    repeat: [4, 4],
  }}
/>
person Valentin    schedule 16.10.2017
comment
Вундербар! Целую вас во все 4 щеки, сэр, спасибо. Спасибо, что нашли время сообщить мне, это ценно! - person Anthony Cregan; 16.10.2017