AI 摘要：介绍 WebGPU 的基础知识及使用 GPU-Curtains 库创建 3D 场景的入门教程。

本文是 WebGPU 系列教程的第一部分，旨在帮助开发者从 WebGL 过渡到现代图形 API WebGPU。文章通过构建一个包含 4 个独立场景的落地页，逐步演示如何利用 GPU-Curtains 库实现以下功能：
1. 基础网格绘制：创建随机分布的立方体和球体，调整位置以适应视口。
2. 动画与交互：添加入场动画（GSAP 时间轴）和基于滚动的场景可见性控制。
3. 着色与光照：通过自定义 WGSL 着色器实现 Lambert 光照模型，管理环境光和定向光。
4. 性能优化：禁用视锥体裁剪、复用几何体缓冲、异步设备初始化等。
作者还对比了 WebGPU 与 WebGL 的优势（如异步调用、计算着色器、多画布渲染），并详细解析了 GPU-Curtains 库的设计思想与核心
API。

OKAY DEV®

Dive Into WebGPU—Part 1 (Tutorial)

Learn WebGPU with GPU-Curtains, a lightweight library for 3D scenes. Master shading, object manipulation, and particle systems in this 4-part tutorial.