【项目展示】Unity 海洋场景渲染(Boat Attack Water、光谱渲染)

2023-10-21 23:50

本文主要是介绍【项目展示】Unity 海洋场景渲染(Boat Attack Water、光谱渲染),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

项目背景

  前几个月开始做的项目,需要一个使用海洋场景。但是因为项目很急,所以海水需要使用别人已经写好的开源代码。当时就想起了Unity曾经有一个URP宣传片中的海水似乎还不错,于是便基于此项目的海水进行修改(Unity在GitHub上有两个项目,一个是Boat Attack,也就是宣传片中的项目,但海水是使用的旧版Boat Attack Water。另一个项目便是Boat Attack Water,后续有进行修改,这里采用的是新版。)
  下载下来表现很奇怪,稍微修改一下海水的参数,效果其实还是达不到要求(刚导入还会有一些无关紧要的报错,记得好像是没有找到Resources文件夹下的设置文件还是什么,可以自己简单看一下报错位置,改改就没事了。当然能容忍打开项目就弹几个报错的话也可以不管,应该是不影响使用的):

表面只能看到白沫的海水(一开始我确实没搞懂这是什么,如果Bloom默认强度画面一片白)

图a. 把白沫参数调一调(基本是关了),贴着海面看还行?

图b. 稍微远一点完全不能看,如果再远一些就都是明显的贴图质感

  项目时间跨度比较“长”(明明就才两三个月),很多东西我也记不太清了,再加上有些东西可能也不适合讲,所以就随便做个展示。

海水

  因为海水可能主要是用于近景渲染同时也为了节省性能所以效果并不理想,于是在Shader里面一通乱改,在基本相同的海水和相机参数下,图片效果对比(光照、天空盒不一样但整体应该差的也不是特别大,海水颜色在尽量相同了):

原海水稍远景渲染效果,修改关键参数看不到任何的修改反馈,动起来感觉完全是贴图

基本上细腻很多,远处也更加自然一些,同时加了一些基于高度产生的白沫

  基于贴图颜色来修改海水顶点位置、法线方向、以及白沫强度生成的动态尾迹:

网上随便找的贴图用粒子系统临时做的尾迹,效果一般但大概是那么个意思

补充:关于海水的实现

(可能会因为记忆错乱写错一些细节,主要是介绍该海水的大体实现思路,对细节感兴趣可以看源码)

  Boat Attack Water的海水实际上分为近海面和远海面两部分。近海面使用的是始终跟随相机XZ坐标的一个固定网格模型(除此之外我了解到还有一种解决方案,大概是基于屏幕空间映射动态生成覆盖整个画面内海水的网格,好处是拉近可以渲染细节,而远离也可以渲染大场景)。但这个网格模型大小毕竟是有限的,覆盖不到地平线那么远,因此远处使用了一个法线向内的圆柱面,并将海水远景渲染在了上面。从上图b可以看到明显的分界,近处的海水会有顶点的偏移且渲染细节较多,远处看起来更加平坦,有明显的贴图感。

  关于远海的部分没细看过就不瞎扯了,主要讲一下近海部分。
  海浪:Gerstner叠加生成的,然后在vs里修改了顶点的位置和法线,问题在于如果面数不够密集的话会有很严重的失真(所以法线被我改到了ps里,但为了让远景看着不至于十分尖锐而且富有规律、以及避免摩尔纹等,包括海浪等各方面都做了点距离衰减)。
  微表面:因为基本的海浪缺少了细腻海平面波动,因此实际上海水的法线还叠加了一层微表面贴图的扰动,图a中细腻的“皱纹”就是因此而来。
  近岸白沫:基本上应该是使用的深度图之类的,对比一下场景和海面的深度,非常接近时会混合白沫(代码里好像简单看到过,因为不需要修改就没仔细看)。
  海面白沫:没注意原本是怎么做的,因为刚打开项目发现很奇怪就直接被我关了。后来因为项目需要在海浪比较大的时候简单加一些白沫,我就采样了它自带的白沫贴图的其中一个通道然后混合了海面高度。
  着色:主要包括折射、反射、太阳高光、SSS(其实还有混合白沫、雾那些)。折射大概是渲一张不透明物体图然后采样做一些扰动,反射提供几种选择,基本就用的平面反射,也是多渲一张图采样,高光用的URP里的DirectBDRF(),SSS应该是个近似解。最后的结果就是折射、反射用菲涅尔系数(用的URP里的F_Schlick()实现做了简单修改)做一个混合后叠加高光、SSS。

光谱渲染

  实际上场景里的所有颜色都是通过光谱计算得到的,也就是从光源、材质到成像都是光谱数据。但完全实时的光谱渲染性能开销会非常大(简单理解就是原本rgb三通道相乘的部分变成了几十上百个通道相乘,仅此处开销就翻几十倍,而光谱渲染还会多一些额外步骤),于是考虑项目实际情况做了预计算,下边是一个基于光谱渲染的结果(即图片上方渲染的球或者立方体)与理论结果(背后的标准色板图片)的对比:

基于光谱渲染的球

模型换成了立方体,光照垂直入射,漫反射强度为1,仔细看会发现其实有细微误差

  其实项目大部分时间在做一些业务逻辑、界面之类的方便调整各种参数、输出各种结果等等。这些主要是注意各种细节避免bug,比较无聊也学不到什么东西,就不再展示了。

这篇关于【项目展示】Unity 海洋场景渲染(Boat Attack Water、光谱渲染)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/257750

相关文章

SpringBoot项目启动错误:找不到或无法加载主类的几种解决方法

《SpringBoot项目启动错误:找不到或无法加载主类的几种解决方法》本文主要介绍了SpringBoot项目启动错误:找不到或无法加载主类的几种解决方法,具有一定的参考价值,感兴趣的可以了解一下... 目录方法1:更改IDE配置方法2:在Eclipse中清理项目方法3:使用Maven命令行在开发Sprin

Nginx实现高并发的项目实践

《Nginx实现高并发的项目实践》本文主要介绍了Nginx实现高并发的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录使用最新稳定版本的Nginx合理配置工作进程(workers)配置工作进程连接数(worker_co

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

SpringBoot项目注入 traceId 追踪整个请求的日志链路(过程详解)

《SpringBoot项目注入traceId追踪整个请求的日志链路(过程详解)》本文介绍了如何在单体SpringBoot项目中通过手动实现过滤器或拦截器来注入traceId,以追踪整个请求的日志链... SpringBoot项目注入 traceId 来追踪整个请求的日志链路,有了 traceId, 我们在排

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

golang内存对齐的项目实践

《golang内存对齐的项目实践》本文主要介绍了golang内存对齐的项目实践,内存对齐不仅有助于提高内存访问效率,还确保了与硬件接口的兼容性,是Go语言编程中不可忽视的重要优化手段,下面就来介绍一下... 目录一、结构体中的字段顺序与内存对齐二、内存对齐的原理与规则三、调整结构体字段顺序优化内存对齐四、内

配置springboot项目动静分离打包分离lib方式

《配置springboot项目动静分离打包分离lib方式》本文介绍了如何将SpringBoot工程中的静态资源和配置文件分离出来,以减少jar包大小,方便修改配置文件,通过在jar包同级目录创建co... 目录前言1、分离配置文件原理2、pom文件配置3、使用package命令打包4、总结前言默认情况下,

python实现简易SSL的项目实践

《python实现简易SSL的项目实践》本文主要介绍了python实现简易SSL的项目实践,包括CA.py、server.py和client.py三个模块,文中通过示例代码介绍的非常详细,对大家的学习... 目录运行环境运行前准备程序实现与流程说明运行截图代码CA.pyclient.pyserver.py参

IDEA运行spring项目时,控制台未出现的解决方案

《IDEA运行spring项目时,控制台未出现的解决方案》文章总结了在使用IDEA运行代码时,控制台未出现的问题和解决方案,问题可能是由于点击图标或重启IDEA后控制台仍未显示,解决方案提供了解决方法... 目录问题分析解决方案总结问题js使用IDEA,点击运行按钮,运行结束,但控制台未出现http://