Three.js shaders: GLSL, ShaderMaterial, uniforms, effects
Un renvoi court vers la référence des shaders personnalisés Three.js — bases GLSL, matériaux, uniforms, effets courants
- Quoi
- Un renvoi court vers la référence des shaders personnalisés Three.js — bases GLSL, matériaux, uniforms, effets courants
- Coût
- Gratuit
- Prérequis
- une scène Three.js fonctionnelle ; aucune licence déclarée dans le dépôt source — lisez-le vous-même avant d'en réutiliser le contenu
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — un renvoi court vers la référence des shaders Three.js de @cloudai-x : ShaderMaterial vs RawShaderMaterial, types d'uniforms et mise à jour, varyings, motifs courants (échantillonnage de textures, déplacement de sommets, fresnel, bruit, dégradés, rim lighting, dissolution), extension des matériaux intégrés via onBeforeCompile avec points d'injection de chunks, fonctions GLSL intégrées, shaders instanciés, débogage (erreurs de compilation, sorties visuelles de debug) et conseils de performance. Bémols honnêtes : **aucune licence déclarée dans le dépôt — licence inconnue**, d'où cette fiche courte avec lien vers la source, sans réutiliser son contenu ; suppose une scène Three.js fonctionnelle comme point de départ. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : une scène Three.js fonctionnelle ; aucune licence déclarée dans le dépôt source — lisez-le vous-même avant d'en réutiliser le contenu Installe-moi « Shaders Three.js : GLSL, ShaderMaterial, uniforms, effets ». Récupère le SKILL.md depuis le dépôt source dans un dossier temporaire, examine-le pour tout contenu suspect, et indique en deux ou trois phrases ce que couvre la référence des shaders (ShaderMaterial vs RawShaderMaterial, uniforms/varyings, effets courants, onBeforeCompile, débogage, performance) pour que je puisse la consulter dans mon propre projet. Ne copie pas le contenu du guide dans mon projet — c'est une consultation de référence seulement. Dépôt : https://github.com/cloudai-x/threejs-skills/blob/main/skills/threejs-shaders/SKILL.md GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Règles : ne touche à rien en dehors du dossier temporaire. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.