Three.js
本示例演示了如何从GPU存储缓冲区（StorageBuffer）中获取和操作外部元素数据。
该技术常用于GPU计算着色器和渲染着色器之间的数据交换。

技术特点：
• 左侧画布使用WebGPU后端（现代GPU API）
• 右侧画布使用WebGL后端（传统GPU API）
• 展示四种GLSL数据类型（float, vec2, vec3, vec4）的缓冲区操作
• 实时显示计算和渲染性能指标
• 使用Three.js着色器语言（TSL）编写GPU着色器

视觉说明：
• 颜色条带表示存储缓冲区中的数据
• 红色：float类型数据
• 绿色：vec2类型数据
• 蓝色：vec3类型数据
• 灰色：vec4类型数据
• 每1秒钟执行一次缓冲区数据反转操作