Skill UI

A comprehensive guide covering core principles for building high-performance 3D game systems. Topics include the rendering pipeline, shader types, physics collision detection, camera control, and advanced optimization techniques like Frustum Culling and LOD. Ideal for developers needing to build visually rich and technically robust 3D environments.

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.

Master the creation and manipulation of 3D geometry within the Three.js framework. This guide covers built-in primitive shapes (Box, Sphere, Cylinder), advanced procedural geometries (Extrude, Tube, TorusKnot), and text visualization. Crucially, it details the use of BufferGeometry, allowing developers to store vertex, normal, UV, and color data in optimized typed arrays for high-performance rendering and custom mesh construction.

This guide provides a comprehensive overview of various material types in Three.js, including MeshBasic, MeshLambert, MeshPhong, MeshStandard, and advanced MeshPhysical materials. It covers techniques for achieving realistic PBR rendering, simulating materials like glass, car paint, and fabric, and utilizing custom shaders for maximum visual control. Essential for any developer styling meshes and creating immersive 3D experiences.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

This skill covers fundamental principles for 3D game development, including rendering pipelines, shader programming, physics systems, camera controls, lighting techniques, and level of detail optimization. It helps developers create efficient and visually appealing 3D environments by understanding optimization strategies like frustum culling, occlusion culling, and batching. Suitable for implementing core game mechanics and profiling rendering performance.

This skill covers the core setup of Three.js scenes, including cameras, renderers, and object hierarchies. It is designed for initializing 3D environments, configuring rendering pipelines, and managing basic transforms. Use this for foundational work before advancing to shaders or post-processing effects.

This skill provides guidance on creating and optimizing geometry in Three.js, including built-in shapes, custom BufferGeometry, vertices, and instanced rendering. It is intended for developers working on 3D mesh structures, custom geometry, or performance optimization with instancing.

This skill enables adding visual effects like bloom, depth of field, and color grading to Three.js 3D scenes. It utilizes EffectComposer and custom shaders for screen-space enhancements, suitable for final image rendering optimization and artistic styling in web-based 3D applications.

This skill enables creating procedural vegetation such as trees, grass, and flowers within Three.js or WebGPU environments. It focuses on growth hierarchies, surface-following vines, and deterministic geometry generation. Techniques include GPU culling, wind simulation, and optimized rendering for virtual fields, ensuring high performance and visual fidelity in 3D scenes.