什么是ShadowMap 什么是啥东西
ninehua 2024-12-30 06:03 77 浏览
当光源发射的光线遇到一个不透明物体时,除了部分反射光外,光线无法照亮其他物体,此时这个物体就会向旁边的物体投射阴影。这些阴影区域的产生是因为光线无法到达这些区域。
传统实时阴影(ShadowMap)
unity使用这种ShadowMap的技术来模拟实现物理世界的投影现象,它的实现原理非常简单。
假设有一个模拟太阳位置的摄像机,在可观察的视线范围内,物体表面各个点到摄像机的距离可以组合成一张深度图,它记录了从该光源的位置出发、能看到的场景中距离它最近的表面位置。这张深度图就叫做ShadowMap。(图中紫色部分表示阴影区域)
深度图是通过模拟太阳位置的摄像机获取到的,并非真正渲染场景的视角,真正渲染场景的视角,是B点所在位置的相机。
假设B观察到的三个点p1、p2、p3,在渲染的过程中,首先会把这三个点的顶点位置变换到光源空间下,这样就能得到它们在光源空间中的三维位置信息:sun(p1)、sun(p2)、sun(p3),
使用xy分量对ShadowMap进行纹理采样,就能获得它们的深度信息sun-depth(p1)、sun-depth(p2)、sun-depth(p3)
B视角下这三个点的深度信息可以通过z分量获得,它们的深度信息是B-depth(p1)、B-depth(p2)、
B-depth(p3)
通过同一位置在不同视角下世界空间的深度值对比,就能判断出该点是否处于阴影中。如果阴影深度值小于顶点深度值,那么这个点就处在阴影中。否则这个点就被光源照亮。
- sun-depth(p1) > B-depth(p1),照亮
- sun-depth(p2) < B-depth(p2),阴影
- sun-depth(p3) < B-depth(p3),阴影
以上就是传统实时阴影shadowMap的基本技术原理。
屏幕空间阴影映射(ScreenspaceShadowMap)
在Unity5中,Unity又使用了不同的阴影技术,即屏幕空间阴影映射技术(ScreenspaceShadowMap)。
当使用了屏幕空间阴影映射技术时,Unity首先会通过调用LightMode为ShadowCaster的Pass来得到ShadowMap以及摄像机的深度纹理(Camera-depth)。然后根据ShadowMap和深度纹理来得到屏幕空间的阴影图(Shadow-depth)。判断顶点是否处于阴影中,遵循以下规则:
- Camera-depth > Shadow-depth,照亮
- Camera-depth < Shadow-depth,阴影
再来说说一种辅助性的阴影技术:联级阴影(Cascaded Shadow Mapping)
联级阴影在unity中是配合屏幕空间阴影使用的,在渲染的过程中通过设置不同级别的阴影,通过判断用户到物体之间的距离,来切换使用不同级别的阴影。
阴影的基本设置
在设置使用哪种阴影技术之前,首先要确保光源ShadowType的基本设置。
其次是确认物体拥有投射或接受阴影的能力,这是通过Mesh Renderer组件中的Cast Shadows 和 Receive Shadows属性来实现的。
开启了Cast Shadows,unity就会把该物体添加到光源的ShadowMap的计算中去。而Receive Shadows则可以选择是否让物体接收来自其他物体的阴影。
默认情况下,这些属性都是已经设置好了的,这里只是提醒注意。
默认情况下,unity使用的是屏幕空间 + 联级阴影的技术实现阴影,要重现传统ShadowMap阴影技术,需要关闭unity的屏幕空间阴影映射+联级阴影技术
可以在Edit-Projecr Settings-Quality中查看shadows的设置,Shadow Distance对于阴影的质量有很大影响,距离越远越粗糙,距离越近越精细
在Graphics中取消默认设置,取消勾选Cascaded Shadows勾选。这样unity就采用了传统的实时阴影渲染技术。
在使用屏幕空间阴影映射技术时,Quality设置中shadow cascades 选择 Two Cascades 或者 Four Cascades中,就等于是在屏幕空间坐标阴影的基础上再加上了联级阴影。
勾选这里的选项可以查看联级阴影的距离范围
以上就是三种阴影技术的基本设置。
自定义阴影Shader
先简单搭建一个场景,给立方体添加一个最简单的着色器unlit shader,再添加一个unlit shader的材质,此时,立方体表面没有任何光照信息,也不会产生阴影。
结合上面阴影的设置,只需要加上简单的一段代码,就能实现一个简单的阴影:
Fallback "Diffuse"
Diffuse是Unity shader封装好的产生阴影投射的shader,它的优点是方便快捷,缺点是无法自定义。
要实现自定义Pass,需要使用以下代码来实现:
// Pass Tags
Tags {"LightMode" = "ShadowCaster" }
#include "AutoLight.cginc"
// struct v2f
SHADOW_COORDS(5)
// vef vert
TRANSFER_SHADOW(o);
// half4 frag
SHADOW_ATTENUATION(i);
这段代码,主要还是用来实现传统实时阴影技术。
使用了LightMode = "ShadowCaster“这条语句,渲染引擎会先在当前shader找到对应的Pass来渲染投射阴影,如果没找到,就会在Fallback中继续查找,如果仍然没有找到,它就不会投射阴影。
自定义Pass 渲染投射阴影往往比较复杂,这涉及到光照模型的计算,有感兴趣的,可以查看以往几篇关于光照模型计算的文章。
Unity 5及以后的版本,已经采用了屏幕空间阴影+联级阴影技术,因此更多是采用以下代码来实现:
// Pass Tags
Tags {"LightMode" = "ShadowCaster" }
#include "AutoLight.cginc"
// struct v2f
LIGHTING_COORDS(5,6)
// vef vert
TRANSFER_VERTEX_TO_FRAGMENT(o);
// half4 frag
LIGHT_ATTENUATION(i);
以上代码的写法,渲染引擎在处理阴影时,可以帮助判断灯光类型,从而计算光照衰减范围、Cookies等等。
Frame Debugger 查看阴影绘制过程
我们可以通过Window - Frame Debugger中打开帧调试器,来查看阴影的渲染过程。
阴影渲染大致分为四个阶段:
第一阶段:UpdateDepthTexture,这个阶段主要是更新摄像机的深度问题。
第二阶段:RenderShadowMap,这个阶段是渲染得到光源的ShadowMap
第三阶段:CollectShadows,这个阶段是根据深度纹理和ShadowMap,计算得出屏幕空间阴影图。
第四阶段:绘制渲染结果,这个阶段没什么好说的。
最后再给一段示范代码,看看Shadow阴影技术结合光照模型产生的一个最终效果:
// Pass1
half3 diff_term = min(shadow,man(0.0,dot(normal_dir,light_dir)));
half3 diffuse_color = diff_term * _LightColor0.xyz * base_color.xyz * attuenation;
half3 spec_color = pow(max(0.0,RdotV),_Shininess) * diff_term * _LightColor0.xyz * _SpecIntensity * spec_mask.rgb;
// Pass2
Tags { "LightMode"="ForwardAdd" }
Blend One One
#pragma multi_compile_fwdadd
// struct v2f
LIGHTING_COORDS(5,6)
//v2f vert
TRANSFER_VERTEX_TO_FRAGMENT(o);
//half4 frag
half3 shadow = LIGHT_ATTENUATION(i);
half3 final_color = (diffuse_color + spec_color)*ao_color;
return half4(final_color,1.0);
相关推荐
- 单打独斗的产品设计师工作流程总结
-
来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。我从入行开始就在一个做自己产品的小公司工作,到现在已经三年了。刚开始工作的时候什么也不懂,老板说让出效果图,就开始直接...
- 毕业生必备软件!6套APP构建我的产品设计工作流
-
工欲善其事,必先利其器。思维和方法论固然超级重要,但是掌握并制定适合自己的工作流也可以成倍提升效率。好的软件加上熟练的使用可以帮助解决遇到的所有问题,不仅可以减轻大脑和身体的负担,更可以让产品设计师在...
- 如何在APP原型上写需求?(app原型设计规范)
-
你有没有过这样的经历——辛辛苦苦写了半天的文档,结果开发一眼没看,做需求的时候又把文档里的内容问了一遍?如果你也有这样的经历,那么在APP原型上写需求,或许能帮你解决这个问题。为什么要把需求直接写在...
- 产品经理工具箱|原型及交互设计工具
-
来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。世界上最实在最方便的原型设计及交互工具:国外的谷歌,facebook等大型互联网公司的交互工具就是上面最原始,最有效最...
- 交互设计利器汇总:实用工具大揭秘!
-
近年来,页面交互设计有了很好的发展,越来越受到人们的重视。如果你想成为一名页面交互设计师,除了对平面设计和产品设计有一定的了解外,更重要的是要知道哪个软件适合页面交互设计。本文将带您了解5款流行的页面...
- Taro - 京东凹凸实验室出品的小程序多端开发工具,内置 UI 组件库
-
可以支持转换到微信/京东/百度/支付宝/字节跳动/QQ小程序以及H5端,同时也支持使用Vue语法了。关于Taro凹凸实验室(O2Lab)来自京东零售集团,创建于2015年10月,是...
- 开发2小时,修bug2周,我用Trae做了个小程序
-
在当今快速发展的科技时代,AI技术的崛起为开发者带来了前所未有的机遇与挑战。一方面,AI极大地降低了技术门槛,让更多的创意得以快速实现;另一方面,它也提升了竞争维度,促使人们在认知、方法和时间效率上不...
- 好用的10款免费原型设计工具(免费的原型设计软件)
-
对产品经理或UI/UX设计师来说,一款好的原型设计工具至关重要。好的原型设计软件能够帮助你快速构建还原度高且信息架构清晰明了的原型图,还能极大减低工作中与同事的沟通成本,更高效地推进工作。那么,一款好...
- 用局域网内部分享Axure原型,这里有详细的步骤
-
来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。用axure做好原型,想分享给别人,有几个方法:生成本地文件,发送本地文件,但是文件有更新,就要重新发送用axure自...
- Axure制作App原型应该怎样设置尺寸?原型尺寸对照表!
-
最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个APP原型放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。这里老枪搜集...
- 200套数据可视化大屏模版Axure高保真原型
-
超炫可视化大屏模版来了,Axure高保真原型。关注微信公众号“素材帮帮站”,发送消息100051,获取素材下载地址。查看往期文章,获取更多免费素材。
- Axure RP 8 Beta版正式上线(axure rp8是什么软件)
-
AxureSoftwareSolution公司于美国当地时间8月12日宣布其旗下产品AxureRP的v8版本的测试版正式上线。以下是其官方博客关于对AxureRP8Beta版的介绍:今天,...
- PM小技术:使用SAE发布在线Axure文档
-
俗话说,不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系,扯开了讲可是长篇大论,比如知乎上这个问题:IT行业产品经理(尤其是创业的)需要懂技术吗?懂到什么程度?,以及这个:产品经...
- 『原型资源』Axure自带图标库不够用,第三方经典图标库来袭
-
今天小编为大家带来第三方经典图标库,己确认内容可用现推荐给大家。直接上手就可不用自己画哈~获取原型文档请与班主任联系!先睹为快,合适再拿走不谢:图标太多,截取部分给大家参考o(* ̄︶ ̄*)o免费领取资...
- Axure RP 8 测试版:将于今年夏天到来
-
我们一直在努力的开发AxureRP8。我认为这是对现有客户以及刚接触Axure的人的一个重要版本。我们希望看到你使用这些新特性,所以我们对现有客户免费升级。所有有AxureRP授权的客户包括标准...