Unity项目Lost Crypt分析-6

水面倒影的Trigger

水面环境有一个Collider,作为Trigger。当带有Player标签的物体进入时,激活Mirror摄像机,退出时禁用Mirror摄像机。


image.png
    private void OnTriggerEnter2D(Collider2D collision)
    {
        if (collision.CompareTag(activatorTag))
        {
            foreach (var obj in objects)
                obj.SetActive(true);
        }
    }

    private void OnTriggerExit2D(Collider2D collision)
    {
        if (deactivateOnExit && collision.CompareTag(activatorTag))
        {
            foreach (var obj in objects)
                obj.SetActive(false);
        }
    }

Mirror相机

Mirror相机是一个URP相机,连文档都还没写出来。参见:https://docs.unity3d.com/Packages/com.unity.render-pipelines.universal@7.1/manual/camera.html

我们只好根据hint来猜测。它从水面上的一片区域获取画面,并输出到一个Render Texture。


image.png

从下图也可以看到,水面上的倒影就是Mirror Camera采集到的区域。


image.png

水面

水面非常巧妙地分成了三个部分,顶面,侧面和倒影。
接下来来看水面的Shader:
这部分用来计算出上下两端较亮的分量,计算方式就是对Y的分布取平方,正负的图相叠加。


image.png

接下来来看波光粼粼的部分,这种变换的部分还是老套路:随时间变化的量施加于噪声。


image.png

这里的Voronoi图叫做泰森多边形,是一组由连接两邻点线段的垂直平分线组成的连续多边形组成。一个泰森多边形内的任一点到构成该多边形的控制点的距离小于到其他多边形控制点的距离


image

这里把变化的量施加给了泰森多边形的角偏移分量。
然后做调整,做完Power之后白色区域明显收缩,这也是很有用的一个技巧。


image.png

得到的波光粼粼的效果会分成三路,其中两路分别作为波光和alpha。另一路会叠加到倒影上,作为扰动添加。

再来看倒影的部分。首先还是老套路:时间变量施加于噪声。这里的变化是先分成两路,分别施加于正负Y坐标,让Y随时间变化。注意这里的x=0.18。对噪声做了水平的拉伸。对UV的操作跟你想要对图形的操作恰好是相反的,如果想放大图形,就缩小UV,如果想让图像向下,就增加V,向上,就减少V。
从图中可以看到,把上下的噪声同时相加,产生波纹的效果。


image.png

波纹作为输入与一个强度控制分量相乘。Remap用于把一个值映射到另一个范围内。例如,如果直接让用户输入0到0.02之间的数字的话,不便于输入,所以让用户输入0到1之间的数,然后我们把它映射到0到0.02,就方便了。图中的Preview作为Lerp的T分量给予,效果为在顶端更强地把效果(波动)向B(此处为0,全黑,无波动)偏移,也就是在顶端让它更少地波动。


image.png

当看到下面这个图的时候我愣了半天。左边是一个二维向量,怎么能作为X?后来查了一下才发现自己理解有偏差,这些噪声节点,生成的都是Vector1,一维的。我们看到的波动效果是因为Unity给我们在UV上进行了展示,并考虑了time的因素。那么作为一维的数据,我们只是可以理解为这个数据的变化,符合这个噪声的概率分布。把x具有高斯噪声分布,y具有voronoi噪声分布的UV作为偏移量,赋值给Sprite Render(此处将会是Mirror Camera采集的倒影)


image.png

另外,这里的UV默认值取 {1, -1} 非常重要,才能恰当地造成物体的微小形变效果和倒立效果:


image.png

当我把基础值改成{1,1}后,角色就不是倒影了:


image.png

那么来看Water - side,它使用了同样的shader,为什么看不到倒影呢?只是因为它的颜色设置成了比较深的黑色,如果设置成白色也就看的到了。下图是把颜色修改成白色之后的效果:


image.png

Water-Caustic的shader比Water-top的要简单的多,内容也类似,就不细看了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,589评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,615评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,933评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,976评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,999评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,775评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,474评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,359评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,854评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,007评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,146评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,826评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,484评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,029评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,153评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,420评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,107评论 2 356

推荐阅读更多精彩内容

  • 毛星云网名「浅墨」,微软MVP,《Windows游戏编程之从零开始》作者 本文将总结提炼“GPU精粹三部曲“11本...
    猫叔WS阅读 2,507评论 0 3
  • Unity技术面试题 一:什么是协同程序? 答:在主线程运行时同时开启另一段逻辑处理,来协助当前程序的执行。换句话...
    沐冉阅读 2,893评论 1 19
  • 听过很多道理 依然过不好这一生 《后会无期》 X小姐从小和我一起长大,上同一所幼儿园同一所小学同一所中学,就是没上...
    石VV呀阅读 217评论 0 0
  • 虚伪,可能是人之常情,因为我们不可能做到每时每刻都对一个人同一个态度。我们对别人是什么看法,可能与当时的外界环境,...
    风曦燃月阅读 2,998评论 0 8
  • 喜剧之王,看片名和角色扮演确实是喜剧,但这是一部让人流着泪看完的喜剧。主角尹天仇和柳飘飘,看似嘻嘻哈哈,没心没肺,...
    laoqiuli阅读 153评论 0 0