How to use a same texture on different materials with different repeat and rotation?

ToniFF · October 24, 2019, 8:54am

To save memory, my materials share the same texture when they need the same ‘url’. There’s a shortcome that when I change someMaterial.map.repeat, other materials will be affected too.
In Unity3D, I can set mainTextureScale for every material. What should I do in Three.js? Pass the repeat value (or matrix about uv transform) by uniforms on my own?

sciecode · October 24, 2019, 6:10pm

Currently, modifying the material with onBeforeCompile to add your own UV transforms seems to be the only way to share the same texture with different mapping coordinates.

However devs are already aware of this limitation and are looking for a possible solution to this and other problems regarding WebGL Texture re-usage.

Check out this issue: https://github.com/mrdoob/three.js/issues/17766

Topic		Replies	Views
Repeat texture on different meshes of different sizes Questions textures	7	1492	October 15, 2024
Reapplying same texture on different Mesh changes the previous Mesh as well Questions materials	4	817	November 9, 2021
What is the Best Way to Repeat the Same Animated Material on a Single Plane? Questions materials , geometry , shaders	2	454	April 8, 2023
How to repeat image texture on the mesh material based on the texture's actual size Questions textures , materials , geometry , mesh , texture-loader , texture-mapping , rotation , blurry-texture	32	723	November 12, 2024
Possible to repeat textures independently? Questions textures , materials	2	754	October 7, 2021

How to use a same texture on different materials with different repeat and rotation?

Related topics