在游戏开发与实时渲染领域，精灵（Sprite）的广告牌（Billboard）技术长期扮演着重要角色——它能让二维纹理始终面向摄像机，模拟出三维立体感，广泛用于粒子特效、树木、UI指示标记等场景。然而，传统的广告牌Shader往往让精灵无条件旋转全部轴，导致在特定视角下出现扭曲或透视失真。近日，一位来自独立游戏社区的图形开发者发布了一套基于Shader Graph的进阶方案，通过冻结X轴和Z轴旋转，实现了更稳定、更可控的精灵广告牌效果，为Unity引擎开发者带来了新的优化思路。
传统广告牌的痛点
标准广告牌Shader通常将精灵的变换矩阵与摄像机的视角矩阵相乘，使得精灵始终对着镜头。这种方式在大多数情况下表现良好，但一旦摄像机产生俯仰（Pitch）或翻滚（Roll）角度，精灵的X轴（左右倾斜）和Z轴（前后翻滚）旋转会被激活，导致平面纹理发生非预期的扭曲——例如，树木广告牌在视角从上往下看时可能“躺倒”，UI标记则会因旋转而失去可读性。对于要求精准朝向、同时保持垂直稳定性的场景（如血条、地图标记、角色头顶文字），这种全轴旋转往往成为视觉缺陷的源头。
冻结X和Z：原理与实现
新方案的核心在于：仅允许准星式广告牌绕Y轴（垂直轴）旋转，而锁定X和Z轴的自由度。这意味着无论摄像机如何移动，精灵只会水平旋转面对摄像机，但始终保持垂直于世界坐标Y轴的姿态，像一扇永远“立着”的转门。
在Unity的Shader Graph中，实现这一效果的流程如下：
- 获取摄像机方向：使用
Camera Direction节点或View Direction节点，获取从精灵位置指向摄像机的向量。 - 提取Y轴分量：将方向向量的X和Z分量置零，仅保留Y分量，同时归一化处理，得到垂直方向。
- 构建旋转矩阵：利用提取的向量和世界向上的参考向量，通过
Transform节点计算绕Y轴的旋转四元数。具体需要将摄像机方向投影到水平面（XZ平面），然后计算该投影向量与模型前方向量之间的旋转角度。 - 冻结非Y轴：在旋转矩阵的构建中，强制忽略X和Z轴的旋转输入，或通过
Vector3 Rotate节点只对模型顶点的XZ坐标应用旋转，Y坐标保持不变。
最终，所有顶点在局部空间中只绕Y轴旋转，而X和Z轴永远锁定为0度。这样，精灵无论从上、下、左、右哪个方向观察，都保持垂直站立，同时水平指向摄像机。
实际应用场景与优势
这项技术的适用场景非常广泛。首先，角色头顶的对话气泡或血条不再会因摄像机俯仰而歪斜，始终保持正向可读。其次，粒子系统中的每个粒子如果使用此Shader，可以避免因粒子缩放或旋转导致的“纸片”崩溃感——即使摄像机旋转90度，粒子依然垂直。第三，2D游戏中的UI装饰元素（如3D场景中漂浮的2D标志）将更加稳定，不会破坏沉浸感。
一位参与测试的独立开发者表示：“以前为了修复广告牌精灵的扭曲，不得不在代码中手动计算旋转角度，或者使用多层父级对象进行补偿。现在只要拖一个Shader Graph资产，就能完美解决，性能开销也几乎没有增加。”
兼容性与扩展性
该方案基于Shader Graph编写，完全兼容URP（通用渲染管线）和HDRP（高清渲染管线）。开发者只需新建一个Unlit Shader Graph，按照上述逻辑连接节点，并暴露一个MainTexture输入即可。此外，还可以通过添加参数让用户选择是否冻结X/Z轴，或仅冻结其中某一个轴，以应对更特殊的视角需求。
结语
冻结X、Z轴旋转的精灵广告牌Shader Graph，看似是对经典技术的一次微小修正，实则解决了长期困扰开发者的视觉一致性问题。它让二维元素在三维空间中保持“站姿”，同时不失对摄像头的跟随感。随着Unity社区对这类细节优化方案的重视，未来我们有望看到更多类似“微创新”被集成到引擎的标准库中，让开发者能更专注于游戏玩法本身。
目前，该Shader图已上传至GitHub和Unity Asset Store（免费），感兴趣的开发者可前往搜索“Sprite Billboard Locked Axes”获取完整工程文件。在追求画面品质的道路上，每一处锁定，都是对用户体验的精心保护。