WangYu 发表于 2021-10-21 17:15:42

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

这次给小伙伴们带来了一个很简单的水面涟漪做法,这个方法有好处也有坏处,好处就是实现简单,坏处就是动画不够自然,我们先来看看效果:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181524374568.png这个效果很适合新手来实现,更复杂的,就需要小伙伴们用数学公式来计算了,再配合自己制作的贴图,以及通道,就能实现很自然的效果,我们目前就不展开讲述了。关于此次效果,我们使用了Unity的ShaderGraph,只要小伙伴们了解一些shader基础,就能很快上手,推荐新手。但是平时学习,更多的是用它来体现一些思路,然后自己来写代码,因为自己写的代码,更自由,更容易控制,而且,如果掌握了手写Shader,会比较容易上手ShaderGraph,不知道内置节点?不要紧,自己造一个,然后替换,反正效果已经实现了。准备此次效果完全由UV动画来实现,也就是FlipBook,已经知道的大佬们,就不用继续往下了,或者也可以看看,完善一下,回忆一下? 我们需要一张法线贴图:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181526508455.png这是一个4x4的序列动画法线,通过FlipBook,来让其动起来,就可以实现酷炫的涟漪:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181527429282.png效果如下:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181529134725.png但是这样未免有点太假了,一看就很规则,这是大忌。精益求精我们还需要再来一次:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181530573426.png但这样还不够,我们还需要柔化:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181532089149.png最后经过这些步骤,再把法线混合,看到的就是这样的:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181533126516.png但其实这个还远远不够,平的地方太平了,不自然,都能泛起涟漪了,水肯定不少吧:加一层水的法线,再混合:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181536515385.png看看最终效果:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181537591177.png最后我们把法线和地表的法线混合就是最终的效果了:http://www.souvr.com/UploadFiles/Serve/2021/10/202110181539379143.png结语本次内容只是提供给小伙伴们一种实现的思路,这种效果的实现方法不唯一,得按照项目需求来定义,目前大约有三种:
[*]利用梯度值
[*]利用粒子效果渲染到shader里
[*]FlipBook
如果小伙伴们还知道其他的实现方法,可以留言讨论。希望本篇文章能帮到小伙伴们。

King 发表于 2022-3-15 23:26:36

有工具才能做实验

King 发表于 2022-3-27 00:31:54

如果掌握了手写Shader,会比较容易上手ShaderGraph,不知道内置节点?不要紧,自己造一个,然后替换,反正效果已经实现了。

King 发表于 2022-3-27 00:32:15

利用粒子效果渲染到shader里
页: [1]
查看完整版本: 使用Unity制作简单水面涟漪效果