Threejs Skills
by @cloudai-x · plugin · 10 skills
Threejs Skills from CloudAI-X/threejs-skills.
Install the whole plugin (CLI)
npx skillmds add cloudai-x/threejs-loaders
npx skillmds add cloudai-x/threejs-shaders
npx skillmds add cloudai-x/threejs-geometry
npx skillmds add cloudai-x/threejs-lighting
npx skillmds add cloudai-x/threejs-textures
npx skillmds add cloudai-x/threejs-animation
npx skillmds add cloudai-x/threejs-materials
npx skillmds add cloudai-x/threejs-interaction
npx skillmds add cloudai-x/threejs-fundamentals
npx skillmds add cloudai-x/threejs-postprocessingSkills in this plugin
- ▌ threejs-loaders · cloudai-xLoad 3D models, textures, and HDR environments in Three.js with GLTF, OBJ, FBX, STL, PLY, and Draco/KTX2 compression support.
- ▌ threejs-shaders · cloudai-xCreate custom visual effects with Three.js shaders using GLSL, ShaderMaterial, uniforms, and vertex/fragment shaders.
- ▌ threejs-geometry · cloudai-xCreate 3D shapes using Three.js built-in geometries, custom BufferGeometry, and instanced rendering.
- ▌ threejs-lighting · cloudai-xConfigure and optimize Three.js lighting: ambient, directional, point, spot, hemisphere, and rect area lights with shadows, helpers, and IBL.
- ▌ threejs-textures · cloudai-xLoad, configure, and apply textures in Three.js, including UV mapping, environment maps, HDR textures, and render targets.
- ▌ threejs-animation · cloudai-xCreate and control Three.js animations including keyframe, skeletal, morph target, and animation blending.
- ▌ threejs-materials · cloudai-xCreate and configure Three.js materials including PBR, basic, phong, shader, and physical materials for 3D rendering.
- ▌ threejs-interaction · cloudai-xHandle user input in Three.js scenes with raycasting, mouse/touch interaction, and camera controls including Orbit, Fly, FirstPerson, PointerLock, Trackball, and Map controls.
- ▌ threejs-fundamentals · cloudai-xSet up 3D scenes with Three.js, including scene, camera, renderer, Object3D hierarchy, coordinate systems, and math utilities.
- ▌ threejs-postprocessing · cloudai-xAdd visual effects to Three.js scenes using EffectComposer: bloom, depth of field, anti-aliasing, ambient occlusion, and custom screen-space shaders.