WebGL 解决什么问题
品牌体验需要「感受」：空间感、材质感、运动感。WebGL 可以创造普通页面给不了的沉浸感，让访客通过视觉记住品牌气质。
但它不能解决内容问题：页面没有可信信息，3D 再炫也是空的。
值得用的场景
产品本身就是三维的（硬件、空间、数据可视化）、品牌叙事依赖空间想象（建筑、旅行、科技）、或者需要把抽象概念具象化。
这些场景里，WebGL 不是装饰，而是表达本身。
- 产品可视化：展示真实产品与交互
- 空间叙事：建筑、城市、场景探索
- 数据沉浸：把复杂数据变成可感知的空间
不值得用的场景
信息型页面、内容密集的 SaaS 产品、移动端弱网场景，都不适合用重型 3D。移动端尤其要克制，一帧掉到 20fps，体验就是负分。
先问自己：去掉 3D，品牌的表达还成立吗？如果成立，3D 可能就是多余的。
落地的工程要点
渐进增强：低端设备自动降级为静态视觉。性能预算：首屏可交互时间严格限制。可访问性：给 3D 内容提供文字替代。
WebGL 的终局不是炫技，而是让品牌被记住。
给 3D 一个理由
做 3D 之前，先写一句话回答「为什么这个品牌体验需要空间感」。写不出来，就用一张高质量图片替代。
能写出来，就把它变成性能预算和交互设计的前提：3D 服务于表达，表达服务于记忆。
性能预算怎么定
给 3D 场景定一个可量化的预算：首屏加载体积不超过 2MB、低端设备帧率不低于 30fps、可交互时间不超过 3 秒。
超出预算的部分要舍得砍：换更轻的模型、降纹理精度、按需加载场景。
性能预算写在项目启动时，而不是上线前，才能避免「炫酷优先、性能事后补」的翻车。
3D 与内容的协作
3D 场景里也可以承载内容：把关键信息做成空间里的标签、把数据变化做成动态叙事、把用户选择做成场景分支。
内容与 3D 的协作原则是「先有信息层级，再做空间表达」，不要让用户为了看一句话在三维空间里迷路。
当 3D 让信息更容易理解时，它才真正完成了和内容的协作。