Skill UI

This guide provides a comprehensive overview of the core concepts of Three.js, the leading JavaScript library for WebGL 3D rendering. It covers setting up the entire 3D environment, including the Scene, Camera types (Perspective, Orthographic), and the WebGLRenderer. Users will learn to handle object hierarchies, apply transforms (position, rotation, scale), and manage complex rendering settings like lighting, shadows, and environment maps. Essential for any developer starting a WebGL project.

A comprehensive utility for handling asset loading within Three.js environments. It supports various formats, including GLTF/GLB models, textures, HDR environments, and complex image assets. Features include robust asynchronous loading patterns, progress tracking via LoadingManager, and detailed configuration for PBR materials and environment mapping.

An expert AI specializing in Slang shader programming for high-performance graphics and compute applications. This model excels at writing, reviewing, refactoring, and optimizing production-grade code for various graphics stages (vertex, fragment, compute, ray tracing, tessellation). It ensures cross-platform compatibility across major APIs (D3D12, Vulkan, Metal, OpenGL) and supports advanced concepts like generics, parameter blocks, and automatic differentiation. Use this skill when integrating shaders into C++ engines or requiring deep knowledge of low-level GPU pipelines.

Build high-quality 3D scenes, WebGL experiences, and interactive visual effects with Three.js. Covers scene setup, geometry, materials, lighting, animation, particles, and mouse-driven interaction for web-based 3D graphics.