【程序化天空盒】过程记录03：镜头光晕旋转的动态星空

本是古典何须时尚 2023-09-24 19:02 8阅读 0赞

本来说不再记录了，发现实现镜头光晕和星空的时候是有很多需要注意的点的，有必要记录一下。

## 镜头光晕 ##

[URP系列教程-手把手教你在URP中实现镜头光晕效果 | Unity 中文课堂 (u3d.cn)][URP_-_URP_ _ Unity _ _u3d.cn]

但是URP下没办法固定管线的按图层遮挡的功能。这里我不知道怎么解决，，，索性项目里只放了那几个离镜头很远的圈圈，其他的我都关掉了，开了的话会很奇怪，会挡住我的云：

![fd9ec2cca22d4bbe8d6d0e7b9d941af6.png][]

## 星空 ##

涉及到动态的东西，我发现ShaderGraph非常直观！！

尝试了一下ShaderGraph，真的更能帮助理解lerp、smoothstep、step、各种采样的效果，特别是各种noise扰动。星空部分我想做一个漩涡样子，主要是要用下图中的这个Twirl节点去扰动我们的采样坐标，连一连大概是下面这样： （这个方法参考自[【Unity教程】2D星空星星闪烁特效制作【中文解说】][Unity_2D]）

![835059d3973e481199da0f428708a84b.png][]

但是我们的天空盒是shader形式的，所以就需要在shader里加上Twirl这个节点的代码，代码来自[Twirl 节点 | Shader Graph | 10.5.0][Twirl _ _ Shader Graph _ 10.5.0]：

![7ffa10a1f77c4aaa92f6a9381a82abfb.png][]

然后在天空盒shader中：

![3a3fbebb98c34529b52ab7bbeab87920.png][]

去采样我拿到的一张Voronoi图的b通道就行，当然要是像上面Twirl节点那样代码搞出来也是可以的。关于动态星空的部分这里就做完了：

![a17d21ce61a04e8bbe6e16adb1255c1c.png][]

写都写了，挂个总结整个天空盒的视频链接吧：[【技术美术练习作品】Unity 动态程序化天空盒][Unity]

[URP_-_URP_ _ Unity _ _u3d.cn]: https://learn.u3d.cn/tutorial/Creating-Lens-Flare-in-URP12?chapterId=63562b26edca72001f21d078#6254e6c11df26b0020f7e8e3
[fd9ec2cca22d4bbe8d6d0e7b9d941af6.png]: https://img-blog.csdnimg.cn/fd9ec2cca22d4bbe8d6d0e7b9d941af6.png
[Unity_2D]: https://www.bilibili.com/video/BV1FG4y1h7nj/?spm_id_from=333.880.my_history.page.click&vd_source=df915e2f42f68699ce7f9d08e53731c5
[835059d3973e481199da0f428708a84b.png]: https://img-blog.csdnimg.cn/835059d3973e481199da0f428708a84b.png
[Twirl _ _ Shader Graph _ 10.5.0]: https://docs.unity3d.com/cn/Packages/com.unity.shadergraph@10.5/manual/Twirl-Node.html
[7ffa10a1f77c4aaa92f6a9381a82abfb.png]: https://img-blog.csdnimg.cn/7ffa10a1f77c4aaa92f6a9381a82abfb.png
[3a3fbebb98c34529b52ab7bbeab87920.png]: https://img-blog.csdnimg.cn/3a3fbebb98c34529b52ab7bbeab87920.png
[a17d21ce61a04e8bbe6e16adb1255c1c.png]: https://img-blog.csdnimg.cn/a17d21ce61a04e8bbe6e16adb1255c1c.png
[Unity]: https://www.bilibili.com/video/BV18R4y1v7xY/?spm_id_from=333.999.0.0&vd_source=df915e2f42f68699ce7f9d08e53731c5