符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要介绍Unity Shader如何实现基于光照图的简易昼夜变化,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
成都创新互联公司是一家专注于成都网站设计、成都网站制作、外贸网站建设与策划设计,宣城网站建设哪家好?成都创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:宣城等地区。宣城做网站价格咨询:18982081108
可能有的朋友发现问题了,哎呀,怎么影子木有变化.....是的,变不了,因为我们这是基于烘焙过得光照图做的变化,所以,阴影是固定的。如果我们有实时光,就不是这个教程所涉及的了,直接调整方向光就可以了。
这个方案最早是基于我以前做的一个MMO项目,在几年前,实时光并不现实(现在对于很多项目来说也不现实),光线几乎都是由烘焙后的光照图来决定。但是我们在做一些剧情动画时,又需要一些昼夜变化,通常这些变化还是很快速的。譬如,剧情中写道“就这么,一夜过去了.....”,如果这时候能加一个快速变化的光照系统,还是很有画面感的,对吧?然后,就有了这个暴力简陋版昼夜系统。
为什么说它暴力简陋版呢?因为它真的很暴力,我们最终想到的性能最优办法,就是直接修改所有材质的颜色,当然最终如果实现出好的效果的话,还是需要很多方面考量的,这里只提供一个简单的解题思路。
修改材质的颜色,总不能让我们写代码去挨个遍历场景中所有的材质来修改颜色吧,累死了,而且一想就知道性能堪忧。好在Unity为我们提供了一个便利的修改方法,就是全局修改shader属性。我们来看看官方的这个API,修改全局shader颜色的,(Shader.SetGlobalColor)。
用起来很简单,这个API可以直接的修改场景里所有叫这个名字的属性,前提是这个属性没有被暴露在编辑器里,也就是说你只能在Pass通道里声明它,如果你在属性块里声明了它,对不起,这个API无效,它会优先使用属性块里定义的参数。
熟悉了这个API,接下来就简单了,我们只需要在每一个需要变化的shader里,加入一个天光的颜色属性,直接乘上去就行了,最后再全局修改这个颜色。看看下面的shader重点代码,多出来的代码,用手指头都能数的过来。
//这里就是需要修改的全局颜色---天光颜色
fixed4 _SkyColor;
void surf (Input IN, inout SurfaceOutputStandard o) {
// 直接乘上去就好了
fixed4 c = tex2D (_MainTex, IN.uv_MainTex) * _Color*_SkyColor;
好,还没完,重点是我们需要用一个脚本来控制修改这个颜色。
这里我写了四个时段的颜色,分别是,早晨,中午,下午,晚上(事实上如果不计较细节,早晨和中午可以合并)。并把这四个颜色暴露出来,供场景人员修改。还有一个一整天循环一次所需要的时间,单位为秒。
接下来就是在代码里去推进时间了,下面是代码,还是比较简单的,每一行我都写了详细注释,但我代码写的并不好,请谅解。
public class DayAndNightManager : MonoBehaviour
{
public float oneDayTime = 10; //一整天循环一次的时间,这里默认的十秒
public Color morningColor = Color.white; //早晨颜色
public Color noonColor = Color.white; //中午颜色
public Color afterNoonColor = Color.white; //傍晚颜色
public Color nightColor = Color.white; //晚上颜色
private Color[] colors;//所用的所有时间段的颜色
private Color currentColor;//当前颜色
private float dayTimer; //时间
// Use this for initialization
void Start () {
//把所有时段的颜色收集起来,这里多了一个,是因为整个是一个循环,结束的时候要回到凌晨时段,所以最后一个颜色是早晨的颜色
colors = new Color[5];
colors[0] = morningColor;
colors[1] = noonColor;
colors[2] = afterNoonColor;
colors[3] = nightColor;
colors[4] = morningColor;
//初始化
Shader.SetGlobalColor("_SkyColor",Color.white);
currentColor = morningColor;
dayTimer = 0;
}
// Update is called once per frame
void Update()
{
//时间开始推进,乘以4是因为我们有四个时段,这样再乘以后面的一整天时间才是准确的。
dayTimer += Time.deltaTime*4/oneDayTime;
//一个循环结束了,重新开始
if (dayTimer >= (float)colors.Length - 1)
{
dayTimer = 0;
}
//采样两个颜色,第一个是即将过去的时间颜色,第二个是即将到来的时间颜色,我们通过两个数学方法向下和向上取整。
Color color01 = colors[Mathf.FloorToInt(dayTimer)];
Color color02 = colors[Mathf.CeilToInt(dayTimer)];
//两个颜色的占比,我们通过取时间的小数部分,就可以了。
float weight = dayTimer - Mathf.FloorToInt(dayTimer);
//利用权重来对颜色进行融合
currentColor = Color.Lerp(color01, color02, weight);
//修改全局颜色,_SkyColor已经写到所有的shader里了
Shader.SetGlobalColor("_SkyColor", currentColor);
//修改全局时间,这个主要是控制天空盒的贴图融合
Shader.SetGlobalFloat("_DayAndNightChange", dayTimer);
}
代码的最后一行是修改天空盒的贴图融合,是的,光变了,天空盒怎么能不变,所以我用了四张天空盒的贴图来做过度,听着内存有点吃紧是吧?如果想节约的话,可以用一张贴图来做颜色变化就可以了,但是效果可能没有这样好一点,美术同学可以把四张图都给你画的很美吆。
至于天空盒的shader,也很简单,我使用了一个float属性来融合四张贴图,重点代码如下。
//重点是这个变量,通过全局修改这个变量的参数来对四个时段的贴图采样,并融合。
//这个变量的范围与脚本的时间一致,都是0-4循环,最后一个时段与第一个一样,都是凌晨
float _DayAndNightChange;
half4 frag (v2f i) : SV_Target
{
//基本就是一些融合算法,先利用时间来算出每个贴图的颜色占比,然后统一加到一起。
//这只是计算了天空盒的一面,后面的Pass算法相同
half4 col01 = skybox_frag(i,_Tex01, _Tex01_HDR)*(saturate(1- _DayAndNightChange));
half4 col02 = (skybox_frag(i,_Tex02, _Tex02_HDR)*(saturate(2- _DayAndNightChange)))-(skybox_frag(i,_Tex02, _Tex02_HDR)*(saturate(1- _DayAndNightChange)));
half4 col03 = (skybox_frag(i,_Tex03, _Tex03_HDR)*(saturate(3- _DayAndNightChange)))-(skybox_frag(i,_Tex03, _Tex03_HDR)*(saturate(2- _DayAndNightChange)));
half4 col04 = (skybox_frag(i,_Tex04, _Tex04_HDR)*(saturate(4- _DayAndNightChange)))-(skybox_frag(i,_Tex04, _Tex04_HDR)*(saturate(3- _DayAndNightChange)));
half4 col05 = skybox_frag(i,_Tex01, _Tex01_HDR)*(saturate(_DayAndNightChange -3));
half4 c = col01 +col02+col03+col04+col05;
return c;
}
代码有些冗余,有很大的修改空间........但是这样看着比较清楚,其实就是利用_DayAndNightChange这个属性对每张贴图进行采样,然后融合。
好,这里我只是实现了一个简易版的效果,如果想在项目中使用,并实现好的效果,还有很多需要考虑的,譬如,全局修改雾的颜色,还有晚上开启一些灯光效果,火把效果,还可以写一个方法,用于跳转到某个时间。还有如果这种属性多了的话,最好重新修改一下编辑窗口,否则美术同学看着会很乱。
至于性能方面,这种系统还是很好控制的,个人推荐时间的变化不要像我写的这样每帧一次,可以控制一下,譬如0.1s一次。
上面这个简单工程我也附在这里,如果有什么不对的地方,望指正。
对了,这个工程在打开的时候可能场景是黑的,运行一次就好了。原因是,全局修改的变量,也就是那个_SkyColor,在没有赋值的时候,是黑色的。后期这个东西可能需要改一下,
以上是“Unity Shader如何实现基于光照图的简易昼夜变化”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!