Does this skill support HDR environment maps?

Yes, it includes detailed workflows for using RGBELoader, EXRLoader, and PMREMGenerator to create high-quality lighting environments from equirectangular images.

How does it help with texture performance?

It offers guidance on mipmap generation, anisotropic filtering, compressed texture loading (KTX2), and proper memory disposal techniques to prevent leaks.

Can I create procedural textures with this skill?

Absolutely, it contains templates for generating noise, gradients, and canvas-based textures dynamically without external image files.

How do I handle color spaces with this skill?

The skill provides specific code patterns to ensure color textures use sRGBColorSpace while data textures (like normals or roughness) remain in NoColorSpace for mathematical accuracy.

Three.js Textures & UV Mapping

Name: Three.js Textures & UV Mapping
Author: sickn33

bysickn33

•

31,721

•

游戏开发

Manage, optimize, and implement complex texture workflows in Three.js environments including UV mapping and PBR materials.

This skill provides specialized guidance for working with textures in Three.js, covering everything from basic loading and wrapping modes to advanced techniques like HDR environment maps, procedural texture generation, and memory management. It helps developers configure color spaces correctly, set up PBR material maps (normals, roughness, metalness), and manage UV coordinates to ensure high-performance visual fidelity in 3D web applications. Whether you are building an immersive game or a high-end product configurator, this skill ensures your surface details and lighting environments are correctly implemented.

主要功能

01Detailed PBR material mapping and UV channel management for AO and displacement

02Environment map setup using HDR, RGBE, and equirectangular-to-cubemap workflows

03Advanced texture loading strategies including Promise wrappers and KTX2 compressed textures

0431,721 GitHub stars

05Procedural texture generation via DataTexture, CanvasTexture, and VideoTexture

06Comprehensive configuration for color spaces, wrapping modes, and anisotropic filtering

使用场景

01Setting up high-dynamic-range (HDR) lighting environments and skyboxes

02Optimizing texture memory usage and implementing render-to-texture effects

03Configuring realistic PBR materials with normal, roughness, and metalness maps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills threejs-textures

For use in Claude.ai and ChatGPT

主要功能

01Detailed PBR material mapping and UV channel management for AO and displacement

02Environment map setup using HDR, RGBE, and equirectangular-to-cubemap workflows

03Advanced texture loading strategies including Promise wrappers and KTX2 compressed textures

0431,721 GitHub stars

05Procedural texture generation via DataTexture, CanvasTexture, and VideoTexture

06Comprehensive configuration for color spaces, wrapping modes, and anisotropic filtering

使用场景

01Setting up high-dynamic-range (HDR) lighting environments and skyboxes

02Optimizing texture memory usage and implementing render-to-texture effects

03Configuring realistic PBR materials with normal, roughness, and metalness maps