T
threejs-textures
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
How to use
- Zaimportuj Three.js do swojego projektu i utwórz instancję TextureLoadera:
const loader = new THREE.TextureLoader();. 2. Załaduj teksturę za pomocą metodyload(), podając ścieżkę do pliku i opcjonalne callback'i dla postępu i błędów:loader.load('texture.jpg', (texture) => { /* gotowe */ }). 3. Ustaw odpowiednią przestrzeń barw — dla tekstur kolorów (albedo) użyjTHREE.SRGBColorSpace, dla map danych (normalne, chropowatość) pozostaw domyślnąNoColorSpace. 4. Skonfiguruj tryb zawijania tekstury za pomocątexture.wrapSitexture.wrapT— wybierz międzyRepeatWrapping(kafelkowanie),ClampToEdgeWrapping(rozciągnięcie krawędzi) lubMirroredRepeatWrapping(lustrzane odbicie). 5. Przypisz teksturę do materiału, np.material.map = texturedla mapy kolorów lubmaterial.normalMap = texturedla mapy normalnych. 6. Dla zaawansowanych scenariuszy użyj Promise'ów do równoczesnego ładowania wielu tekstur:Promise.all([loadTexture('color.jpg'), loadTexture('normal.jpg')])— dzięki temu wszystkie mapy załadują się równolegle.