UE4通过UCanvasRenderTarget2D导出图片+文字的组合图

2024-06-16 02:38

本文主要是介绍UE4通过UCanvasRenderTarget2D导出图片+文字的组合图,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原创文章,转载请注明出处。

UCanvasRenderTarget2D 导出图片

  • 前言
  • 开始做
    • 创建1>CanvasRenderTarget2D, 对其实现
    • 创建2>材质球
    • 创建3>材质实例
    • 创建4>材质Actor,里面放了个Box,为了看效果,实际上这个可以不参与视觉交互。记得将这个Actor拖到世界中。
    • 创建5>RenderTarget
  • 效果
  • 补充
  • 由于上述是演示,不完善,用到项目中还需要完善下面几个内容

前言

更新日期 2021-10-29 11:23:25
做了一个插件,下载地址
关于插件怎么用,EKExportImageLibrary.cpp中提供了两个静态导出方法

UEKCRT2DExportImageLibrary::EKCRT2DExportByPath
UEKCRT2DExportImageLibrary::EKCRT2DExportByTexture2D

通过监测EKCRT2D_Delegates.h中的FOnExportImageSuccessDelegate::OnExportImageSuccessDelegate代理可以获得导出完成的通知。

通过程序生成二维码图片,并且在二维码图片下面标记一串文本(二维码长得都差不多,肉眼难以分辨,所以加上文本),导出图片后,可以打印贴到相应的房间内。

大概在UE4中的样子如下
在这里插入图片描述

导出后的图片如下,可以是HDR、Png
在这里插入图片描述

开始做

一共是需要下面几个资源内容,即可快速完成这个功能。当然这是演示,蓝图对于写博客,给大家演示会更直观。用到项目里面的话还是要封装一下的。
在这里插入图片描述

创建1>CanvasRenderTarget2D, 对其实现

在这里插入图片描述
在这里插入图片描述

创建2>材质球

在这里插入图片描述

在这里插入图片描述

创建3>材质实例

在这里插入图片描述
在这里插入图片描述

创建4>材质Actor,里面放了个Box,为了看效果,实际上这个可以不参与视觉交互。记得将这个Actor拖到世界中。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

创建5>RenderTarget

在这里插入图片描述

效果

可以看到文件夹里多了一张图
在这里插入图片描述

补充

该文章只介绍了DrawTexture和DrawText,其实是很多效果可以被绘制出来的。
在这里插入图片描述

由于上述是演示,不完善,用到项目中还需要完善下面几个内容

1> 导出的图片背景颜色怎么调整?(现在是黑色)
2> 导出的图片上的图片源素材、文本内容 参数化;
3> 导出的图片大小,调整CreateCanvasRenderTarget2D调用时候传入的画布大小;
4> 导出的图片上面的文本、图片的位置在哪?
5> 文本更多的效果,颜色、大小,是否模糊?
6> 导出格式你想要PNG还是JPG或者HDR? 对应代码去这个函数中找

UKismetRenderingLibrary::ExportRenderTarget

7> 你是否考虑封装成C++来做?

最后,如果你按照步骤不能实现的话,请留言告诉我。

谢谢,创作不易,大侠请留步… 动起可爱的双手,来个赞再走呗 <( ̄︶ ̄)>

这篇关于UE4通过UCanvasRenderTarget2D导出图片+文字的组合图的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

mysql索引四(组合索引)

单列索引,即一个索引只包含单个列,一个表可以有多个单列索引,但这不是组合索引;组合索引,即一个索引包含多个列。 因为有事,下面内容全部转自:https://www.cnblogs.com/farmer-cabbage/p/5793589.html 为了形象地对比单列索引和组合索引,为表添加多个字段:    CREATE TABLE mytable( ID INT NOT NULL, use

JAVA读取MongoDB中的二进制图片并显示在页面上

1:Jsp页面: <td><img src="${ctx}/mongoImg/show"></td> 2:xml配置: <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001

在服务器上浏览图片

@StarSky 2018-10-26 15:09 字数 15971 阅读 28 https://www.zybuluo.com/StarSky/note/1294871 来源 2018-09-27 线上服务器安装 imgcat Tool   2018-09-27 线上服务器安装 imgcat 0. 准备文件:iterm2_shell_integration.bash1. 在有权限

前端 CSS 经典:文字描边

前言:文字描边有两种实现方式 1. text-shadow 设置 8 个方向的文字阴影,缺点是只有八个方向,文字转角处可能有锯齿状。不支持文字透明,设置 color: transparent,文字会成描边颜色。 <!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><meta http-equiv="X-UA-Comp

FastAdmin/bootstrapTable 表格中生成的按钮设置成文字

公司有个系统后台框架用的是FastAdmin,后台表格的操作栏按钮只有图标,想要设置成文字。 查资料后发现其实很简单,主需要新增“text”属性即可,如下 buttons: [{name: 'acceptcompany',title: '复核企业',text:'复核企业',classname: 'btn btn-xs btn-primary btn-dialog',icon: 'fa fa-pe

el-upload 上传图片及回显照片和预览图片,文件流和http线上链接格式操作

<div v-for="(info, index) in zsjzqwhxqList.helicopterTourInfoList" :key="info.id" >编辑上传图片// oss返回线上地址http链接格式:<el-form-itemlabel="巡视结果照片":label-width="formLabelWidth"><el-upload:action="'http:

PHP生成csv格式Excel,秒级别实现excel导出功能

防止报超内存,兼容中文,兼容科学技术法。 爽。。。。很爽。。。。 /*** 告诉浏览器下载csv文件* @param string $filename*/public static function downloadCsv($data, $filename, $encoding = 'utf-8'){header("Content-type: text/csv");header("Conten

TextGroupView (TextView组合控件)

TextGroupView ImageView + TextView + TextView +TextView+ EditText +ImageView + ImageView 实现的组合控件 JitPack依赖 A.项目/build.grade allprojects {repositories {...maven { url 'https://jitpack.io' }}} B.

oracle数据导出txt及导入txt

oracle数据导出txt及导入txt ORACLE数据导出TXT及从TXT导入: 导出到TXT文件: 1、用PL/SQL DEV打开CMD窗口。 2、spool d:/output.txt; 3、set heading off; --去掉表头 4、select * from usergroup; 5、spool off; www.2ct

【QML】用 Image(QQuickPaintedItem) 显示图片

大体功能: 频繁地往界面推送图片,帧率达到视频效果。捕获画布上的鼠标事件和键盘事件。 代码如下: // DrawImageInQQuickPaintedItem.pro 代码如下:QT += quick# You can make your code fail to compile if it uses deprecated APIs.# In order to do so, uncom