一个有趣的模拟光照的shader(类似法线贴图)
2013-10-30 04:25
423 查看
最近使用unity,碰到到一个很有趣的例子.场景无光线,却模拟出了光照,效果挺好.其思路与法线贴图原理异曲同工.
原作者提供的效果印象深刻.
模型除了使用原来的diffuse贴图外,还用到了一张模拟记录了"光照"信息的贴图(见机器人头上的贴图).这一点与法线贴图是一致的.
这个方法比较简单,也比较死.思路很巧.
分析一下贴图,有效范围基本是一个圆形.以前在学习法线贴图时,就遇到过法线投射在贴图的情景(/article/6024661.html).当各个方向的法线投影到一个正平面时,它形成一个圆.
法线贴图本质就是为了预先保存法线信息.那几乎就可以引申出来了,我们也可以保存一个冒充的法线(光线)的信息,根据这个信息我们可以还原一个"伪"的光照过程.这个贴图就反过来利用了这一点.将模型的法线转换到model-view空间,再假设法线被投影到一个正平面(贴图上).于是法线的投影点可换算为贴图的uv坐标.此时在该点我们保存一个颜色值,可以与模型的diffuse贴图颜色进行计算,模拟出光照的效果.
capCoord.x = dot(UNITY_MATRIX_IT_MV[0].xyz,v.normal);
capCoord.y = dot(UNITY_MATRIX_IT_MV[1].xyz,v.normal);
上边2行是这里比较关键的一步,把法线转换到view空间.参看(/article/6024660.html)说明了原理.总之法线不能直接使用model-view矩阵转换到view空间.
o.cap = capCoord * 0.5 + 0.5;
上边是把法线值转换到纹理区间[0,1],之后在fragment shader通过这个值去贴图里查找对应的颜色值.
这种手法似乎叫MatCap shader.这里是些卡通效果,其他地方有更真实的.
原作者提供的效果印象深刻.
模型除了使用原来的diffuse贴图外,还用到了一张模拟记录了"光照"信息的贴图(见机器人头上的贴图).这一点与法线贴图是一致的.
这个方法比较简单,也比较死.思路很巧.
分析一下贴图,有效范围基本是一个圆形.以前在学习法线贴图时,就遇到过法线投射在贴图的情景(/article/6024661.html).当各个方向的法线投影到一个正平面时,它形成一个圆.
法线贴图本质就是为了预先保存法线信息.那几乎就可以引申出来了,我们也可以保存一个冒充的法线(光线)的信息,根据这个信息我们可以还原一个"伪"的光照过程.这个贴图就反过来利用了这一点.将模型的法线转换到model-view空间,再假设法线被投影到一个正平面(贴图上).于是法线的投影点可换算为贴图的uv坐标.此时在该点我们保存一个颜色值,可以与模型的diffuse贴图颜色进行计算,模拟出光照的效果.
struct v2f { float4 pos : SV_POSITION; float2 uv : TEXCOORD0; float2 cap : TEXCOORD1; }; uniform float4 _MainTex_ST; v2f vert (appdata_base v) { v2f o; o.pos = mul (UNITY_MATRIX_MVP, v.vertex); o.uv = TRANSFORM_TEX(v.texcoord, _MainTex); half2 capCoord; capCoord.x = dot(UNITY_MATRIX_IT_MV[0].xyz,v.normal); capCoord.y = dot(UNITY_MATRIX_IT_MV[1].xyz,v.normal); o.cap = capCoord * 0.5 + 0.5; return o; } uniform sampler2D _MainTex; uniform sampler2D _MatCap; fixed4 frag (v2f i) : COLOR { fixed4 tex = tex2D(_MainTex, i.uv); fixed4 mc = tex2D(_MatCap, i.cap); return (tex + (mc*2.0)-1.0); }
capCoord.x = dot(UNITY_MATRIX_IT_MV[0].xyz,v.normal);
capCoord.y = dot(UNITY_MATRIX_IT_MV[1].xyz,v.normal);
上边2行是这里比较关键的一步,把法线转换到view空间.参看(/article/6024660.html)说明了原理.总之法线不能直接使用model-view矩阵转换到view空间.
o.cap = capCoord * 0.5 + 0.5;
上边是把法线值转换到纹理区间[0,1],之后在fragment shader通过这个值去贴图里查找对应的颜色值.
这种手法似乎叫MatCap shader.这里是些卡通效果,其他地方有更真实的.
相关文章推荐
- 一个有趣的模拟光照的shader
- unity中实现一个光照越强透明度越高的shader
- 模拟一个类似百度google的模糊搜索下拉列表
- MessageDisplayKit 一个类似微信App的IM应用,拥有发送文字、图片、语音、视频、地理位置消息,管理本地通信录、分享朋友圈、漂流交友、摇一摇和更多有趣的功能。
- 模拟一个类似百度google的模糊搜索下拉列表
- 一个有趣的基于C++的模拟发牌程序
- 使用javascript模拟了一个类似Java的HashMap类
- Unity Shader Example 2 (流光与模拟光照)
- 纪录一个非常烂的模拟镜面反射的Shader
- 一个模拟2D水波荡漾Shader的研究
- unity3D ShaderLab <五>漫反射光照改善技巧之使用2D ramp texture来创建一个假的BRDF(双向反射分布函数)
- 【Unity】【Shader】写一个初步的水波模拟Gerstner Waves
- 一个有趣的CSS实例——模拟Google公司Logo
- 模拟一个类似select的效果
- 发现一个有趣的现象:vc2010的工程的保存路径里不能有==
- 一个关于思科路由器ping的有趣现象
- 打开一个记事本,然后模拟键盘输入
- C++的四种强制类型转换和一个有趣的例子
- 编写多线程程序,模拟多个人通过一个山洞。这个山洞每次只能通过一个人,每个人通过山洞的时间为2秒(sleep)。随机生成10个人,都要通过此山洞,用随机值对应的字符串表示人名,打印输出每次通过山洞的人名
- 关于java除法的一个有趣例子。