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

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

news 2025/10/31 11:47:18

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

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

关键问题在于，如何在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，这样明显点)
在这里插入图片描述

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

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

相关文章：

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

我们前几篇已经完成了渲染部分，现在终于开始做动态绘制功能了 之前使用的是这样一个体积雾的切片图，那么现在要做的就是动态编辑它 首先，让我们简单了解一下它是如何运作的： 开始绘制画布以渲染目标，并将材质绘制到画…...

编程日记 2024/10/27 21:16:51

Linux的环境搭建

目录 1、linux的简单介绍 2、搭建linux环境 2.1 linux的环境安装 2.2 使用Xshell远程登入linux 2.2.1 Xshell免密登入 2.3 windows与Xshell与linux云服务器的关系 1、linux的简单介绍 linux操作系统 为 部分汇编 C语言编写 的操作系统 源代码公开(开源)，官…...

编程日记 2024/10/27 21:15:50

WPF+Mvvm案例实战（五）- 自定义雷达图实现

文章目录 1、项目准备1、创建文件2、用户控件库 2、功能实现1、用户控件库1、控件样式实现2、数据模型实现 2、应用程序代码实现1.UI层代码实现2、数据后台代码实现3、主界面菜单添加1、后台按钮方法改造：2、按钮添加：3、依赖注入 3、运行效果4、源代码获…...

编程日记 2024/10/27 21:14:48

网络爬虫-Python网络爬虫和C#网络爬虫

爬虫是一种从互联网抓取数据信息的自动化程序，通过 HTTP 协议向网站发送请求，获取网页内容，并通过分析网页内容来抓取和存储网页数据。爬虫可以在抓取过程中进行各种异常处理、错误重试等操作，确保爬取持续高效地运行 1、Python网…...

编程日记 2024/10/27 21:13:48

如何有效解除TikTok账号间的IP关联

在当今社交媒体环境中，TikTok凭借其独特的短视频形式吸引了数以亿计的用户。对许多内容创作者而言，运营多个账号是获取更大曝光和丰富内容的有效策略。然而，如何避免这些账号之间的IP关联，以防止被平台识别并封禁，成为…...

编程日记 2024/10/27 21:10:45

Python自省机制

Python 自省机制 Python 自省（Introspection）是一种动态检查对象的能力，使得开发者可以在运行时获取对象的相关信息，比如属性、方法、类型等。自省机制让 Python 具备了更强的动态性和灵活性，便于调试和开发。 自省&…...

编程日记 2024/10/27 21:07:42

wgan-gp 对连续变量 训练，6万条数据，训练结果不错，但是到局部的时候，拟合不好，是否可以对局部数据也进行计算呢

Wasserstein GAN with Gradient Penalty (WGAN-GP) 是一种改进的生成对抗网络（GAN），它通过引入梯度惩罚来改进训练过程，从而提高生成模型的稳定性和质量。如果你在使用WGAN-GP对连续变量进行训练时，发现整体训练结果不…...

编程日记 2024/10/27 21:03:37

python 制作 发货单 （生成 html, pdf）

起因， 目的: 某个小店，想做个发货单。 过程: 先写一个 html 模板。准备数据， 一般是从数据库读取，也可以是 json 格式，或是 python 字典。总之，是数据内容。使用 jinja2 来渲染模板。最终的结果可以是 h…...

编程日记 2024/10/27 21:01:35

GeoWebCache1.26调用ArcGIS切片

常用网址： GeoServer GeoWebCache (osgeo.org) GeoServer 用户手册 — GeoServer 2.20.x 用户手册 一、版本需要适配：Geoserver与GeoWebCache、jdk等的版本适配对照 ​ 查看来源 二、准备工作 1、数据：Arcgis标准的切片，通过…...

编程日记 2024/10/27 21:00:34

深度学习-卷积神经网络-基于VGG16模型, 实现猫狗二分类(文末附带数据集下载链接, 长期有效)

简介: 1.基于VGG16模型进行特征提取, 结合mlp实现猫狗二分类 2.训练数据--"dog_cat_class\training_set" 3.模型训练流程 1.对图像数据进行导入和预处理 2.搭建模型, 导入VGG16模型, 去除mlp层, 将经过VGG16训练后的数据作为输入, 输入到自建的mlp层中进行训练, 要…...

编程日记 2024/10/27 20:59:33

计算Java集合占用的空间【详解】

以ArrayList为例，假设集合元素类型是Person类型，假设集合容量为10，目前有两个person对象{name:“Jack”,age12} {name:“Tom”,age14} public class Person{private String name;private int age; }估算Person对象占用的大小： 对…...

编程日记 2024/10/27 20:57:31

仕考网：关于中级经济师考试的介绍

中级经济师考试是一种职称考试，每年举办一次，报名时间在7-8月，考试时间在10-11月 报名入口：中guo人事考试网 报名条件： 1.高中毕业并取得初级经济专业技术资格，从事相关专业工作满10年; 2.具备大学专科…...

编程日记 2024/10/27 20:55:29

SYN590RL 300MHz至450MHz ASK接收机芯片IC

一般描述 SYN590RL是赛诺克全新开发设计的一款宽电压范围,低功耗,高性能,无需外置AGC电容，灵敏度达到典型-110dBm，300MHz”450MHz 频率范围应用的单芯片ASK或OOK射频接收器。 SYN59ORL是一款典型的即插即用型单片高集成度无线接收器&…...

编程日记 2024/10/27 20:54:28

15分钟学 Go 第 20 天：Go的错误处理

第20天：Go的错误处理 目标 学习如何处理错误，以确保Go程序的健壮性和可维护性。 1. 错误处理的重要性 在开发中，错误处理至关重要。程序在运行时可能会出现各种问题，例如文件未找到、网络连接失败等。正确的错误处理能帮助我们…...

编程日记 2024/10/27 20:53:27

C++——string的模拟实现（上）

目录 引言 成员变量 1.基本框架 成员函数 1.构造函数和析构函数 2.拷贝构造函数 3.容量操作函数 3.1 有效长度和容量大小 3.2 容量操作 3.3 访问操作 (1)operator[]函数 (2)iterator迭代器 3.4 修改操作 (1)push_back()和append() (2)operator函数 引言 在 C—…...

编程日记 2024/10/27 20:49:22

JavaCV 之均值滤波：图像降噪与模糊的权衡之道

🧑 博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/literature?__c1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，…...

编程日记 2024/10/27 20:47:20

桥接模式，外界与主机通，与虚拟机不通

一 二 在此选择Windows与外界连接的网卡，通过有线连就选有线网卡，通过无线连就选无线网卡。 三 如果需要设置固定IP，则选择"Manual"进行设置。我这边根据实际需要，走无线的时候用DHCP，走有线的时候设固定IP…...

编程日记 2024/10/27 20:45:19

用HTML构建酷炫的文件上传下载界面

1. 基础HTML结构 首先&#xff0c;我们构建一个基本的HTML结构&#xff0c;包括一个表单用于文件上传&#xff0c;以及一个列表用于展示已上传文件&#xff1a; HTML <!DOCTYPE html> <html> <head><title>酷炫文件上传下载</title><link …...

编程日记 2024/10/27 20:44:18

Gateway 统一网关

一、初识 Gateway 1. 为什么需要网关 我们所有的服务可以让任何请求访问&#xff0c;但有些业务不是对外公开的&#xff0c;这就需要用网关来统一替我们筛选请求&#xff0c;它就像是房间的一道门&#xff0c;想进入房间就必须经过门。而请求想要访问微服务&#xff0c;就必须…...

编程日记 2024/10/27 20:43:16

7 种常见的前端攻击

大家都知道&#xff0c;保证网站的安全是十分重要的&#xff0c;一旦网站被攻陷&#xff0c;就有可能造成用户的经济损失&#xff0c;隐私泄露&#xff0c;网站功能被破坏&#xff0c;或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的前端攻击。 1. 跨站脚本 (X…...

编程日记 2024/10/27 20:42:14

超短脉冲激光自聚焦效应

前言与目录 强激光引起自聚焦效应机理 超短脉冲激光在脆性材料内部加工时引起的自聚焦效应&#xff0c;这是一种非线性光学现象&#xff0c;主要涉及光学克尔效应和材料的非线性光学特性。 自聚焦效应可以产生局部的强光场&#xff0c;对材料产生非线性响应&#xff0c;可能…...

编程新知 2025/10/27 15:21:40

【JavaEE】-- HTTP

1. HTTP是什么&#xff1f; HTTP&#xff08;全称为"超文本传输协议"&#xff09;是一种应用非常广泛的应用层协议&#xff0c;HTTP是基于TCP协议的一种应用层协议。 应用层协议&#xff1a;是计算机网络协议栈中最高层的协议&#xff0c;它定义了运行在不同主机上…...

编程新知 2025/10/25 8:00:21

深入浅出：JavaScript 中的 `window.crypto.getRandomValues()` 方法

深入浅出&#xff1a;JavaScript 中的 window.crypto.getRandomValues() 方法 在现代 Web 开发中&#xff0c;随机数的生成看似简单&#xff0c;却隐藏着许多玄机。无论是生成密码、加密密钥&#xff0c;还是创建安全令牌&#xff0c;随机数的质量直接关系到系统的安全性。Jav…...

编程新知 2025/10/8 4:56:09

React Native在HarmonyOS 5.0阅读类应用开发中的实践

一、技术选型背景 随着HarmonyOS 5.0对Web兼容层的增强&#xff0c;React Native作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。阅读类应用具有UI复杂度低、数据流清晰的特点。 二、核心实现方案 1. 环境配置 &#xff08;1&#xff09;使用React Native…...

编程新知 2025/8/19 2:57:37

oracle与MySQL数据库之间数据同步的技术要点

Oracle与MySQL数据库之间的数据同步是一个涉及多个技术要点的复杂任务。由于Oracle和MySQL的架构差异&#xff0c;它们的数据同步要求既要保持数据的准确性和一致性&#xff0c;又要处理好性能问题。以下是一些主要的技术要点&#xff1a; 数据结构差异 数据类型差异&#xff…...

编程新知 2025/8/12 3:03:43

基于数字孪生的水厂可视化平台建设：架构与实践

分享大纲&#xff1a; 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年&#xff0c;数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段&#xff0c;基于数字孪生的水厂可视化平台的…...

编程新知 2025/8/24 3:48:04

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。 可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码 我们将以 fmt 这个流行的格式化库为例，演示如何： 使用 FetchContent 从 GitH…...

编程新知 2025/10/30 5:11:46

OpenLayers 分屏对比(地图联动)

注&#xff1a;当前使用的是 ol 5.3.0 版本&#xff0c;天地图使用的key请到天地图官网申请&#xff0c;并替换为自己的key 地图分屏对比在WebGIS开发中是很常见的功能&#xff0c;和卷帘图层不一样的是&#xff0c;分屏对比是在各个地图中添加相同或者不同的图层进行对比查看。…...

编程新知 2025/9/30 5:23:30

ArcGIS Pro制作水平横向图例+多级标注

今天介绍下载ArcGIS Pro中如何设置水平横向图例。 之前我们介绍了ArcGIS的横向图例制作&#xff1a;ArcGIS横向、多列图例、顺序重排、符号居中、批量更改图例符号等等&#xff08;ArcGIS出图图例8大技巧&#xff09;&#xff0c;那这次我们看看ArcGIS Pro如何更加快捷的操作。…...

编程新知 2025/10/28 10:23:57

全志A40i android7.1 调试信息打印串口由uart0改为uart3

一&#xff0c;概述 1. 目的 将调试信息打印串口由uart0改为uart3。 2. 版本信息 Uboot版本&#xff1a;2014.07&#xff1b; Kernel版本&#xff1a;Linux-3.10&#xff1b; 二&#xff0c;Uboot 1. sys_config.fex改动 使能uart3(TX:PH00 RX:PH01)&#xff0c;并让boo…...

编程新知 2025/10/27 18:40:50