【游戏技术群】959392658  【游戏出海群】12067810
游戏蛮牛 手机端
开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

开发者专栏

关注:2422

当前位置:游戏蛮牛 技术专区 开发者专栏

__________________________________________________________________________________
开发者干货区版块规则:

  1、文章必须是图文形式。(至少2幅图)
      2、文章字数必须保持在1500字节以上。(编辑器右下角有字数检查)
      3、本版块只支持在游戏蛮牛原创首发,不支持转载。
      4、本版块回复不得无意义,如:顶、呵呵、不错......【真的会扣分的哦】
      5、......
__________________________________________________________________________________
查看: 672|回复: 13

[士郎] Dual Paraboloid Shadow Maps(DPSM)

[复制链接]  [移动端链接]
排名
1
昨日变化

7318

主题

7860

帖子

3万

积分

Rank: 16

UID
1231
好友
185
蛮牛币
8818
威望
30
注册时间
2013-7-29
在线时间
3742 小时
最后登录
2019-2-22

社区QQ达人活力之星原创精华达人突出贡献奖财富之证游戏蛮牛QQ群会员蛮牛妹VIP

发表于 2019-1-21 12:28:28 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
今天给大家分享的是点光shadow map的绘制方法。
emm,最古老的点光阴影生成方式是cubemap,这个怎么操作我就略过了,不会的读者也不是这个专栏的目标群体吧?然而这玩意画一个点光的阴影要用6个不同的视口矩阵画6遍不同朝向的shadowmap,明显是令人沮丧的操作,所以就有了今天讲的这玩意儿:Dual paraboloid shadow maps

什么是Dual paraboloid shadow maps?
朋友你见过世界地图吗?其实画点光SM的时候和画地图的时候遇到的难题是一样的:由于球面的高斯曲率为正,我们无法在完全无损的状态下把它投影到一个平面上。因而我们的任务就是找到一个较为优质的映射,可以将单位球面上的点坐标转化为平面上的点坐标。
如下图,是一个凸透镜投影的例子,可以为半球面上的任意一个点找到其对应的二维坐标。如果用这样的投影方式来代替普通的透视投影,则只需要对两个相反的半球分别进行一次绘制就可以完成点光的SM。(存在一张RG32的贴图里还不是美滋滋)。
1.png
下面给出的公式就是该投影变换的结果:
2.png
式中pos为V在light坐标系下已经normalize过的3维坐标(单位方向向量),uv为经过投影映射后的平面坐标。
前一个版本这里写错了,现已更正。
推导如下:(1维)
1. 根据抛物线的性质,反射方向为(0,1)
2. 设入射方向的反方向,单位化之后为(a,b)
3. 则入射点处的抛物线法线方向为(a,b+1)
4. 该抛物线的导数用x坐标表示为-x
5. 则该抛物线的法线为(x,1)
6. 故交点x坐标,即投影坐标为a/(b+1)
分析一下这个映射(这台电脑上没matlab,python又不会...),设为从光源到待变换顶点V的向量,N为第一张shadowmap的投影正方向, 与N的夹角。则实际shadowmap上投影像素的分布与角的关系为:
3.jpg
横轴为theta,纵轴为像素坐标
可以看到这个映射整体较为线性,且在接近90度时分配了更多的像素,而且计算量很小啊!十分符合需求。
下面看一下代码实现:
[AppleScript] 纯文本查看 复制代码
S_v2f PS_vert(S_a2v i)
{
	//获得light space下坐标
	S_v2f o;
	o.pos = mul(_Shadow_mat, mul(unity_ObjectToWorld, i.vert));

	//特殊投影变换
	float z = length(o.pos.xyz);
	o.pos.xyz = normalize(o.pos.xyz);
	o.pos.xy /= -o.pos.z + 1;

	//将点投影到uv坐标系
	o.pos.xy *= 2 * _Shadow_Range;
	o.pos.z = -z;
	o.pos = mul(_Shadow_mat2, o.pos);

	return o;
}

是不是超简单...都没啥好说的。
我们来看一下这玩意生成的shadowmap长啥样:
4.png
左下角第二张就是了,RG通道分别存了东西半球的SM,128x128分辨率。还有点酷炫。

Tessellation
为什么要做tessellation呢,其实也很好理解。不同于普通的正交或是透视投影,直线经过这种特殊投影之后,在uv空间中将不再是直线。
1.1.gif


这样的效应在角大或者物体接近光源时会十分明显,因此我们需要对物体进行细分以确保在uv空间中的投影有足够的段数来近似曲线。


这时只需要勾选"enable tessellation"选项,boom!SM里Quad的边缘变成了曲线,阴影也回归了正常,美滋滋。
5.png
然后贴一下细分的代码就跑路了:
[AppleScript] 纯文本查看 复制代码
S_v2f PS_vert(S_a2v i)
{
	S_v2f o;

	o.pos = mul(_Shadow_mat, mul(unity_ObjectToWorld, i.vert));

	float z = length(o.pos.xyz);
	o.pos.xyz = normalize(o.pos.xyz);
	o.pos.xy /= -o.pos.z + 1;

	o.pos.xy *= 2 * _Shadow_Range;
	o.pos.z = -z;
	o.pos = mul(_Shadow_mat2, o.pos);

	return o;
}

float4 DS_frag(S_v2f i) : SV_TARGET {
	return i.pos.z;
}

struct PS_a2t {
	float4 vertex : INTERNALTESSPOS;
	float z : TEXCOORD0;
};

PS_a2t PS_tessvert(S_a2v i) {
	PS_a2t o;
	o.vertex = i.vert;
	float3 pos = mul(_Shadow_mat, mul(unity_ObjectToWorld, i.vert));
	float z = max(length(pos),0.0001);//avoid NaN
	z = 1 - z / _Shadow_Range;
	o.z = lerp(0, 32, z);
	return o;
}

UnityTessellationFactors PS_hsconst(InputPatch<PS_a2t, 3> v) {
	UnityTessellationFactors o;
	float4 tf;
	tf = max(max(v[0].z, v[1].z), v[2].z);
	o.edge[0] = tf.x;
	o.edge[1] = tf.y;
	o.edge[2] = tf.z;
	o.inside = tf.w;
	return o;
}

[UNITY_domain("tri")]
[UNITY_partitioning("fractional_odd")] //截断在[1,max]范围内,然后取整到下一个奇数整数值
[UNITY_outputtopology("triangle_cw")] //cw顺时针,ccw逆时针
[UNITY_patchconstantfunc("PS_hsconst")]
[UNITY_outputcontrolpoints(3)]
PS_a2t PS_hs(InputPatch<PS_a2t, 3> v, uint id : SV_OutputControlPointID) {
	return v[id];
}

[UNITY_domain("tri")]
S_a2v PS_ds(UnityTessellationFactors tessFactors, const OutputPatch<PS_a2t, 3> vi, float3 bary : SV_DomainLocation) {
	S_a2v v;

	v.vert = vi[0].vertex*bary.x + vi[1].vertex*bary.y + vi[2].vertex*bary.z;

	S_v2f o = PS_vert(v);
	return o;
}

哦,值得一提的是,由于硬件插值是线性的,在shadow collection时,如果你在vertex shader里仅传递线性坐标系的坐标(如世界坐标),并将这个特殊投影推迟到pixel shader里执行,就不需要进行细分了,否则同样也必须进行细分。
最后最后再贴一下对比图:
6.png

7.png


知乎@头像是狐狸吗



跟我念“站长妹纸萌萌哒!”我说站长,你说YO!爱你们么么哒~
回复

使用道具 举报

7日久生情
2110/5000
排名
1508
昨日变化
5

0

主题

671

帖子

2110

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
135463
好友
0
蛮牛币
264
威望
0
注册时间
2016-1-23
在线时间
599 小时
最后登录
2019-2-23
发表于 2019-1-21 15:27:47 | 显示全部楼层
54654653464235234234324

回复 支持 反对

使用道具 举报

7日久生情
1925/5000
排名
2824
昨日变化
8

2

主题

996

帖子

1925

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
209046
好友
0
蛮牛币
2665
威望
0
注册时间
2017-3-30
在线时间
411 小时
最后登录
2019-2-23
发表于 2019-1-21 16:06:02 | 显示全部楼层
[发帖际遇]: sunkai 发帖时在路边捡到 2 蛮牛币,偷偷放进了口袋. 幸运榜 / 衰神榜

回复

使用道具 举报

6蛮牛粉丝
1467/1500
排名
1297
昨日变化
1

0

主题

190

帖子

1467

积分

Rank: 6Rank: 6Rank: 6

UID
137070
好友
0
蛮牛币
2951
威望
0
注册时间
2016-2-20
在线时间
349 小时
最后登录
2019-2-23
发表于 2019-1-21 18:00:40 | 显示全部楼层
感谢楼主分享!

回复

使用道具 举报

5熟悉之中
913/1000
排名
6283
昨日变化
49

0

主题

575

帖子

913

积分

Rank: 5Rank: 5

UID
300432
好友
1
蛮牛币
1282
威望
0
注册时间
2018-10-18
在线时间
114 小时
最后登录
2019-2-23
发表于 2019-1-22 09:36:59 | 显示全部楼层
6666666666

回复

使用道具 举报

7日久生情
1610/5000
排名
1474
昨日变化
1

2

主题

149

帖子

1610

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
148089
好友
0
蛮牛币
2510
威望
0
注册时间
2016-5-10
在线时间
601 小时
最后登录
2019-2-23
发表于 2019-1-22 09:50:26 | 显示全部楼层
看起来很厉害,但我表示看不懂,还没达到这个程度
[发帖际遇]: xyx1985feng 在网吧通宵,花了 3 蛮牛币. 幸运榜 / 衰神榜

回复 支持 反对

使用道具 举报

7日久生情
2592/5000
排名
2298
昨日变化
9

1

主题

1649

帖子

2592

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
119154
好友
0
蛮牛币
2634
威望
0
注册时间
2015-8-21
在线时间
328 小时
最后登录
2019-2-23
发表于 2019-1-22 10:15:18 | 显示全部楼层
谢谢楼主大大。

回复

使用道具 举报

6蛮牛粉丝
1235/1500
排名
2118
昨日变化
3

0

主题

254

帖子

1235

积分

Rank: 6Rank: 6Rank: 6

UID
68040
好友
0
蛮牛币
1734
威望
0
注册时间
2015-1-13
在线时间
331 小时
最后登录
2019-2-22
发表于 2019-1-23 09:18:27 | 显示全部楼层
这里是真的完全看不懂

回复 支持 反对

使用道具 举报

4四处流浪
392/500
排名
8424
昨日变化
76

0

主题

150

帖子

392

积分

Rank: 4

UID
300324
好友
0
蛮牛币
20
威望
0
注册时间
2018-10-17
在线时间
94 小时
最后登录
2019-2-23
发表于 2019-1-24 10:30:41 | 显示全部楼层
站长妹纸萌萌哒!

回复

使用道具 举报

7日久生情
4403/5000
排名
1776
昨日变化
2

0

主题

3109

帖子

4403

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
185339
好友
1
蛮牛币
3364
威望
0
注册时间
2016-11-20
在线时间
554 小时
最后登录
2019-2-22
发表于 2019-1-28 15:27:51 | 显示全部楼层
{:106:}

回复

使用道具 举报

排名
23981
昨日变化
15

2

主题

18

帖子

50

积分

Rank: 2Rank: 2

UID
281743
好友
0
蛮牛币
80
威望
0
注册时间
2018-5-18
在线时间
12 小时
最后登录
2019-2-1
发表于 2019-1-31 13:10:15 | 显示全部楼层
33333333333333333333333333333

回复 支持 反对

使用道具 举报

3偶尔光临
262/300
排名
14363
昨日变化
1

2

主题

168

帖子

262

积分

Rank: 3Rank: 3Rank: 3

UID
310426
好友
0
蛮牛币
546
威望
0
注册时间
2019-1-2
在线时间
34 小时
最后登录
2019-2-22
发表于 2019-2-1 09:48:11 | 显示全部楼层
{:104:}{:104:}

回复

使用道具 举报

4四处流浪
493/500
排名
7235
昨日变化
49

4

主题

231

帖子

493

积分

Rank: 4

UID
234982
好友
0
蛮牛币
1141
威望
0
注册时间
2017-7-30
在线时间
94 小时
最后登录
2019-2-20
发表于 2019-2-10 13:34:08 | 显示全部楼层
dddddddddddddddddddddddddddddddddddddddd

回复 支持 反对

使用道具 举报

2初来乍到
133/150
排名
19186
昨日变化
6

0

主题

49

帖子

133

积分

Rank: 2Rank: 2

UID
131276
好友
0
蛮牛币
13
威望
0
注册时间
2015-12-9
在线时间
54 小时
最后登录
2019-2-19
发表于 2019-2-11 14:48:33 | 显示全部楼层
实现shadow的 方法的值得学习 可以看出在灯光道路上的效果一直很好的祥子 实现shadow的 方法的值得学习 可以看出在灯光道路上的效果一直很好的祥子实现shadow的 方法的值得学习 可以看出在灯光道路上的效果一直很好的祥子

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表