14 docs tagged with "Three.js"

WebGL 渲染管线概览，搭建基于原生 Three.js 与 RawShaderMaterial 的 Shader 开发环境

实战编写第一个动态色彩波浪 Shader：顶点位移、UV 配色与高度加亮，基于 RawShaderMaterial

Three.js ShaderChunk、ShaderLib、RawShaderMaterial 源码级解析，理解内置材质的 GLSL 工程化

从 WebGL 时代 onBeforeCompile 字符串黑客的痛点出发，剖析 Three.js 团队为何推 TSL 而非"直接用 WGSL"，并理解 TSL 作为语言无关中间层在 WebGPU / WebGL2 双跑、节点复用、Compute 抽象上的设计价值。

GLSL 系统化课程，从语法基础、向量矩阵、光照模型，到 Shader 实战、后期处理与 Three.js 源码级解析，基于原生 Three.js + RawShaderMaterial 深入 WebGL 渲染管线底层

深入 Three.js Camera 源码，理解 PerspectiveCamera/OrthographicCamera 矩阵推导、Frustum Culling 与多视口渲染。

深入 Three.js BufferGeometry / BufferAttribute 源码，理解 VBO 上传、Interleaved 优化与 dispose 资源释放机制。

深入 Three.js Material 基类、ShaderChunk 拼接、Program 缓存与 WebGLUniforms 同步机制源码。

深入 Three.js WebGLRenderTarget / EffectComposer 源码，理解 MRT、ping-pong 后处理、Pass 系统与深度纹理。

深入 Three.js WebGLState 源码，理解状态缓存、绑定缓存、状态栈与 reset 机制。

深入 Three.js 光照系统源码，理解光源打包、Shadow Map 渲染管线、PCF/PCF Soft/VSM 阴影算法与级联阴影。

深入 Three.js Object3D 源码，理解矩阵传播链、脏标记优化、Layers 系统与场景树遍历。

深入 Three.js Texture 源码，理解纹理参数映射、上传机制、Mipmap 策略、压缩纹理与纹理单元管理。

总结 Three.js 源码中的设计哲学、可借鉴模式与精简方向，提炼自研引擎的架构原则。