海水的实时仿真一直是一个比较热门的话题,移动端海水的仿真更是热上加热,目前在这方面的研究已经不少了,可是结果都不是很近人意,在这里给你们介绍一种在移动端实时绘制的算法,知足了移动端运行的要求,并且能够在海面上显示高光,反射,以及折射效果,海浪滚动效果以及海上的泡沫效果,以及物体在大海上随海浪上下颠覆效果,比较真实的模拟了海浪的造成。算法
移动端海浪的生成尤为局限性,在这里采用网格块拼接,实现无限地形。GPU的渲染也须要使其在移动端可以运行。先将其效果图展现一下:编程
反射,折射,海面光照都有了,并且实现了泡沫效果。ide
接下来开始分析其如何实现的。spa
首先咱们要自定义生成网格块,而后再将其拼接,同时产生高度图,网格以下图示。3d
代码以下所示:blog
接下来须要渲染海面高光图示以下:get
代码以下所示:it
因为反射以及折射的效果渲染涉及到Shader的编程,咱们将其代码实现以下:io
下面实现海浪的滚动以及泡沫效果图:class
其实现代码以下所示:
以上代码采用的是Fourier算法实现的,经过枚举设置其方向。
其渲染Shader以下所示:
以上就实现了移动端海水的实时仿真,最后把在手机上运行的效果图展现一下: