TroisJS

Textures

You can easily add texture to material :

Map

<PhongMaterial>
  <Texture src="map.jpg" />
  <Texture src="normal-map.jpg" name="normalMap" />
</PhongMaterial>

EnvMap

<BasicMaterial>
  <CubeTexture path="/cube_texture/" />
</BasicMaterial>

Refraction

<BasicMaterial>
  <CubeTexture path="/cube_texture/" refraction :refraction-ratio="0.95" />
</BasicMaterial>

Shader

<ShaderMaterial :fragmentShader="...">
  <!-- uniform prop is required - will be uniform name in texture -->
  <Texture src="/my/texture/src.png" uniform="myCustomTexture"/>
</ShaderMaterial>