什么是ShadowMap
csdh11 2024-12-12 11:19 23 浏览
当光源发射的光线遇到一个不透明物体时,除了部分反射光外,光线无法照亮其他物体,此时这个物体就会向旁边的物体投射阴影。这些阴影区域的产生是因为光线无法到达这些区域。
传统实时阴影(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);
- 上一篇:Unity中的炫酷着色器插件
- 下一篇:游戏开发学习路线图(2023最新版)建议收藏
相关推荐
- IDEA界面太丑??尝试一下这几个插件
-
前言IntelliJIDEA主要用于支持Java、Scala、Groovy等语言的开发工具,同时具备支持目前主流的技术和框架,擅长于企业应用、移动应用和Web应用的开发。IntelliJi...
- 小巧 Vue 页面滚动进度条组件ScrollProgress
-
今天给大家分享一个轻量级Vue.js全屏滚动进度条组件VueScrollProgress。vue-scroll-progress一款基于vue.js构建的页面滚动进度条组件,...
- 基于vue实现可视化拖拽编辑器,页面生成工具,提升前端开发效率
-
项目介绍基于vue实现的可视化拖拽编辑器,实现页面生成工具,提升前端开发效率。可以基层到移动端项目作为自定义json直接生成UI页面。项目特点功能特点...
- 优秀 vue+heyui 后端管理系统HeyUI-Admin
-
今天再给小伙伴们推荐一款成熟的企业中后台管理系统HEYUI-Admin。heyui-admin基于vue.js和heyui组件库构建的后台管理系统。包含基础表单/表格功能,拓展组件(图表、富文本编辑...
- 响应式 Vue.js 前端组件化框架Xvue-UI
-
今天给小伙伴们推荐一款超不错的Vue轻量级组件框架XVueUI。xvue-ui基于vue2.x构建的响应式前端组件化框架。轻量级、易于上手,提供...
- 《基于SpringBoot+Vue的在线视频系统设计与实现》开题报告
-
【计算机毕业设计案例】基于SpringBoot+Vue的在线视频系统设计与实现_哔哩哔哩_bilibili...
- 超好用 Vue.js 图片裁切组件Vue-ImgCutter
-
今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。vue-img-cutter基于vue2.x构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比...
- Vue 3 进阶用法:异步组件(vue 异步组件原理)
-
一、代码分割一个大型前端应用,如果所有代码都放在单一文件,体积会特别大,下载时间长,白屏时间久,用户体验差。...
- 源码补丁神器—patch-package(源码助手怎么用)
-
作者:张浩一、背景vue项目中使用vue-pdf第三方插件预览pdf,书写业务代码完美运行,pdf文件内容正常预览无问题。后期需求有变,业务需求增加电子签章功能。这个时候pdf文件的内容可以显示出...
- 经验分享:Vue2 项目升级 Vue3 + Element Plus,借助Deepseek手动升级
-
Vue3出来好久了,我开发的项目还在使用Vue2框架,一般情况下不考虑升级,但是最近需要接入工作流程引擎之类的,看了下Vue2生态下操作空间不是很好,那索性尝试升级Vue3吧。一番操作下来,升级成功,...
- 34K Star!史上最全JavaScript资源库 awesome-javascript
-
34KStar!史上最全JavaScript资源宝库大揭秘引言在GitHub上,有一个备受瞩目的JavaScript资源仓库,以其全面的内容和精心的分类,成为了众多开发者的必备参考。这个拥有超过...
- 基于 Vue.js 磁片栅格布局组件VueGridLayout
-
#头条创作挑战赛#今天给大家分享一个超优秀的vue.js拖拽栅格布局插件VueGridLayout。...
- 6款高颜值 Vue3 PC端UI组件库(vue3开发组件库)
-
马上到国庆了,还没学习或者想学习vue3的小伙伴们有安排上没?这次推荐几个比较流行的VUE3UI组件库,合理利用,又或者学习借鉴都是不错的选择。1、element-pluselement-plus...
- 高性能 vue.js+ztree 树形组件Vue-GiantTree
-
今天给大家分享一款超棒的Vue海量数据渲染树形组件VueGiantTree。vue-giant-tree基于ztree封装的Vue树形组件。轻松实现大数据高性能渲染,适合海量数据渲染场景。zTr...
- 【推荐】2024年推荐的6款开源免费 Vue 后台管理系统模板,建议收藏
-
前言在现今的软件开发领域,...
- 一周热门
- 最近发表
-
- IDEA界面太丑??尝试一下这几个插件
- 小巧 Vue 页面滚动进度条组件ScrollProgress
- 基于vue实现可视化拖拽编辑器,页面生成工具,提升前端开发效率
- 优秀 vue+heyui 后端管理系统HeyUI-Admin
- 响应式 Vue.js 前端组件化框架Xvue-UI
- 《基于SpringBoot+Vue的在线视频系统设计与实现》开题报告
- 超好用 Vue.js 图片裁切组件Vue-ImgCutter
- Vue 3 进阶用法:异步组件(vue 异步组件原理)
- 源码补丁神器—patch-package(源码助手怎么用)
- 经验分享:Vue2 项目升级 Vue3 + Element Plus,借助Deepseek手动升级
- 标签列表
-
- mydisktest_v298 (34)
- document.appendchild (35)
- 头像打包下载 (61)
- acmecadconverter_8.52绿色版 (39)
- word文档批量处理大师破解版 (36)
- server2016安装密钥 (33)
- mysql 昨天的日期 (37)
- parsevideo (33)
- 个人网站源码 (37)
- centos7.4下载 (33)
- mysql 查询今天的数据 (34)
- intouch2014r2sp1永久授权 (36)
- 先锋影音源资2019 (35)
- jdk1.8.0_191下载 (33)
- axure9注册码 (33)
- pts/1 (33)
- spire.pdf 破解版 (35)
- shiro jwt (35)
- sklearn中文手册pdf (35)
- itextsharp使用手册 (33)
- 凯立德2012夏季版懒人包 (34)
- 冒险岛代码查询器 (34)
- 128*128png图片 (34)
- jdk1.8.0_131下载 (34)
- dos 删除目录下所有子目录及文件 (36)