Three.js-Materialien und Shader
Erklärt Farb-, Beleuchtungs- und Transparenzfehler anhand des tatsächlichen Renderers. Unterscheidet Farbtexturen von Datenkarten und prüft Shader-Kompatibilität vor Änderungen am Effekt.
threejs-materials-shaders
Entdecke, wie der Skill hilftWann ist der Skill hilfreich?
Nutze dies bei falscher Materialdarstellung trotz geänderter Lichtintensität.
Wobei hilft er dir?
- Unterscheidet Farbtexturen von Normalen- und Datenmaps.
- Prüft Tonemapping, Transparenz und Tiefenverhalten getrennt.
- Hält Shaderänderungen zum installierten Renderbackend kompatibel.
Das könntest du fragen
Im Rennspiel wirkt der Autolack ausgewaschen, und Reifenrauch verdeckt die Straße falsch. Prüfe Farbraum, Tone Mapping, Tiefe und Transparenz getrennt. Erstelle vergleichbare Vorher-Nachher-Ansichten bei Tag und Nacht, ohne das Projekt auf einen anderen Renderer umzustellen.
Ausführliche Dokumentation
Hier findest du die ursprüngliche Anleitung, Beispiele und Prüfschritte des Skills in ihrer Originalsprache.
Weniger anzeigen
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.
Enthaltene Dateien 1
SKILL.md