Three.js shaders: GLSL, ShaderMaterial, uniforms, effects
A short pointer to the Three.js custom-shader reference — GLSL basics, materials, uniforms, common effects
- What
- A short pointer to the Three.js custom-shader reference — GLSL basics, materials, uniforms, common effects
- Cost
- Free
- Needs
- a working Three.js scene; no license declared in the source repo — read it yourself before reusing its content
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — a short pointer to @cloudai-x's Three.js shader reference: ShaderMaterial vs RawShaderMaterial, uniform types and updating, varyings, common patterns (texture sampling, vertex displacement, fresnel, noise, gradients, rim lighting, dissolve), extending built-in materials via onBeforeCompile with shader-chunk injection points, GLSL built-in functions, instanced shaders, debugging (compile errors, visual debug outputs) and performance tips. Honest caveats: **no license declared in the repository — license unknown**, so this is a short fiche linking to the source, without reusing its content; assumes a working Three.js scene as a starting point. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: a working Three.js scene; no license declared in the source repo — read it yourself before reusing its content Install "Three.js shaders: GLSL, ShaderMaterial, uniforms, effects" for me. Fetch the SKILL.md from the source repository into a temporary folder, review it for anything suspicious, and report in two or three sentences what the shader reference covers (ShaderMaterial vs RawShaderMaterial, uniforms/varyings, common effects, onBeforeCompile, debugging, performance) so I can consult it in my own project. Do not copy the guide's content into my project — this is a reference lookup only. Repository: https://github.com/cloudai-x/threejs-skills/blob/main/skills/threejs-shaders/SKILL.md GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Rules: don't touch anything outside the temp folder. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.