Search code examples
three.jstexturestexture-mapping

Multiple Textures on a Single Face/Plane


If I have a geometry, say

THREE.PlaneGeometry(400,400);

or

THREE.MeshBasicMaterial({map:new THREE.MeshFaceMaterial(materials)});
//multiple textures on only one face

How would I make it so that I have multiple textures on the same side of the plane?

Furthermore, how would I go about setting the coordinates of the texture and position of the texture on the Plane (or face)?

It should look something like this: plane_and_textures


Solution

  • You can use shader material with textures as uniforms or look other approaches there, there and there.