企业官网建设流程全解析

1. 雪天效果为什么是2D游戏里最容易被做砸的气氛杀手

做2D游戏的人应该都有过这种体验：美术花了两周画了一张特别有氛围的场景，结果你往里面加了一个雪天粒子，整个画面瞬间从"寂静岭美学"变成"劣质屏保"。我这次在《暗冬》项目里做雪天效果，前前后后推翻了三版方案，才把那种"下雪了"的感觉真正做出来。

先说结论：2D雪天效果的难点从来不在于"让白色小点往下掉"，而在于三件容易被忽略的事——层次感、透感、和场景的交互感。这三件事做不到位，雪就是贴在屏幕上的纸屑，而不是飘在空气中的天气。

这一期DEV LOG.05就专门记录我做2D雪天效果的完整过程，从粒子系统设计、视差层级、着色器调优，到暗黑风格场景里雪天氛围的配合，全部拆开讲。如果你也在做俯视角或横版2D游戏，想在场景里加入自然的雪天效果，这篇文章可以直接当成一份踩坑参考。

先说清楚我在做什么项目背景。《暗冬》是一款俯视角2D暗黑风生存游戏，场景素材走的是低明度、高对比、手绘质感路线。这个底子决定了雪天效果不能走"清新治愈"路线，而要走"冷冽、压抑、能见度被压缩"的路线。同一套粒子参数，放在明亮卡通风格里成立，放到暗黑素材上就会显得脏、假、跳戏。所以我后面所有参数调整，都是在"暗黑类素材配合度"这个前提下做的，这一点先明确，免得你直接抄作业抄岔了。

2. 先拆解需求：2D雪天到底需要哪几个系统同时工作

在动手写任何代码之前，我先把"雪天"这个词拆成了五个需要独立实现的子系统。这一步特别重要，因为如果你脑子里的"下雪效果"只是一个粒子发射器，那后面百分之百会被各种细节追着打。

2.1 粒子层：视觉上的雪花飘落

这是最表面的一层，也是大多数人理解的"下雪"。但雪花粒子不是简单地给一个向下速度就完事。真实的雪和雨最大的区别在于：雪几乎没有固定的下落轨迹，它受风力、气流和自身重力的综合影响，会飘、会回旋、会突然斜着走一段再落下来。这部分我放在第三大节专门讲，因为参数调试的坑基本都集中在这里。

2.2 视差层：距离感与纵深感

2D场景里要建立"雪花在空中"的感觉，靠的是多个不同速度、不同大小、不同透明度的粒子层。远景的雪应该小而密、移动慢、透明度低；近景的雪应该大而疏、移动快、透明度高。这就是经典的视差滚动的天气版。如果没有分层，雪花全部一个速度往下掉，画面会表现得非常平，像是一张贴图在下滑。

2.3 场景响应层：积雪与天气的痕迹

真正让雪天效果"落地"的，是场景本身对天气的反馈。这一步在2D游戏里往往被砍掉，因为工作量大，但它是氛围感的关键。我指的是：地面有没有渐变的积雪覆盖？屋顶、树冠这些遮挡物边缘有没有雪线？角色踩过的地方要不要留下脚印或者融雪痕迹？

《暗冬》的地面是拼接瓦片地图，所以我在场景响应层上采用了一个比较取巧的方案：用一张全屏渐变的雪量遮罩，叠加在场景层之上，通过世界坐标和高度图决定不同区域的积雪程度。不是每个瓦片都画积雪版本，而是用遮罩+地形判断来模拟。这个方案不是物理精确的，但视觉表现足够，而且性能开销小——后面我会把实现思路展开说。

2.4 环境光照层：雪天的光色变化

下雪天不等于变暗。实际上，雪天因为云层对光线的漫反射，整体的环境亮度对比晴天会有一种特殊的均匀感——阴影变得柔和，高光变少，整个画面有一种"被磨砂玻璃罩住"的感觉。在暗黑风格游戏里，这个光色变化要和美术风格做一次融合，不能一刀切地调亮画面。

我的做法是加了一个环境色偏移的Lerp，根据天气强度在正常环境色和雪天色之间过渡。雪天色的参数是：色温偏冷（向蓝色方向偏移）、对比度降低、暗部提亮一点点但保持暗调氛围。

2.5 音效与辅助反馈层

视觉之外，雪天的氛围还靠听觉。这个我没有做特别复杂的处理，只做了两件事：下雪时叠加一层低通滤波的环境底噪，让人声和风声变得"闷"一些；角色移动时如果处于积雪状态，脚步声切换为踩雪音效。前者用引擎的Audio Mixer就可以搞定，后者需要和角色状态机联动，逻辑不复杂，但很提升沉浸感。

五个子系统理清楚之后，我对"雪天效果"的认知从一个"粒子特效"升级成了"一个轻量级天气系统"。接下来每一层的设计和调优，都有了明确的边界。

3. 三层雪花粒子的设计参数：从"纸屑感"到"空气感"的关键差异

这是雪天效果里最核心也最磨人的部分。我第二版方案失败就失败在这里——所有粒子混在一层里，最终效果就是屏幕上一堆白色噪点在匀速下落，毫无生气。

3.1 近景、中景、远景三层参数表

我最终采用的是三层粒子方案，每层独立发射、独立渲染、独立调参。下面这张表是调完之后的最终参数，平台是Unity的URP管线，2D渲染，粒子系统用的是Particle System组件。如果你用的是Godot或者自研引擎，参数含义一样，照抄思路即可。

这个表的逻辑是：离镜头越近的雪花，体量越大、速度越快、透明度越高、受风影响越明显。远层雪花小而密，负责铺满画面，营造"雪很大"的第一印象；近层雪花大而疏，速度很快地从镜头前划过，给玩家一种"雪在和我之间落下"的临场感。

3.2 水平摆动的正弦波实现细节

雪花和雨滴最大的物理区别在于，雪花下落时受到空气阻力的影响远大于重力，所以它的运动近似于"随风飘落"，而不是"垂直砸落"。我的实现方式是在粒子的自定义更新脚本里，给速度向量叠加一个随时间变化的正弦扰动。

具体思路是：

• 给每个粒子分配一个随机初始相位（0到2π之间），这个相位决定它进入水平摆动周期时的起点，避免所有雪花同步左右飘，看起来像整齐划一的波浪舞。
• 水平速度vx = sin(time * frequency + phase) * amplitude，其中frequency和amplitude从上面的参数表按层读取。
• 为了让飘动更自然，我在正弦波上叠加了一次Perlin噪声，让摆动幅度在短时间内有微小的不规则变化，而不是严格的周期运动。

叠加噪声之后，雪花轨迹就变得"活"了——偶尔停一下、偶尔抖一下、偶尔被一阵小风吹得斜着走两步。这个细节如果不做，三层粒子做得再好，看起来也只是一批有大小差别的纸屑在整齐地左右晃。

3.3 为什么近景雪花必须加大模糊而不是加高透明度

这是一个我从其他开发者那里学到、自己验证过好用的技巧。近景雪花因为离镜头近，在真实摄影里是对焦范围之外的，所以应该是模糊的。很多人做近景雪花时单纯把透明度调高、把粒子调大，效果却很突兀——一大片半透明的大白斑在屏幕边缘快速移动，很抢视线。

正确方向是给近景雪花叠加一个径向模糊效果。在2D粒子里，简单做法是给近景粒子使用一张边缘羽化的软圆形贴图，并且加大粒子在屏幕边缘时的模糊量。我直接给近景粒子挂了一个带模糊的材质变体，视觉上雪花从屏幕上方飘下来时，边缘是柔的，不是锋利的小圆点。这一项做完之后，整体画面的临场感提升了一个档次。

3.4 发射区域和生命周期：看不见的边界处理

还有一个细节容易踩坑：粒子发射区域的边界。俯视角2D游戏里，如果发射区域严格等于屏幕范围，雪花只会从屏幕顶端出现，到屏幕底端消失——这本身没错，但在边缘处会出现突然"生出"和"消失"的硬切感，玩家稍微注意就能看到。

解决方法是把发射区域扩大为屏幕大小的1.5倍：上方多出半个屏幕的高度，下方也多出半个屏幕的高度。这样雪花从屏幕外进入视野时，已经在飘落状态，而不是在屏幕边缘凭空生成；飘出屏幕底部后，还要多飞一段距离才回收，视觉上没有"到边缘被吞掉"的断裂感。

这个处理同时也兼容了摄像机平滑移动的情况——当视角移动时，新进入屏幕区域的雪花已经在空中了，不会出现一片空白然后渐渐被新粒子填满的"掉帧感"。

4. 着色器与渲染顺序：暗黑风格素材下的雪天融合方案

4.1 雪花的渲染层级和混合模式

2D游戏里，雪花的渲染层级是一个很容易搞出事故的地方。如果雪花渲染在场景之下，那地面不透明物体就会遮挡它，视觉上雪花只能出现在"地面以下"，显然是错的；如果雪花渲染在场景之上，那角色、NPC、建筑就全部被雪花盖住，下雪变成了"隔着毛玻璃看游戏"。

我最终采用的层级方案是这样的：

• 远景雪花：渲染在远景层和场景层之间，Sort Order为0。它需要被地形和建筑物遮挡，因为远景的雪本来就该在场景物件后面。
• 中景雪花：渲染在场景层之上、角色层之下，Sort Order为10。这样角色走在雪中时，雪花既可以被建筑遮挡（穿过建筑侧面时），又不会被角色本身挡住——角色是从雪中走出来的，而不是站在雪花后面。
• 近景雪花：渲染在UI层之下、所有游戏对象之上，Sort Order为20。它就是要从角色面前掠过，故意制造"镜头前有东西飞过"的距离感。

关于混合模式，我用的是Additive混合，也就是加法混合，颜色叠加后整体变亮，非常适合雪花这种自发光感不强的半透明物体。但要注意：在暗黑风格素材中，Additive混合如果粒子颜色是纯白，会在暗色场景里产生明显的"发光感"，像荧光雪，反而出戏。

我的调节方式是：把雪花粒子的主色从纯白（255, 255, 255）调整为一个偏冷的灰白色（200, 215, 230），同时把粒子贴图的Alpha曲线做成边缘羽化而非硬边。暗黑场景本身明度低，灰白色雪花既有"雪"的辨识度，又不会因为过亮而跳出场景的明暗系统。

4.2 地面积雪遮罩：用置灰Lerp代替逐瓦片重绘

接下来是场景响应层里最重要的一块——积雪遮罩。我的具体实现分成三步：

1. 准备一张全屏后处理材质，输入是场景的渲染纹理（RenderTexture）和一张高度/权重图（Weight Map）。高度图用来判断哪些区域更容易积雪（比如屋顶、地面、树干顶部），需要美术在场景制作时额外标注一张灰度图，白色代表"容易积雪"，黑色代表"不积雪"。

2. 在后处理Shader里，对场景像素进行采样，根据权重图的值在"原始颜色"和"积雪颜色"之间做Lerp。积雪颜色我设为（235, 238, 245），并额外叠加一层细小的噪声扰动，让积雪边缘不至于太规则，看起来像被风刮过的自然雪线。

3. 为了让积雪有"逐渐累积"的动态过程，而不是瞬间铺满，我把Lerp系数做成一个随时间增长的全局变量。雪下得越久，积雪覆盖比例越高。我设定的完整积雪时间是120秒，从完全无雪到积雪饱和度拉满，这个过程在暗黑类素材上表现非常自然。

这套方案的关键在于权重图的制作。如果不想额外画图，也可以程序化生成：拿场景的地形高度数据和障碍物分布，在初始化时算出一张粗略的权重图。但我的经验是，程序生成的效果终究不如美术手动标注来得准确，因为美术知道哪些地方雪应该积起来才好看。

4.3 暗黑类素材的明度匹配问题

这里专门聊聊暗黑风格素材和雪天效果配合时的坑。暗黑类素材的特点是：大面积深色、高对比、纹理细节丰富但明度整体偏低。在这种素材上叠加白色的粒子和积雪，最大的视觉矛盾是"白"会非常刺眼，破坏暗色的整体氛围。

我的处理思路是"降白保冷"：所有积雪相关的白色，都往冷色方向偏移，同时降低纯度。具体数值上，我用了Hue偏移+8度（往蓝方向），Saturation降到15%左右，Value/Lightness控制在85%左右。经过这样的处理，雪在画面上看起来是"暗夜里的冷光"，而不是"一张白纸贴在脸上"。

另外一点：暗黑类素材的轮廓光通常很强，如果你把雪花粒子放在这种轮廓光区域，粒子会被高光"吃掉"，变得几乎不可见。我在场景里手动标注了几个强光源区域，给粒子系统加了遮挡剔除逻辑：当粒子进入高光区域时，自动把粒子透明度降到正常值的40%以下，离开区域后恢复。这样不会出现"人物站在月光下，雪却不见了"的怪异感。

5. 性能调优：2D粒子系统在低端机上的实战策略

雪天效果做出来好看没有用，得跑得动才算数。我测试的最低配设备是2019年的千元级安卓手机，在1920x1080分辨率下，粒子系统如果不开任何优化，帧率会掉到20帧以下。这一节把优化过程完整列出来。

5.1 颗粒数预算和分层统计

先给粒子数量定一个硬性预算：全屏同时存活的粒子数不超过800个。这个数字是我在目标设备上反复测试出来的一个平衡点：800个以下，帧率在45-60之间波动；800个以上，帧率开始明显下跌；1000个以上直接掉到30帧附近。

在800个预算里，我重新分配了三层数量：远景500、中景250、近景50。你没有看错，我把近景从60砍到了50。原因很简单：近景粒子尽管数量少，但因为个体大、透明度高、带有模糊材质，它的填充率开销比远景一枚小粒子多得多。所以在预算紧张时，砍近景数量是性价比最高的选择，视觉影响也不明显。

5.2 粒子池化与GC控制

Unity的Particle System在粒子生命周期结束时会回收对象，但如果频繁创建和销毁粒子对象，会产生大量的GC Alloc，在手机上表现为周期性卡顿。解决方式是从项目一开始就建立一个全局的粒子池：预先创建好所有粒子系统实例，需要时激活，不需要时禁用，而不是Instantiate和Destroy。

我给的粒子池设计：

• 池大小：三层各预留最大数量2倍的实例，也就是远景1000、中景500、近景100，避免极端天气时粒子数突增导致池不够用。
• 激活策略：从池中取实例时，重置它的startLifetime、startSize、startRotation、velocity等参数，避免上次运行的残留数据污染新发射。
• 回收策略：粒子系统的main模块里打开stopAction为Disable，这样粒子播放完自动失活；池管理器订阅失活事件，把实例重新放入可用列表。

这套池化方案跑下来，GC Alloc从原来的每帧平均3.2KB降到了接近0，周期性卡顿也随之消失。

5.3 遮挡剔除与区域级联

俯视角游戏虽然不像3D那样有严格的遮挡关系，但大量的粒子在屏幕外渲染依然是对GPU的浪费。我做了两重剔除：

第一重是屏幕包围盒剔除，这个Unity自带，打开粒子的Culling模式即可。注意一定要把发射器模拟空间设置为World，否则粒子就算飞出屏幕，只要发射器在屏幕内，系统依然会模拟和渲染它，产生不必要的开销。

第二重是区域级联剔除，这是针对性能的逻辑优化。我的地图分成了多个区块，每个区块有一个天气影响系数。玩家在A区块时，B区块的粒子系统直接暂停模拟，只有玩家所在区块及相邻区块的粒子系统在运行。这种方法在需要"全地图下雪"的氛围需求下反而更实用——你可以用这种方法提升局部密度而不影响整体预算，因为只有玩家周围的雪是"真实落下的"，远处的雪可以用远景层的静态雪花贴图兜底。

5.4 渲染纹理尺度优化

除了粒子本身，积雪后处理遮罩也是一个性能消耗点。全屏后处理如果在全分辨率下采样，普通手机的压力不小。我把积雪后处理的RenderTexture分辨率设为了屏幕分辨率的1/4，然后用双线性过滤放大回全屏。积雪效果本身就是大面积渐变，对分辨率不敏感，降采样后视觉差异几乎不可感知，但性能开销直接从全屏后处理的1.0降到了0.16左右。

6. 实测过程中翻过车的三个具体问题

调参这种事，理论再完备也要上机跑。下面三个问题是我在实测中真实遇到的，每一个都花了我不少时间排查，列出来给你省时间。

6.1 雪花在角色头顶"穿模"

我在第一版用中景层粒子时，发现一个尴尬现象：雪花从角色头顶飘过时，会从帽子和头发中间穿过，看起来像雪是假的，没有体积概念。这个问题本质上是因为中景层雪花在角色层之下渲染，但它和角色之间没有深度关系。

我的解决方案是给角色增加一个"头顶遮挡体积"的碰撞判断。具体是用角色碰撞体的上表面画一条传感器，检测到有粒子进入时，将粒子的渲染层级临时提升到角色之上。听起来复杂，实现起来其实只有几十行代码：在粒子脚本里检测与角色碰撞体相交的粒子，把它们单独加入一个"前景粒子列表"，用另一个Sort Order渲染。

效果非常明显——雪花飘到角色头顶上方时会自然地从帽子前沿"滑落"，经过脸前时是在角色层之上的，看起来就像真的从身体前面飘过，而不是穿过角色身体。

6.2 远景层积雪权重在特殊地形上表现错误

我第一次做积雪遮罩时，权重图用的是简单的灰度标注，结果在山洞入口处翻了车。山洞内壁被标成了高权重，雪直接积在了室内墙壁上，看着特别违和。问题是权重图没有考虑到"头顶是否有遮挡"这个因素——室内不应该积雪，即使它同样被标注为"容易积"。

修正方案是引入一张光照探针图（Light Probe Map），把场景内的光照明暗和遮挡信息存进去。积雪权重 = 美术标注权重 × 光照探针的暴露度。室内因为光照极低，暴露度接近0，积雪权重被自动压到接近0；露天区域光照充足，暴露度接近1，积雪权重保持原样。这个修正只增加了两个通道的乘算，效果却非常自然。

6.3 近景雪花透明度抖动

一个让我调了大半天的细节：近景雪花的透明度会随机抖动，有时突然变透明，像是闪烁。排查之后发现是Shader里_AlphaCutoff被粒子系统的SizeOverLifetime模块间接影响了——粒子在变大的过程中，UV采样位置变化，导致Alpha贴图边缘的透明区域被放大，形成闪烁。

解决方式是把粒子贴图的Alpha通道改为纯白，把透明信息全部交给粒子系统本身的ColorOverLifetime曲线控制，而不是依赖贴图本身的Alpha边缘。雪花贴图只需要画一个带羽化的圆形灰度图，Alpha统一由引擎生成。这样近景雪花在放大和缩小的过程中，透明度完全由曲线控制，抖动问题彻底消失。

7. 暗黑类素材的游戏里，雪天还应该配合哪些环境细节

最后聊一个偏设计向的话题。雪天效果在暗黑类素材游戏里，其实是一个"氛围放大器"，它放大的不只是"冷"，还有"危险感"和"孤立感"。如果你也在做暗黑风格2D游戏，下面这几个环境细节是我觉得值得一起做的。

7.1 角色状态联动：雪天影响移动与战斗

下雪天不只是视觉事件，还应该影响玩法。我在《暗冬》里做了两个联动：雪天时角色移动速度降低5%，翻滚距离缩短10%；火属性伤害在雪天降低15%，冰属性伤害提升10%。这些数值不大，但玩家能明确感受到"天气是有规则的系统"，而不只是背景板。

7.2 生物行为变化：视野与警觉性

暗黑类游戏里怪物和NPC的行为，在雪天也可以做差异化处理。我给怪物加了一个"恶劣天气状态"逻辑：雪天时它们的视野范围缩短20%，听觉距离保持不变，但玩家在积雪上移动时发出的脚步声半径扩大30%。这样就产生了有趣的策略平衡——怪物看不到你，但它们听到你的概率更高，玩家需要在"靠近"和"潜行"之间做选择。

7.3 音效的低通滤波与高频衰减

音效方面，雪天和雨天的处理一定要区分开。雨天是高频噪声多，雪天则应该把环境底噪做成低频的"闷响"感。我做了两步处理：一个低通滤波器把环境音中2kHz以上的频率衰减掉，模拟雪的吸声效果；再叠加一层细微的"雪落"音效——用白噪声经过一个低频随机调制，音量控制在-40dB左右，作为底噪存在。

做完这一步再进游戏体验，氛围感才算是真正闭环了：画面上的冷、动作上的慢、听觉上的闷，三者共同构成"下雪天"的完整体验。只看画面的话，总觉得少了点什么，但把这一层加上去之后，整个暗黑雪天的沉浸感完全不一样。

雪天效果做到这里，我自认为已经达到了这一版DEMO的目标：视觉上分层、行为上有反馈、性能上不掉链子。下一期DEV LOG计划把天气系统的昼夜循环加进去，让雪天可以在傍晚和深夜呈现完全不同的两种氛围。如果你也在做类似的2D天气系统，欢迎交流你们在暗黑素材配合上的处理思路。