CloudAI-X
10 skills
CloudAI-X
Passed
Threejs Textures
A comprehensive reference guide for working with textures in Three.js. Covers texture loading, configuration options, UV mapping, cube textures, HDR environments, render targets, and performance optimization. Ideal for developers building 3D web applications who need quick access to texture-related patterns and best practices.
ThreejsWebglTextures+3
1571.0k
CloudAI-X
Passed
Threejs Shaders
A comprehensive reference guide for Three.js shader programming. Covers ShaderMaterial and RawShaderMaterial usage, uniform types, varyings, common shader patterns like fresnel effects, noise, gradients, and rim lighting, plus performance optimization tips.
ThreejsWebglShaders+3
1921.0k
CloudAI-X
Passed
Threejs Postprocessing
A comprehensive reference guide for Three.js post-processing effects. Covers EffectComposer setup, common effects like bloom, depth of field, anti-aliasing, and ambient occlusion, plus custom shader development and performance optimization tips.
ThreejsWebglPost Processing+3
1841.0k
CloudAI-X
Passed
Threejs Materials
A comprehensive Three.js materials reference guide covering all material types (Basic, Lambert, Phong, Standard, Physical, Toon, Shader), their properties, and usage patterns. Includes code examples for glass, car paint, environment maps, and custom GLSL shaders.
ThreejsWebgl3d Graphics+3
3751.0k
CloudAI-X
Passed
Threejs Loaders
A reference skill for Three.js developers that provides comprehensive documentation on loading 3D models (GLTF, FBX, OBJ), textures (including HDR/EXR), and managing loading progress. Includes examples for async loading patterns, caching strategies, and error handling.
Threejs3d GraphicsWebgl+3
521.0k
CloudAI-X
Passed
Threejs Lighting
A comprehensive Three.js lighting reference covering all light types (AmbientLight, HemisphereLight, DirectionalLight, PointLight, SpotLight, RectAreaLight), shadow setup and optimization, image-based lighting with HDR environments, and common lighting patterns like three-point and studio setups.
ThreejsLighting3d Graphics+3
3961.0k
CloudAI-X
Passed
Threejs Interaction
A reference guide for implementing user interactions in Three.js 3D applications. Covers raycasting for click detection, various camera controls (Orbit, Fly, FirstPerson, PointerLock), drag controls, selection systems, keyboard input handling, and coordinate conversions between world and screen space.
Threejs3d GraphicsInteractive+3
591.0k
CloudAI-X
Passed
Threejs Geometry
A comprehensive reference guide for Three.js geometry creation. Covers built-in shapes (box, sphere, cylinder, etc.), custom BufferGeometry with typed arrays, InstancedMesh for efficient rendering of many objects, and geometry utilities for merging and optimization.
Threejs3d GraphicsWebgl+3
701.0k
CloudAI-X
Passed
Threejs Fundamentals
A comprehensive reference guide for Three.js fundamentals including scene setup, camera types (Perspective, Orthographic, Cube, Array), WebGL renderer configuration, Object3D hierarchy, and essential math utilities. Provides ready-to-use code snippets for common 3D graphics tasks like animation loops, responsive canvas handling, and proper resource cleanup.
Threejs3d GraphicsWebgl+3
3561.0k
CloudAI-X
Passed
Threejs Animation
A comprehensive reference guide for Three.js animation systems including keyframe animations, skeletal animation, morph targets, and animation blending. Provides code examples and best practices for creating smooth 3D animations in web applications.
ThreejsAnimationWebgl+3
1331.0k