Three.js-anyagok és árnyalók
A projekt tényleges renderelőjéből kiindulva tárja fel a szín-, fény- és átlátszósági hibákat. Megkülönbözteti a színtextúrát az adattérképtől, és ellenőrzi a shader illeszkedését.
threejs-materials-shaders
Nézd meg, miben segítMikor hasznos?
Akkor használd, ha az anyag fényerőváltás mellett is hibásnak tűnik.
Miben segít neked?
- Megkülönbözteti a színtextúrát a normál- és adattérképtől.
- Külön ellenőrzi a tónusleképezést, átlátszóságot és mélységet.
- Kompatibilisen tartja az árnyalómódosítást a telepített megjelenítési háttérrel.
Például ezt kérheted
Az autóversenyben fakó a karosszéria, a gumifüst pedig hibásan takarja az utat. Vizsgáld külön a színteret, tónusleképezést, mélységet és átlátszóságot. Készíts összehasonlítható nappali és éjszakai képet a javításról, másik renderelőre átállítás nélkül.
Részletes dokumentáció
Itt a skill eredeti útmutatóját, példáit és ellenőrzési szempontjait olvashatod az eredeti nyelven.
Összecsukás
Three.js — materials shaders
Use when implementing Three.js materials, lighting, color management or shader extensions.
Version and project gate
Inspect Three.js revision, renderer/backend, addons import style, bundler, color-management conventions, animation loop owner, scene scale, glTF/decoder versions and existing physics wrapper. Never turn a task into an engine upgrade without the user’s intent. Read the version-matching official reference when an API decision depends on it.
Work
Identify the renderer and installed shader/material API before copying examples. Classify color versus non-color textures, environment lighting and tone mapping. Verify normal/tangent assumptions and transparency/depth behavior. Keep shader modifications isolated and versioned with their compilation assumptions.
Deliver
A material contract with representative images and a scoped implementation for the actual renderer. Keep the change in the existing project structure; separate actual observations from the proposed acceptance scenario below.
Failure to prevent
Do not mix WebGL shader chunks with incompatible WebGPU/TSL examples or fix incorrect color handling through arbitrary light intensity.
Acceptance scenario
Compare a known reference material, normal map and transparent overlap under intended lighting and output settings. Follow the project’s execution and verification permissions. If execution or a target device is unavailable, provide the reproduction steps and name the remaining uncertainty; do not mark it passed.
Scope and sources
This skill belongs to Vex. Agent selection is restricted by Orqestria’s assigned-agent policy, including forced skill selection; instruction text alone is not an access control. These are original task workflows researched from official documentation, not a copied or endorsed vendor skill.
Csomagban lévő fájlok 1
SKILL.md