当前位置: 首页 > news >正文

【UE5】将2D切片图渲染为体积纹理,最终实现使用RT实时绘制体积纹理【第七篇-体积纹理绘制】

在这里插入图片描述
我们前几篇已经完成了渲染部分,现在终于开始做动态绘制功能了

之前使用的是这样一个体积雾的切片图,那么现在要做的就是动态编辑它
在这里插入图片描述
首先,让我们简单了解一下它是如何运作的:
开始绘制画布以渲染目标,并将材质绘制到画布上。
在这里插入图片描述
我们先不考虑其他参数,首先关注所需的资源。
左侧:纹理目标,即画板。
右侧:需要一个材质,它充当笔刷。
显而易见,这个过程就是将笔刷的内容绘制到画板上。而这个“纹理目标”最终会被用作体积纹理的切片。

关键问题在于,如何在2D纹理目标上绘制出3D切片呢?之间如何转换?

我们开始一步步制作吧。

新建纹理目标

首先,我们创建一个渲染目标

新建一个渲染目标RT_VolTexture
在这里插入图片描述

调整细节

设置尺寸和目标格式
因为是三维的信息量,所以可以比二维图相对大一些
渲染目标选了单通道16位,其实我觉得8位也够
在这里插入图片描述

顺便把材质中的图替换为它
在这里插入图片描述

制作画笔

UVtoVol

新建材质函数 UVtoVol ,用来将UV转为体积
在这里插入图片描述

新建两个变量
在这里插入图片描述

将结果相乘,可以看到框内为0-1
在这里插入图片描述

使用Frac取小数部分,就得到了12个0-1循环的小UV
在这里插入图片描述

还需要给每个小UV一个编号,放在Z通道
在这里插入图片描述

使用Floor取整
在这里插入图片描述

将他除12,可以看到是这样的
在这里插入图片描述

要用它组成ID
在这里插入图片描述

将结果除以总数,可以看到从左上角的0开始,每一格都是一个ID
在这里插入图片描述

RG就相当于体积的XY平面,而ID则相当于Z轴。因此,你只需将结果放入Z通道即可。在这里插入图片描述

别忘了,我们需要这个体积的轴心位于中心位置。
对结果-0.5 *2 。完整如下:
在这里插入图片描述

M_VolPaint

新建材质M_VolPaint
在这里插入图片描述
它负责把内容绘制到RT贴图,因此改为无关照
在这里插入图片描述

他作为一个画笔,当然也得是三维的。那么我们做一个最简单的球形画笔

放入刚制作好的函数
在这里插入图片描述

因为已经把轴居中了,因此直接使用Length(同计算distance0),就得到了一个点距离场切片
在这里插入图片描述
在这里插入图片描述

有些跳跃不理解?
在这里插入图片描述
以它为例,其意思就是每个像素的XY,距离0,0有多远
在这里插入图片描述
因为我们已经居中了,实际就是这样
在这里插入图片描述
Distance就是AB两点的距离公式,如果其中一点为0,就可以用Length长度代替

增加变量Radius,控制其半径
在这里插入图片描述

除以Radius半径,规格化到0-1,并使用Saturate(等同于Clamp0-1),丢弃小于0大于1的值
在这里插入图片描述

在增加一个Density控制笔刷浓度/密度,一个简单的球形画笔就做好了。在这里插入图片描述

制作绘制蓝图

新建蓝图

新建蓝图 BP_VolPainter
在这里插入图片描述

新建函数Paint Sphere
在这里插入图片描述
在这里插入图片描述
新建变量 VolTexture ,类型是 纹理渲染目标2D ,并把我们的RT_VolTexture设置为变量默认值
在这里插入图片描述
在这里插入图片描述

绘制功能

就像之前演示的一样,但现在我们已经准备好了这两样东西
渲染目标的Size就是画板的Size,将其连接到ScreenSize
在这里插入图片描述

别忘了还需要结束:
在这里插入图片描述

测试

开启编辑器中调用
在这里插入图片描述

BP_VolPainter放在场景里,点击PaintSphere执行函数
在这里插入图片描述
在这里插入图片描述
就绘制出来了(我把笔刷的Density调到1,这样明显点)
在这里插入图片描述

检查渲染目标,已经绘制上了
在这里插入图片描述

基本的原理就是这样,但现在我们只在最中心规规整整画了一个球。
下一篇继续,如何通过调整笔刷的空间位置和大小,自由的在体积里绘制体积图案

http://www.lryc.cn/news/470161.html

相关文章:

  • Linux的环境搭建
  • WPF+Mvvm案例实战(五)- 自定义雷达图实现
  • 网络爬虫-Python网络爬虫和C#网络爬虫
  • 如何有效解除TikTok账号间的IP关联
  • Python自省机制
  • wgan-gp 对连续变量 训练,6万条数据,训练结果不错,但是到局部的时候,拟合不好,是否可以对局部数据也进行计算呢
  • python 制作 发货单 (生成 html, pdf)
  • GeoWebCache1.26调用ArcGIS切片
  • 深度学习-卷积神经网络-基于VGG16模型, 实现猫狗二分类(文末附带数据集下载链接, 长期有效)
  • 计算Java集合占用的空间【详解】
  • 仕考网:关于中级经济师考试的介绍
  • SYN590RL 300MHz至450MHz ASK接收机芯片IC
  • 15分钟学 Go 第 20 天:Go的错误处理
  • C++——string的模拟实现(上)
  • JavaCV 之均值滤波:图像降噪与模糊的权衡之道
  • 桥接模式,外界与主机通,与虚拟机不通
  • 用HTML构建酷炫的文件上传下载界面
  • Gateway 统一网关
  • 7 种常见的前端攻击
  • element plus实现点击上传于链接上传并且回显到upload组件中
  • ELK日志分析系统部署
  • 驾校小程序:一站式学车解决方案的设计与实践
  • 【自然语言处理】BERT模型
  • Android 添加如下飞行模式(飞行模式开和关、飞行模式开关菜单显示隐藏)接口
  • 【Vue3】基于 Vue3 + ECharts 实现北京市区域地图可视化
  • 【IC】什么是min period check
  • MyBatis入门之一对多关联关系(示例)
  • 【Git 】Windows 系统下 Git 文件名大小写不敏感
  • 【算法系列-二叉树】层序遍历
  • 我的世界方块改进版