Community程式設計與開發github.com

cloudai-x/threejs-materials

Three.js 材质 - PBR、基本、Phong、着色器材质及材质属性。用于设计网格样式、处理纹理、创建自定义着色器或优化材质性能。

threejs-materials 是什麼?

這個技能專注於 Three.js 中的材質系統,涵蓋從基本材質到進階 PBR(物理基礎渲染)、Phong 以及自訂著色器材質。它能幫助開發者在網格(Mesh)上應用材質樣式、管理紋理貼圖、創建自訂著色器,並最佳化材質性能。此技能支援所有 Three.js 專案,無論是使用標準材質庫還是需要高度自訂的渲染效果。透過詳細的文件和範例,開發者可以快速理解不同材質的屬性、使用方法及效能權衡,從而提升 3D 場景的視覺品質與執行效率。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cloudai-x/threejs-skills/tree/main/skills/threejs-materials

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

threejs-materials 是做什麼的?

Three.js 材質 - PBR、基本、Phong、著色器材質及材質屬性。用於設計網格樣式、處理紋理、建立自訂著色器,或最佳化材質效能。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

cloudai-x/threejs-animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

cloudai-x/threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

cloudai-x/threejs-geometry

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

cloudai-x/threejs-interaction

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

cloudai-x/threejs-lighting

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

cloudai-x/threejs-loaders

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

cloudai-x/threejs-postprocessing

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

cloudai-x/threejs-shaders

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

cloudai-x/threejs-textures

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

相關技能