UD5工具箱
WebGPU 网格着色器演示 - 新一代渲染管线
展示 WebGPU 的网格和任务着色器如何代替传统顶点处理管线。
矢量图形与图表
共 7+ 款工具Three.js 场景在线编辑器 - 拖拽添加模型和灯光
在浏览器中构建 3D 场景，添加基本几何体、光源，导出场景代码。
WebGL 纹理加载演示 - 多种格式与过滤对比
加载不同格式的纹理，并切换纹理过滤方式，观察渲染质量和性能。
Shader 在线试验场 - 编写 GLSL 并实时渲染
编写顶点和片元着色器代码，即时在 Canvas 上查看渲染效果，学习图形编程。
WebGPU 渲染基础三角形 - 入门演示
使用 WebGPU API 绘制一个彩色三角形，展示初始化、管线、着色器和绘制循环。
WebGPU 渐变渲染性能对比 - GPU vs CPU 绘制
分别使用 WebGPU 和 Canvas 2D 绘制复杂渐变，实时对比帧率与 CPU/GPU 占用，展示硬件加速优势。
WebGPU 计算着色器演示 - 并行矩阵乘法
使用 WebGPU 编写计算着色器执行矩阵乘法，对比 CPU 性能。