webgpu-threejs-tsl

TSL (Three.js Shading Language) is a node-based shader abstraction that lets you write GPU shaders in JavaScript instead of GLSL/WGSL strings. Replace standard material properties with TSL nodes: TSL uses method chaining for operations: Use Fn() for reusable shader logic: - docs/core-concepts.md - Types, operators, uniforms, control flow - docs/materials.md - Node materials and all properties - docs/compute-shaders.md - GPU compute with instanced arrays - docs/post-processing.md - Built-in and custom effects - docs/wgsl-integration.md - Custom WGSL functions - docs/device-loss.md - Handling GPU device loss and recovery - examples/basic-setup.js - Minimal WebGPU project - examples/custom-material.js - Custom shader material - examples/particle-system.js - GPU compute particles - examples/post-processing.js - Effect pipeline - examples/earth-shader.js - Complete Earth with atmosphere - templates/webgpu-project.js - Starter project template - templates/compute-shader.js - Compute shader template - REFERENCE.md - Quick reference cheatsheet - Setting up Three.js with WebGPU renderer - Creating custom shader materials with TSL - Writing GPU compute shaders - Building post-processing pipelines - Migrating from GLSL to TSL - Implementing visual effects (particles, water, terrain, etc.) - Three.js TSL Wiki - WebGPU Examples (files prefixed with webgpu_ )