UE4 实现UMG 简单涂鸦

本文详细介绍了如何在UE4中使用自定义材质Mat_Paint进行UI绘画,包括创建材质、实例化材质、重写鼠标事件、获取鼠标位置及绘制过程。通过本教程,读者将学会在UE4中实现类似画布的UI绘画功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

版权声明:转载请注明出处! https://blog.youkuaiyun.com/weixin_36369675/article/details/88419361

 

创建一个材质取名为Mat_Paint,材质类型改为User Interface,给一张贴图并转化为参数。并将该材质实例化。

 

创建一个widget,如下

重写鼠标按下松开 事件

在鼠标按下时,获得鼠标初始位置,保存为startposition

初始化时创建一个width1920 height1080的canvas render target 2D,宽高即屏幕分辨率。当然也可以直接右键创建。

创建mat_paint的材质实例,通多draw material to render target 将我们的材质绘制到创建的canvas render target 2D

设置材质参数和UI图片的背景

创建函数startpaint,lastposition为鼠标上帧位置,currentposition当前位置,tickness画笔大小,rendercolor 颜色

实现:

在tick 中获取鼠标位置绘制图画:

中添加到视口:

效果;

最后,可以将背景颜色画笔调整喜欢的样式,场景中的3d涂鸦原理一样。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值