Transform-ER

Transform-ER 是一款在 GPU 上实现稳定 60 FPS 的免网格 3D 变形实时演示工具。它完全使用手写 GLSL 着色器，基于有符号距离场（SDF）和光线步进技术构建，无需 Three.js 等外部库，也无需任何重型 3D 资产。整个项目在 Google Cloud Shell 中开发，展示了高效、移动优先的 PBR 渲染，以及由实时数学驱动的无缝结构变形。

核心功能

Transform-ER 的核心在于通过纯数学计算实现 3D 对象的平滑变形。它利用 SDF 定义物体形状，并通过光线步进在 GPU 上实时渲染，无需传统的多边形网格。这意味着变形过程没有拓扑限制，可以实现任意形状之间的连续过渡，且性能稳定在 60 FPS。

主要特性

• 免网格变形：无需 3D 模型或网格数据，完全通过数学公式定义形状，实现无限变形可能性。
• GPU 加速：所有计算在 GPU 上完成，确保 60 FPS 的流畅体验，即使移动设备也能轻松运行。
• 纯 GLSL 实现：手写着色器，无外部依赖，代码极致精简高效。
• 移动优先设计：针对移动端优化，在低功耗设备上也能保持高性能。
• 实时 PBR 渲染：集成基于物理的渲染，呈现真实光照和材质效果。

适用场景

• 创意编程与艺术：适合生成动态视觉艺术、交互式装置或音乐可视化。
• Web 演示与实验：作为高性能 WebGL 演示，展示 GPU 计算能力。
• 教育工具：用于教学 SDF、光线步进和着色器编程。
• 游戏原型：快速测试变形机制或程序化生成内容。