快速开始

这是什么

3D Playground 是一个在浏览器里学习实时图形学的交互式实验室，分三条路径：

• Three.js 核心：场景、相机、材质、灯光、动画、后期处理。
• WebGL 与着色器：从一个三角形理解 GPU 渲染管线，亲手写 GLSL。
• GPU 与 WebGPU 计算：并行思维、WebGPU 渲染与计算管线、GPGPU 与性能。

每一节都包含三部分：概念文章、可编辑的代码、以及右侧实时运行的效果。

三步上手

1. 从首页或左侧导航进入一条学习路径，点开任意示例。
2. 先读“概念”，再切到“代码”标签修改参数，按 ⌘/Ctrl + Enter 重新运行（默认停止输入 1 秒后会自动运行）。
3. 读完后按 C 标记完成，按 J 进入下一节。

访客与账号

不登录也能使用全部功能，数据保存在当前浏览器。注册登录后，进度、收藏、代码片段和设置会保存到云端，跨设备同步；首次登录时会自动把本机的访客数据合并进账号。