★ FEATURED ARTICLE 做场景的时候天空盒SkyBox大概是最容易被当成“背景图”糊弄过去的一环。很多人接手项目第一件事就是把一张天空图往里一拖看着顺眼就收工等到美术跑来说“远处那排树是灰的”、策划说“镜头转到某个角度天上有一条明显的接缝”、或者测试机上面一切正常而打包出来的版本里天空直接变成一片死粉才发现这东西牵出来的其实是一整条环境光照链路。我在几个不同体量的渲染项目里反复折腾过 Unity 天空盒这件事从早期六面贴图手动拼到后来直接丢全景图踩过的坑基本集中在三个地方贴图规格没对、光照联动没配、打包之后资源没跟着走。这篇就把 Unity 天空盒 SkyBox 的简单使用彻头彻尾讲一遍但不会停留在“打开 Lighting 面板点一下 Skybox”这种程度。我会从它到底是个什么东西讲起把六面立方体贴图的组织方式、材质 Shader 的选择、贴图导入参数、环境光与反射探针的联动、以及不同平台上的性能取舍都捋顺最后给一份我自己常用的排错速查表。适合刚接触 Unity 渲染的新手按图索骥也适合做了一段时间但一直把它当“换个背景”的老手看看有没有漏掉环节。全程以真实项目中“能跑起来、不掉帧、打包不出事”为标准不讲玄学。1. 天空盒到底是什么材质原理与项目定位1.1 六面立方体贴图的工作机制先把概念钉死。Unity 里的天空盒本质上是一个以相机为中心、恒定距离的立方体六个面分别贴上前后左右上下六张图渲染时这个立方体会跟着相机走永远包住视点。很多人第一次听到“立方体”会以为它是一个巨大的球其实不是它是一个被渲染在远裁剪面附近的盒子你走多远它跟多远所以永远不会“撞到”。理解这一点非常关键因为它直接解释了两件事第一天空盒不参与物理碰撞别想着拿它做物理边界第二它的缩放是无效的你在场景里把天空盒对象放大一百倍画面不会有任何变化。六面贴图的命名和朝向是新手最容易栽的第一个跟头。Unity 默认的六面贴图格式按Front前、Back后、Left左、Right右、Up上、Down下排列而不同素材站下载的图命名习惯五花八门有的用 px/nx/py/ny/pz/nz有的用 east/west/north/south有的干脆给你一张横条。方向贴反了表现出来的现象很诡异天空看起来是“对”的但太阳从西边出来了或者地平线歪了 90 度。我一般的判断方法是把相机转向一个有明显地标的方向比如一座远山、一栋建筑然后核对它在世界坐标里的方位角和天空盒里对应贴图的位置是否一致。这一招比对着命名表逐个核对快得多。还有一个隐藏细节立方体贴图的六个面并不要求严格尺寸一致但强烈建议统一为正方形同尺寸因为 Unity 在导入为 Cube 类型时会自动做边缘缝合处理尺寸不一致会导致接缝处出现细微的色差带。1.2 它在渲染管线里扮演的角色天空盒在 Unity 里承担了三个职责绝大多数人只知道第一个。第一个是视觉背景这也是最直观的。相机组件的 Clear Flags 设为 Skybox 时每次清屏会用天空盒填充这是最常规的用法。第二个是环境光源。Lighting 面板里的 Environment Lighting Source 选 Skybox 后Unity 会从天空盒烘焙出一张环境光探针Ambient Probe把天空整体的亮度和色调摊到场景物体上。这就是为什么你把白天的天空换成黄昏的橙色天空整个场景的物体都跟着变暖了。这一步是隐式的很多人调了半天材质觉得“说不出的怪”其实是环境光在捣乱。第三个是反射源。Environment Reflections 的 Source 同样可以指定为 Skybox这样场景里的金属、光滑地面会反射出天空的颜色。做室外场景如果没有反射探针天空盒就是唯一的反射信息来源金属球放在空地上反射出来的东西好不好看八成取决于天空盒。这三个职责叠在一起就解释了为什么换天空盒会“牵一发动全身”。我在项目里定过一个规矩换天空盒必须同时走一遍环境光和反射的确认流程不允许只拖图不看效果。1.3 什么时候该用天空盒什么时候别用天空盒不是万能的。有些场景我明确不建议用它。纯室内场景、走廊、密闭空间这类场景里根本看不到天空但很多模板会把天空盒留着结果环境光全来自一张室外天空图室内的金属扶手反射出蓝天白云穿帮得很明显。这种场景应该把 Environment Lighting Source 改成 Gradient 或 Color反射源改成 Custom 配一个反射探针。我在一个地下通道的场景里就吃过这个亏地面湿滑反射出晴空第一版被打回来重做。需要极简风格的 UI 展示、产品展示类项目天空盒反而会干扰视线。这类项目我一般用纯色清屏Clear Flags 设为 Solid Color或者一个简单渐变控制感更强。真正适合天空盒的是开放场景户外地形、飞行、驾驶、建筑外景漫游。这些场景里天空占据大面积视野同时需要环境光和反射的合理性天空盒一套搞定性价比最高。2. 素材选型与规格处理贴图从哪来、怎么改2.1 六面图与全景图选哪条路目前主流素材分两类用起来差别很大。**六面图6 Sided**是六张正方形图对应立方体的六个面。优点是质量可控、每一面可以单独修缺点是对齐要求高、素材相对难找、文件多。适合需要精确控制某个方向画面的项目比如做电影化镜头要求“镜头朝向偏 15 度的时候能看到那朵云的形状”。**全景图Panoramic / Equirectangular**是一张宽高比 2:1 的等距柱状投影图一张图包住整个球面。优点是素材极其丰富、一张图搞定、方向调整靠 Rotation 参数即可缺点是在两极天顶和天底附近会有明显的拉伸和像素浪费且贴近天顶的部分细节会被压扁。绝大多数项目我会首选全景图理由很简单换来换去的成本低。还有一类HDR 全景.hdr 或 .exr 格式这类图保留了高动态范围信息太阳亮度可能远高于 1配合 Skybox/Panoramic 材质能做出真实的曝光感。如果项目里用了后处理的 BloomHDR 天空盒会让太阳周围自然溢出光晕这是 LDR 图做不到的。代价是文件体积大、显存占用高移动端要谨慎。选型建议我给一张表素材类型适用场景优势代价六面图需要精确控制方向/单面修图质量可控、兼容性最好对齐麻烦、素材少全景图 LDR多数常规项目一张图、切换快两极拉伸、无高光信息全景图 HDR有后处理、需要真实曝光太阳可溢出、光照真实体积大、显存高2.2 贴图导入参数这几个勾必须手动改素材拖进工程之后Inspector 里的导入设置决定了后面 80% 的奇怪问题。默认参数是给普通 2D 贴图准备的直接用会出事。Texture Shape这一项必须改。六面图要选 Cube全景图保持 2D 但用 Skybox/Panoramic 材质时会自动按经纬度展开。选 Cube 之后会出现 Mapping 下拉Auto 会自动根据文件名推断六个面的朝向6 Sided Cross 则需要你在一张十字排布的图上手动指定每个格子对应哪一面。我一般把 Mapping 设为 Auto 先试如果发现方向错乱再改 6 Sided Cross 手动指定比逐张图改名快。Fixup Edge Seams这个勾选框只要做六面立方体就一定要打开。它的作用是对边缘像素做羽化混合抹掉接缝处那条亮线或暗线。不开的话在某些角度、某些显卡上会出现非常明显的一条竖线我见过最夸张的一次是天空出现“田”字形的分割线排查半天才发现是这个勾没打。Max Size决定贴图分辨率上限。桌面端天空盒 2048 足够4K 也只在高分辨率屏幕加宽视角下才有肉眼差异移动端建议 512 到 1024因为天空盒是全屏绘制的分辨率翻倍带来的带宽消耗很可观。我做移动项目的时候会专门准备一套 1024 的降级贴图打包时替换掉省下来的显存拿去堆角色贴图更划算。sRGB (Color Texture)保持勾选天空盒是颜色贴图取消勾选会导致整体发灰偏暗是个典型的新手事故。Generate Mip Maps这一项有点反直觉。理论上天空盒渲染在远裁剪面附近用到的是最小的一级 mip开 mipmap 能减少采样噪点、避免远处闪烁。但如果你发现天空“糊得像打了马赛克”把 Mip Maps 关掉往往能立刻变清晰——原因是部分平台的最小球面采样偏差导致取了过小的 mip。我的经验是桌面端开着移动端先开着测如果出现明显模糊再关。提示改完导入参数后如果场景里的天空没变化八成是材质缓存没刷新。点一下材质的 Shader 下拉框再点回原值或者干脆重新赋一次材质比重启编辑器快。2.3 从全景图转六面图的操作路径有些老项目要求必须是六面贴图比如某些自定义 Shader 只吃 Cube 类型这时候就需要转换。我常用的路径是把全景图导入为 Texture Shape CubeMapping 选Cylindrical或Latitude-Longitude LayoutUnity 在导入时会自动把等距柱状投影切成六面。这里有个坑Convolution Type这一项要选对。默认的 None 表示直接切图如果选 Specular 或 DiffuseUnity 会额外生成用于反射和辐照度的卷积版本工程体积会明显变大但如果你打算把这张 Cube 直接拿去做光滑材质的反射选 Specular 会让反射效果柔和很多不会出现锐利得不像话的镜像。另一个坑是转换后的图不能再次导入为 Cube 再切反复横跳会导致精度损失天空出现色块断层。要改就回到原始全景图重新转。3. 落地实操三种创建天空盒的完整流程3.1 最快的一条路Lighting 面板直接生成零基础起步我建议走这条线先看到效果建立信心。场景里新建空物体或者直接用现成的场景打开Window Rendering Lighting老版本叫 Lighting Settings在 Environment 标签页的第一行就是 Skybox Material 槽位空的。点右边的圆形小按钮会弹出一个资源选择窗口切到 Default Resources 标签选Default-Skybox场景天空立刻变成默认的蓝灰色渐变。这一步只花十秒钟但它验证了相机清屏设置、渲染管线、光照设置都是通的。接着可以用Default-Skybox的材质做一份拷贝CtrlD改个名字叫 Sky_Day然后在这个材质上替换贴图。拷贝而不是直接改默认资源是我一直坚持的习惯——默认资源被改动之后其他所有使用它的场景都会跟着变而且在版本管理里改默认资源很容易和别人冲突。这条路径的优势是快劣势是它修改的是场景级别的 Lighting Settings如果你的项目里有多套光照配置白天/黄昏/夜晚场景级的设置会互相打架需要用到 Lighting Settings Asset 才能分套管理。分套这件事我在中大型项目里是必做的具体做法是 Assets 里右键 Create Rendering Lighting Settings为每套氛围建一个资产然后在不同场景里指定不同的资产。3.2 手搓材质完全可控的那条路想完全掌控就自己建材质。在 Assets 里右键Create Material命名为 M_Sky_Day然后在 Inspector 顶部的 Shader 下拉里选Skybox 6 Sided或者Skybox Panoramic。这里的选择要和你的贴图类型对应选错了会出现“材质上没有贴图槽”的尴尬——比如选了 6 Sided 却只有一张全景图你会发现六个槽位不知道塞什么。Skybox/6 Sided 的完整参数清单Tint整体色调默认灰白。往暖色调偏一点能让天空不那么“数码味”。Exposure曝光1 是标准调到 1.3 左右天空会明显变亮超过 2 就会过曝成一片白。Rotation绕 Y 轴旋转范围 0 到 360。换方向的唯一正确姿势不要靠旋转场景里的物体。Front / Back / Left / Right / Up / Down六张贴图槽位。Sun可以挂一个方向光让天空盒默认 Shader 内部对太阳位置做处理这个能力比较有限实际项目中我基本不用太阳位置还是交给平行光自己管。Skybox/Panoramic 的参数Spherical (HDR)贴图槽位接受 2D 纹理。MappingLatitude Longitude Layout经纬度展开最常用或 6 Sided如果你给的是十字排布图。Image TypeTexture 或 Cubemap正常选 Texture。Mirror on Back背面的镜像一般不用管。Tint / Exposure / Rotation含义同上。材质做好之后回到 Lighting 面板把 M_Sky_Day 拖进 Skybox Material 槽位。这时候注意面板下面的Environment Lighting和Environment Reflections两个分组它们默认会跟随天空盒如果场景物体颜色突然整体变化就是它们在起作用不是材质本身的问题。3.3 全局设置和单相机设置别搞混天空盒可以设置在两个层级这一点经常被忽略。场景级全局Lighting 面板里的 Skybox Material影响整个场景的环境光和默认反射。一个场景只有一个。相机级相机组件的 Clear Flags 设为 Skybox 时会使用场景级的天空盒如果设成 Solid Color就没有天空盒只有一个纯色背景。另外相机上并没有直接的“天空盒材质”槽位但可以通过给相机挂一个带 Skybox 组件的脚本组件Camera 上 Add Component Skybox选择材质来覆盖场景级设置。多相机场景比如分了主相机和 UI 相机、或者做了画中画里这个区别很要命。UI 相机的 Clear Flags 一般设成 Depth Only让它叠在主相机画面上如果误设成 Skybox你会看到 UI 层下面多出一个完整的天空而且因为深度清理的关系整个画面会闪烁。还有一个实际项目里常遇到的问题某个相机需要独立的天空氛围比如一个监控屏幕的视角需要夜视效果这时候给那个相机单独挂 Skybox 组件并指定另一份材质就够用了不需要复制整个场景。4. 效果调试与参数微调4.1 Exposure 和 Tint两个最容易翻车的旋钮Exposure 这个参数看起来人畜无害实际上和环境光强度是联动的。你把 Exposure 从 1 调到 1.5天空变亮了但同时 Unity 烘焙环境光探针时用的是一张亮了很多的图场景物体的整体亮度也会跟着涨。于是就出现了那种情况天空看起来刚刚好物体却白得像曝光过度。我的处理顺序是先定天空的 Exposure再回头调整 Environment Lighting 里的 Ambient Intensity 把物体亮度拉回来两个参数一前一后配合比同时乱调效率高。Tint 的坑更隐蔽。默认的灰白色约 0.5 的灰其实已经让天空比原图暗了一档很多人换了贴图之后觉得“怎么不如原图鲜艳”把 Tint 改成纯白1,1,1立刻就对上了。反过来说如果你想把一套贴图复用到夜晚场景把 Tint 往深蓝方向压比重新做一套夜景贴图省事得多。我在一个只差氛围切换的项目里就用了这招两套氛围共用一个天空盒只靠 Tint 和 Exposure 区分工程体积省了一大截。注意Tint 的调整会同时影响环境光的色调。把 Tint 调成蓝色整个场景的物体都会偏冷雾效如果用了 Skybox 颜色作为雾色雾也会跟着变蓝。这个联动有时是好事氛围统一有时是灾难该暖的地方也冷了。4.2 环境光与反射探针的联动细节Lighting 面板里的Environment Lighting分三档Skybox从天空盒烘焙环境光最常用。Gradient天、地平线、地面三个颜色手动指定控制感强室内和风格化项目首选。Color单一环境色最省也最假。选 Skybox 时会看到一个Ambient Intensity滑块默认 1。这个值我一般不会超过 1.2超了之后环境光会压过方向光物体表面上光影的对比度被抹平看起来“没体积感”。如果觉得太暗先检查是不是方向光的强度不够而不是无脑拉环境光。Environment Reflections里 Source 选 Skybox 时Resolution决定反射贴图的分辨率Intensity Multiplier决定反射强度。这里有个性能陷阱Resolution 设成 1024 或者更高在移动端会占用相当可观的显存而且每次切换天空盒都要重新烘焙。我的做法是桌面端 256 到 512移动端 128视觉差异在大多数场景里根本看不出来因为反射内容本身是模糊的。如果你场景里有明确的反射需求水面、玻璃幕墙、金属地面只靠天空盒反射是不够的需要在场景里布置Reflection Probe反射探针并把它设为 Realtime 或者 Baked。注意 Realtime 反射探针的开销很大一个场景里超过两三个就要考虑合并或者改 Baked。4.3 和雾效、后处理的配合天空盒和雾效的关系是“看起来对”与“看起来假”的分水岭。RenderSettings 里雾效的颜色如果随便挑一个远处的物体被雾吃掉之后会变成一块突兀的色块和天空接不上。正确的做法是让雾色取自天空盒地平线附近的颜色。手动取色的方法是在 Photoshop 或者任意取色工具里吸一下全景图地平线区域的像素值填进雾色更省事的做法是在代码里从天空盒贴图采样但那个实现成本略高项目里我一般用前一种一次配好就不动了。后处理这边如果项目启用了 BloomHDR 天空盒的太阳会被自动识别为高亮区域并溢出光晕。这时候要留意 Bloom 的 Threshold 参数设太低会导致整片天空都微微发光画面像蒙了一层油。我一般把 Threshold 定在 1.0 附近让只有真正超过 1 的像素太阳产生辉光。如果天空盒是 LDR 的太阳亮度上限就是 1Bloom 基本不会触发那就要么换 HDR 图要么给太阳单独做一个发光粒子看项目需要。另外 Color Grading 里的曝光调整会影响天空盒这和控制 Exposure 参数是两回事一个是整幅画面的色调映射一个是天空盒材质自身。两者叠加时我建议只调其中一个否则很难排查。5. 常见问题排查实录5.1 天空盒糊了、有缝了、被拉长了这三个是最常见的视觉问题我把触发条件和处理方式整理成表现象可能原因处理方式整体模糊、像打了马赛克Max Size 太小 / Mipmap 取了过小级别提高 Max Size 到 2048尝试关闭 Mip Maps六面交界处有明显亮线或暗线未勾选 Fixup Edge Seams / 各面尺寸不一致勾上 Fixup Edge Seams统一六面尺寸天顶方向被严重拉伸全景图两极投影固有缺陷换六面图或把相机主视角避开天顶地平线歪斜Rotation 参数不对 / 贴图本身地平线不平调 Rotation或在图像工具里先校正原图天空整体偏暗发灰sRGB 未勾选 / Tint 偏暗勾选 sRGBTint 调至纯白打包后天空变粉红Shader 未被打包 / 材质丢失见 5.3其中“天空变糊”这一项我要多说两句因为我在这上面浪费过整整半天。那次的现象是编辑器里清晰打包到目标设备上模糊一开始怀疑是压缩格式问题把压缩关掉、Max Size 拉到 4096 都没用。最后发现是目标设备用了较低质量的 mip 采样策略把 Mip Maps 关掉就解决了。所以排查顺序应该是先关 Mipmap 验证如果确实是这个原因再决定是为该平台单独出一套贴图还是接受关闭 mipmap 带来的轻微闪烁。5.2 性能开销全屏绘制的账要算清楚天空盒是每帧全屏绘制的这句话意味着它的成本正比于屏幕像素数而不是物体数量。在高分辨率设备上一个 4K 的天空盒贴图每帧要走一遍全屏 overdraw这个开销在移动端相当可观。我做移动项目时的常规配置天空盒贴图 Max Size 控制在 1024 以内绝大多数情况下看不出差别。关闭不需要的反射源Environment Reflections 的 Resolution 拉到 128。如果场景是固定视角比如关卡式的小房间加一个远景天窗干脆不用天空盒改用一块贴了渐变材质的背景板成本几乎为零。半透明物体和天空盒的叠加要尽量避免overdraw 会翻倍。另外还有一个容易被忽视的点多相机叠加时的天空盒重复绘制。如果主相机和某个特效相机都设了 Clear Flags Skybox天空会被画两遍。这种情况我一般把次要相机改成 Depth Only。5.3 打包之后天空盒丢失、变粉红、变黑这是发布前最后一道坎也是最容易出问题的地方。变粉红基本等于 Shader 找不到。原因通常有两个一是使用了自定义 Shader 的天空盒材质而这个 Shader 没有被任何场景引用Unity 在打包时把它剔除了二是用了 AssetBundle 加载材质但依赖项没打进去。第一种情况的解决办法是把这个 Shader 加进 Graphics Settings 的 Always Included Shaders 列表第二种是在打包时正确设置依赖。变黑的原因更隐蔽一些常见的是材质引用的贴图被标记成了不可读或者被剥离。如果天空盒贴图放在 Resources 之外又没有场景引用打包时会被当作未使用资源剔除。我的一般原则是场景里真正用到的天空盒材质要么放在场景里通过 Lighting 设置引用要么放到 Resources 目录要么走 Addressables 显式打包不要指望“编辑器里能看到就等于打包会带上”。还有一类是动态切换天空盒导致的。如果代码里用 Resources.Load 加载天空盒材质并赋值给 RenderSettings.skybox记得加载完之后如果是 Instantiate 出来的把材质置为不销毁或者干脆不 Instantiate 直接引用原资源。我见过因为材质被垃圾回收导致天空突然变默认灰的案例排查过程相当痛苦因为它在编辑器里几乎不复现。提示切换天空盒之后一定要调用DynamicGI.UpdateEnvironment()否则环境光和反射不会立即更新会看到物体颜色滞后于天空变化。这个调用有一定开销不要在 Update 里每帧调。// 动态切换天空盒的标准写法 public Material daySky; public Material nightSky; void SwitchToNight() { RenderSettings.skybox nightSky; // 通知环境光与反射重新烘焙否则物体颜色不会跟着变 DynamicGI.UpdateEnvironment(); }这段代码看着简单但没加最后一行的人特别多表现为“天空变了但地面还是亮的”。5.4 排查顺序的通用套路遇到天空盒相关的任何问题我习惯按下面的顺序走一遍基本能在五分钟内定位确认相机 Clear Flags 是 Skybox不是 Solid Color。确认 Lighting 面板的 Skybox Material 槽位不为空且指向正确的材质。打开材质确认 Shader 类型和贴图类型匹配6 Sided 配六面图Panoramic 配全景图。检查贴图导入设置Texture Shape、sRGB、Fixup Edge Seams。在编辑器里 Play 一下如果正常但打包异常转向资源打包排查。打包异常时先看日志里有没有 Shader 相关的警告再看 Graphics Settings 的 Always Included Shaders。这个顺序是从“最表层”到“最深层”排的先排除低级错误再往资源管线和平台差异上找比一上来就怀疑引擎问题高效得多。我在带新人的时候会让他把这段抄在便签上遇到问题照着走基本不会有漏。6. 一点个人习惯和后续可扩展的方向我在实际项目里对天空盒有一套固定的处理流程先在素材阶段就把六面图和全景图各准备一套导入设置写成 Preset 存下来之后每张新图直接套 Preset省掉每次手动改参数的时间。Preset 这个功能在 Unity 里用的人不多但凡是“同一类资源要重复设置参数”的场景它都能省不少事天空盒只是其中一个典型例子。另一件事是氛围切换。如果你的项目需要在不同时段之间切换不要为每个时段做一个完整的场景而是把天空盒材质、方向光的颜色和强度、雾色、环境光强度打包成一个 ScriptableObject 配置运行时整套换掉。我在一个多时段场景的项目里就是这么做的四套氛围共用同一批美术资源只换配置切一次的成本只有一次 DynamicGI 刷新比加载场景快一个数量级。这套结构还可以继续往下延比如把天气状态、背景音乐、粒子效果都挂进同一个配置里做成一个“环境状态机”。天空盒本身也能再往上做一层。比如给天空盒加一个基于时间的旋转动画让云层缓慢移动或者用两层天空盒叠加一层静态星空一层动态云通过材质混合做出流动感。这些做法在性能允许的前提下效果都不错但要注意每加一层就多一次全屏绘制移动端上的预算得提前算好。最后分享一个小技巧调天空盒的时候把 Game 视图的分辨率切到和目标设备一致再去调 Exposure 和 Tint。在编辑器的大窗口里调好的参数到了小屏幕上往往会显得偏亮这是因为自动曝光和屏幕尺寸的感知差异。这个细节不写进文档但确实影响最终效果。
阅读完成 · 觉得有帮助？
