搜维尔

 找回密码
 立即注册
查看: 556|回复: 3

使用Unity制作简单水面涟漪效果

[复制链接]
发表于 2021-10-21 17:15:42 | 显示全部楼层 |阅读模式

有任何问题可电话咨询:15011062927

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

x
这次给小伙伴们带来了一个很简单的水面涟漪做法,这个方法有好处也有坏处,好处就是实现简单,坏处就是动画不够自然,我们先来看看效果:

                               
登录/注册后可看大图
这个效果很适合新手来实现,更复杂的,就需要小伙伴们用数学公式来计算了,再配合自己制作的贴图,以及通道,就能实现很自然的效果,我们目前就不展开讲述了。
关于此次效果,我们使用了Unity的ShaderGraph,只要小伙伴们了解一些shader基础,就能很快上手,推荐新手。但是平时学习,更多的是用它来体现一些思路,然后自己来写代码,因为自己写的代码,更自由,更容易控制,而且,如果掌握了手写Shader,会比较容易上手ShaderGraph,不知道内置节点?不要紧,自己造一个,然后替换,反正效果已经实现了。
准备
此次效果完全由UV动画来实现,也就是FlipBook,已经知道的大佬们,就不用继续往下了,或者也可以看看,完善一下,回忆一下? 我们需要一张法线贴图:

                               
登录/注册后可看大图
这是一个4x4的序列动画法线,通过FlipBook,来让其动起来,就可以实现酷炫的涟漪:

                               
登录/注册后可看大图
效果如下:

                               
登录/注册后可看大图
但是这样未免有点太假了,一看就很规则,这是大忌。
精益求精
我们还需要再来一次:

                               
登录/注册后可看大图
但这样还不够,我们还需要柔化:

                               
登录/注册后可看大图
最后经过这些步骤,再把法线混合,看到的就是这样的:

                               
登录/注册后可看大图
但其实这个还远远不够,平的地方太平了,不自然,都能泛起涟漪了,水肯定不少吧:
加一层水的法线,再混合:

                               
登录/注册后可看大图
看看最终效果:

                               
登录/注册后可看大图
最后我们把法线和地表的法线混合就是最终的效果了:

                               
登录/注册后可看大图
结语
本次内容只是提供给小伙伴们一种实现的思路,这种效果的实现方法不唯一,得按照项目需求来定义,目前大约有三种:
  • 利用梯度值
  • 利用粒子效果渲染到shader里
  • FlipBook
如果小伙伴们还知道其他的实现方法,可以留言讨论。
希望本篇文章能帮到小伙伴们。

回复

使用道具 举报

发表于 2022-3-15 23:26:36 | 显示全部楼层
有工具才能做实验
回复

使用道具 举报

发表于 2022-3-27 00:31:54 | 显示全部楼层
如果掌握了手写Shader,会比较容易上手ShaderGraph,不知道内置节点?不要紧,自己造一个,然后替换,反正效果已经实现了。
回复

使用道具 举报

发表于 2022-3-27 00:32:15 | 显示全部楼层
利用粒子效果渲染到shader里
回复

使用道具 举报

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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