欢迎光临散文网 会员登陆 & 注册

URP | 简单天空盒Shader

2022-04-02 15:08 作者:那个人真狗  | 我要投稿


天空盒

效果

屏幕渐变色背景

目的

  • 学习制作天空盒Shader内容

  • 使用开关控制是顶点或者屏幕着色。

实现渐变色天空盒

  • 定义变量

定义2个颜色,俩个变量控制显示的颜色大小,一个开关

  • 定义渲染层级

  • 顶点着色器阶段

计算出屏幕空间

  • 片元着色器阶段

效果

代码

总结

  • 这是一个小的天空盒效果,实现渐变效果,可以做展示背景。

  • 需要注意的是Pass内不需要设置光照渲染。

扩展:如果使用顶点i.positionOS.x或者i.positionOS.z会有什么效果



  • 设置顶点着色器X

    float staticSwitch = i.positionOS.x;

    就是左右颜色渐变,下图是我调整的一个对比明显的效果。


  • 设置顶点着色器Z

  • float staticSwitch = i.positionOS.z;

    设置z的效果是中间到边缘的渐变效果。






URP | 简单天空盒Shader的评论 (共 条)

分享到微博请遵守国家法律