案例学习——Unity基于体绘制的大气散射shader

最新推荐文章于 2023-03-13 12:33:53 发布
最新推荐文章于 2023-03-13 12:33:53 发布
阅读量4.9k 收藏 60
点赞数
分类专栏： 案例学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43803133/article/details/116354462
版权

本案例学习资料来源
Volumetric Atmospheric Scattering

案例学习——Unity基于体绘制的大气散射shader

0 效果展示

先看看实现的效果（米氏散射和瑞利散射结合的地球大气+云层+地球昼夜）
在这里插入图片描述
在这里插入图片描述

1 引入

抬头望天，我们会发现天空经常是蓝色
在这里插入图片描述
日出日落时天空经常会是红色
在这里插入图片描述
这样的光学现象主要是光进行了瑞利散射（Rayleigh scattering），本文依照AlanZucconi大神的教程，介绍如何对大气散射进行数学建模，来重现这些大气中的视觉效果。

1.0 介绍

对于传统的渲染技术，会假设物体是一个空的外壳，我们在外壳表面即可进行所有效果的计算。这种简化方式对于渲染物体表面来说是很高效的。

但是有些效果是由于光穿透了物体才能实现的，比如半透明物体正是如此。不过聪明的人们也研究了一些快速近似半透明物体的方法（GDC 2011 – Approximating Translucency for a Fast, Cheap and Convincing Subsurface Scattering Look）。

但是大气就很难这么做了，因为天空并不是一个“物体”，我们不能只是渲染表面的壳，我们还需要模拟光线在大气中到底经历了什么。

不光光渲染壳，同时也要渲染物体内部的光线传播，这个技术通常被称为体积渲染/体绘制（volumetric rendering），在本文的上一篇文章做出过一些小的探讨（比如光线步进和有向距离函数）。

不过仅是这样还不足以模拟大气散射，接下来会介绍一种更合适的方法，被称为体积单次散射（volumetric single scattering）。

1.1 单次散射（Single Scattering）

在游戏引擎的基本光照模型实现中，都假设光线在真空中传播，所以物体的表面属性往往是影响光照的唯一因素。

然而在物理上，传播媒介对光的影响也是很重要的，对于大气来说，穿过的空气多少或者空气的成分就很能影响光照的效果。

在图形学进行大量的简化之后，空气影响我们感知光线的方式，通常会分为两种，分别是出射散射（Out-Scattering）和入射散射（In-Scattering）

1.1.1 出射散射（Out-Scattering）

出射散射也就是光子打中空气分子后，原本要射向摄像机的光线进行了偏转，光线的方向进行了改变。
在这里插入图片描述
对于一个大光源来说，能够发射出很多很多光子，因而在空气中传播时经常会发生出射散射。
空气密度越大，光线传播的距离越长，出射散射发生的光线偏转越多，对光线的削弱效果越明显。
在这里插入图片描述

1.1.2 入射散射

与出射散射相反，本来不指向相机的光线也可能被偏转到相机的方向，这就是入射散射。
在这里插入图片描述
入射散射允许相机看到不在可视范围内的光源，比较明显的例子就是光晕，比如下图由于Particle的偏转，会让人觉得沿着视线和Particle的连线处有光线，看起来也就是光晕。
在这里插入图片描述

1.2 基于体绘制的单次散射模型（Volumetric Single Scattering）

光线在实际传播当中会偏转很多次，就像下图这样
在这里插入图片描述
进行仿真是光线追踪的内容，对于本文来说，我们只考虑单次散射——即光线从太阳发出过、只经过一次散射改变方向后射入我们的眼睛。

对于渲染一个行星的大气，我们会逐步构建一个模型，首先我们考虑相机
在这里插入图片描述

  • 摄像机的视线从A处进入大气，经过B处
  • 我们计算光线从B到A的过程中，每一个位置P造成的出射散射的衰减贡献&入射散射的叠加贡献

该模型中也存在光源的贡献，我们通常假设是太阳的光线经过入射散射的偏转来到我们眼前
在这里插入图片描述
太阳在照射到P的过程中也存在出射散射
在这里插入图片描述
总结这些部分，混合在一起，也就是如下的样子
在这里插入图片描述

  • 相机的视线从A进入，经过行星大气到B
  • 我们需要去计算AB段上每一点P的散射贡献
    • P点接受的光线都来自于太阳
    • P点接受的光线进入大气层时会受到出射散射的影响
    • P点接受的光线经过入射散射偏转进入摄像机，途中又会经过出射散射偏离

2 大气散射背后的理论

2.1 透射函数

为了计算传入相机的光线有多少，我们可以先考虑一段光线，如下图所示
在这里插入图片描述

  • 光线从太阳传到C，此时是真空，所以没有损失，我们用 I C I_C IC​指代C点的光强
  • 在从C到P的过程中，经过出射散射，光强会衰减，我们用 I P I_P IP​指代P点的光强
  • I P I_P IP​比 I C I_C IC​的值也就是透射率（transmittance） 。
  • 透射率 T T T表示在某段路径上的对光照的衰减程度。 T ( C P ‾ ) = I P I C T(\overline{CP})=\frac{I_P}{I_C} T(CP)=IC​IP​​
  • 对于某一个值的透射率 T T T，P点的光强也就是 I P = I C ∗ T ( C P ‾ ) I_P=I_C*T(\overline{CP}) IP​=IC​∗T(CP)

2.2 散射函数

P点在接受光照后，会因为散射偏转一部分
于是我们需要散射函数 S S S来表示某一方向上光线的偏转情况。

如下图，那些偏转了 θ θ θ角的光线才能被指向A点的摄像机
在这里插入图片描述
用 S ( λ , θ , h ) S(λ,θ,h) S(λ,θ,h)的值来代表发生了 θ θ θ度偏转的光线比重。

λ λ λ代表光线的波长， θ θ θ是偏转角度， h h h是P点的离地高度（高度会影响大气密度，密度会影响散射程度）

于是我们可以得到从P点出发到A点的光强了
在这里插入图片描述
带入之前求出的 I P = I C ∗ T ( C P ‾ ) I_P=I_C*T(\overline{CP}) IP​=IC​∗T(CP)
在这里插入图片描述
整个过程是这样

  • 光从太阳进入 C C C点，真空中无影响
  • 从 C C C点进入大气传到 P P P点，受到出射散射影响只有占比 T ( C P ‾ ) T(\overline{CP}) T(CP)的光线到达了 P P P点
  • P P
最低0.47元/天 解锁文章
清清！
关注
专栏目录
Unity学习之Shader
liu_xueping的专栏
11-18 3512
Unity学习之Shader
Unity3D_实现大气散射
zhangming19901120的专栏
12-23 1473
原文：http://gad.qq.com/user/myarticle?id=438905
【Unity大气渲染】Unity Shader中实现大气散射（半成品）
qq_41835314的博客
03-06 1641
关于在Unity里实现大气散射的过程记录（半成品）
unity-atmospheric-scattering:我尝试实现逼真的大气散射的项目
05-14
大气散射 大气散射的实现。 它将基于Unity 2018中的新HD渲染管道，因此它可能不会与早期版本向后兼容。 除了实现大气散射之外，我还将尝试在Unity中使用尚未使用的新功能和工具（例如Shader Graph，Compute Shaders，可编写脚本的渲染管线）。 Wiki中还提到了该项目中使用的源。
unity3d shader之实时室外光线散射（大气散射）渲染
wolf96的专栏
07-30 1万+
散射需要：吸收，内散射，外散射 分为瑞利散射Rayleigh Scattering和米氏散射 Mie Scattering  后面会详细讲解 大气中散射由多种原因产生，微粒，尘埃，水蒸气等等 阳光由于散射增加会减弱并变色   物体也会随着距离增加散射增加而减弱并变色   大气光线散射由于 一天中的时间，天气，污染的改变而改变 散射共通篇 Radiometric
UnityShader——GPU GEM大气散射源码解析
NotMz
05-14 2867
这段时间磨磨蹭蹭的总算是把大气散射这块啃了下，没有去看论文原文了，主要参考的就是 GPU Gem2 里的这篇文章，要想更系统的了解大气散射相关发展的话可以看乐乐姐的这篇专栏 如果对渲染方程没有概念的话最好先阅读我之前的这篇博客 如图所示，大气散射其实就是图中绿色线条部分的光传播过程 首先简单的介绍下大气的两个散射模型： Rayleigh Scattering： 由大气中的小...
Unity3d实现光环和大气散射效果（Atmospheric Scattering）
zouxin_88的专栏
12-13 2839
1.下载AtmosphericScattering工程 2.将AtmosphericScattering示例中Camera组件Copy Component，再到目标Camera上Paste Component。 3.相机上挂载AtmosphericScattering 4.设置天空盒
最小大气：Unity的最小大气散射实现
03-04
最小气氛 Unity的最小（单个cginc文件）大气散射实现，可以用作进一步工作的基础，并为任何想学习的人提供参考。 包括一个简单的天空盒和对象着色器。 没有实现任何优化，因此它可能不应该在实际应用中使用。 最重要的是，该存储库旨在易于理解，尽管着色器文件是在Unity中实现的，但它不使用任何特定于Unity的代码，这意味着可以轻松移植。 包含实现的文件是 支持瑞利和米氏（单次）散射+臭氧吸收。 对象着色器还显示了如何使用大气透射率来衰减定向光（行星阴影）。 该项目正在使用URP（只是为了获得屏幕色调映射和抖动），但是您可以将大气部分导出到任何管道，只需从Assets中获取Atmosphere目录即可。 该存储库代表了我目前对大气散射的最佳理解，因此我很乐意接受对未正确实现的事物的更正，只是提出了一个问题，我将对其进行检查。 推荐读物
unity Shader 入门精要 EX
xinghaikongmeng的博客
10-19 4347
1、shader概念 Shader，中文名为着色器。 Shader其实就是专门用来渲染图形的一种技术，通过shader，我们可以自定义显卡渲染画面的算法，使画面达到我们想要的效果。 2、shader分类 Shader分为两类 ： 顶点Shader（3D图形都是由一个个三角面片组成的，顶点Shader就是计算每个三角面片上的顶点，并为最终像素渲染做准备）。 像素Shader，顾名思义，就是以像素为单位，计算光照、颜色的一系列算法。 几个不同的图形API都有各自的Shader语言 在DirectX中，顶点sha
UnityURPAtmosphericFog:Unity URP大气雾
05-28
统一城市大气雾 使用Shader Graph的Urp管道的AtmosphericFog 使用方法： 在设置中启用深度纹理 在您的urp Asset_Renderer中添加AtmosphericFogRenderFeature并使用参数 参考：
godot_atmosphere_shader:Godot Engine的行星大气着色器
05-22
Godot Engine的大气着色器 它包含一个可在行星上使用的简单的大气着色器。 我为正在开发的技术演示开发了此软件，因此我考虑将其作为附件。 不现实，但速度很快（没有嵌套循环） 行星两边的两种颜色的渐变 如果您想降落在地球上，可以像雾一样从内部看到 从远处看时切换为立方体网格，因此可以以较低的成本绘制多个气氛 我对拥有逼真的着色器感兴趣，但目前并不是优先考虑的事情。 如何使用 将zylann.atmosphere的内容复制到项目的res://addons文件夹下。 无需激活插件。 将planet_atmosphere.tscn为您的星球节点的子节点。 在检查器中，给它相同的半径，然后选择一个高度。 您可以通过扩展shader_params类别来调整颜色。 根据行星的大小，您可能还必须调整密度，因为光必须通过它传播更远的距离。
Unity3d shader之次表面散射
06-14
次表面散射是一种非常常用的效果，可以用在很多材质上，如皮肤，牛奶，奶油奶酪，番茄酱，土豆等等
ShaderGraph实战之全息效果Shader
06-25
全息效果是通过贴图的Offset随时间滚动产生，ShaderGraph实战之全息效果
（十四）unity shader之——————高级纹理之立方体纹理cubemap（天空盒skybox、反射、折射、菲涅耳反射）
cgy56191948的博客
09-26 2797
立方体纹理 在图形学中，立方体纹理（cubemap）是环境映射的一种实现方法，环境映射可以模拟物体周围的环境，而使用了环境映射的物体可以看起来像镀了层金属一样反射出周围的环境。 和之前见到的纹理不同，立方体纹理一共包含了6张图像，这些图像对应了一个立方体的6个面。立方体的每个面表示沿着世界空间下的轴向观察所得的图像，那么怎么对这样的纹理采样呢？和之前使用的二维纹理坐标不同，对立方体纹理采样我们...
【Unity】学习Shader中常用的函数方法
热门推荐
天生爱赞美的博客
10-31 2万+
今天给大家列出来shader中常用的一些函数，函数后面有释义，大家可以打印出来，或者在写shader的时候来这篇文章查阅，看看你需要用到哪些。 Cg提供了一系列内建的标准函数。这些函数用于执行数学上的通用计算或通用算法（纹理映射等）， 有些函数直接和 GPU 指令相对应，所以执行效率非常高。 这些函数来源于文档，我为大家筛选出了常用的，去掉了基本用不到的函数。 数
unity程序化天空盒--实现一次单次大气散射
2201_75303014的博客
03-13 917
对天空盒制作过程中的单次大气散射的一些笔记总结
Unity中实现体绘制--以CT扫描效果为例
qq_23936433的博客
05-31 4458
Unity中实现体绘制–以CT扫描效果为例 前言 最近因为一些需求，研究了一下体绘制。什么是体绘制呢？我的理解是它是一种表现三维空间场的技术。具体说来，我们需要通过一个3d texture，再通过一定的采样方法，最终画出我们想要的图形。体绘制目前应用很广泛，它可以用来模拟烟雾、云或者CT数据等等，目前很多游戏例如Horizon：Zero Down 等，都采用了类似的方法去做体积云，所以这是一个比较有意义的研究。 实现 实现体绘制，我们首先需要一张体纹理，体纹理数据我们可以从扫描数据中得到，例如下面的网站里
【Unity大气渲染】关于单次大气散射的理论知识
qq_41835314的博客
12-21 1844
记录大气渲染需要了解的理论知识。
写出unity urp 次表面散射 shader
最新发布
06-09
以下是一个基本的Unity URP次表面散射（SSS）着色器示例： ``` Shader "Custom/URP SSS" { Properties { _MainTex ("Albedo (RGB)", 2D) = "white" {} _NormalMap ("Normal Map", 2D) = "bump" {} _SubsurfaceColor ("Subsurface Color", Color) = (1,1,1,1) _SubsurfaceRadius ("Subsurface Radius", Range(0.0,1.0)) = 0.25 _ThicknessMap ("Thickness Map", 2D) = "white" {} _SpecularColor ("Specular Color", Color) = (0.5,0.5,0.5,1) _Glossiness ("Smoothness", Range(0,1)) = 0.5 _Metallic ("Metallic", Range(0,1)) = 0.0 } SubShader { Tags {"RenderType"="Opaque"} LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; float3 normal : NORMAL; float4 tangent : TANGENT; }; struct v2f { float2 uv : TEXCOORD0; float3 worldPos : TEXCOORD1; float3 worldNormal : TEXCOORD2; float3 worldTangent : TEXCOORD3; float3 worldBitangent : TEXCOORD4; UNITY_VERTEX_INPUT_INSTANCE_ID }; sampler2D _MainTex; sampler2D _NormalMap; sampler2D _ThicknessMap; float4 _MainTex_ST; float4 _ThicknessMap_ST; float _SubsurfaceRadius; float4 _SubsurfaceColor; float4 _SpecularColor; float _Glossiness; float _Metallic; float3 CalculateTangent(float3 n, float3 p, float2 uv, float3 dpdu) { float3 dpdv = cross(n, dpdu); float3 t = normalize(dpdv - uv.y * dpdu); return t; } float3 CalculateBitangent(float3 n, float3 p, float2 uv, float3 dpdu) { float3 dpdv = cross(n, dpdu); float3 b = normalize(cross(n, dpdv)); return b; } float3 CalculateSubsurface(float3 worldPos, float3 worldNormal, float3 worldTangent, float3 worldBitangent) { // Calculate tangent space vectors float3x3 TBN = float3x3(worldTangent, worldBitangent, worldNormal); // Calculate thickness float thickness = tex2D(_ThicknessMap, TRANSFORM_TEX(worldPos, _ThicknessMap)).r; // Calculate subsurface scattering float3 subsurface = _SubsurfaceColor.rgb * thickness * _SubsurfaceRadius; // Transform subsurface scattering to world space subsurface = mul(TBN, subsurface); return subsurface; } float4 LightingURP(SurfaceOutputStandard s, float3 lightDir, float3 worldPos, float atten) { // Calculate subsurface scattering float3 subsurface = CalculateSubsurface(worldPos, s.Normal, s.Tangent, s.Bitangent); // Calculate diffuse lighting float diff = max(0.0, dot(s.Normal, lightDir)); float3 diffuse = (s.Albedo * _LightColor0.rgb * diff); // Calculate specular lighting float3 viewDir = normalize(UnityWorldSpaceViewDir(worldPos)); float3 halfDir = normalize(lightDir + viewDir); float spec = pow(max(0.0, dot(s.Normal, halfDir)), s.Smoothness); float3 specular = _SpecularColor.rgb * _LightColor0.rgb * spec; // Combine lighting float3 finalColor = ((diffuse + specular) * atten) + subsurface; return float4(finalColor, s.Alpha); } v2f vert (appdata v) { v2f o; o.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz; o.worldNormal = UnityObjectToWorldNormal(v.normal); o.worldTangent = UnityObjectToWorldDir(UnityObjectToWorldDir(v.tangent.xyz, UNITY_MATRIX_IT_MV), UNITY_MATRIX_IT_MV); o.worldBitangent = cross(o.worldNormal, o.worldTangent) * v.tangent.w; o.uv = TRANSFORM_TEX(v.uv, _MainTex); UNITY_SETUP_INSTANCE_ID(v); return o; } fixed4 frag (v2f i) : SV_Target { SurfaceOutputStandard s = SurfaceOutputStandard(); s.Albedo = tex2D(_MainTex, i.uv).rgb; s.Normal = UnpackNormal(tex2D(_NormalMap, i.uv)); s.Smoothness = _Glossiness; s.Metallic = _Metallic; float3 worldPos = i.worldPos; float3 worldNormal = normalize(i.worldNormal); float3 worldTangent = normalize(i.worldTangent); float3 worldBitangent = normalize(i.worldBitangent); float4 finalColor = LightingURP(s, normalize(_WorldSpaceLightPos0.xyz), worldPos, _LightColor0.a); return finalColor; } ENDCG } } FallBack "Diffuse" } ``` 这个着色器包含了一个基本的表面纹理、法线贴图、次表面散射颜色和半径、厚度贴图、高光颜色、光滑度和金属度选项。在顶点着色器中，我们还计算了Tangent和Bitangent向量，并传递给片段着色器以计算次表面散射。在片段着色器中，我们计算了次表面散射、漫反射和高光光照，并将它们合并以产生最终颜色。请注意，此着色器是基于URP版本的标准表面着色器，并使用UnityCG.cginc文件中定义的LightingURP函数来计算光照。
评论 25
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值