UE4 实现UMG 简单涂鸦

时间:2024-04-04 10:23:20

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

 

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

UE4 实现UMG 简单涂鸦

 UE4 实现UMG 简单涂鸦

创建一个widget,如下

UE4 实现UMG 简单涂鸦

重写鼠标按下松开 事件UE4 实现UMG 简单涂鸦

UE4 实现UMG 简单涂鸦

UE4 实现UMG 简单涂鸦

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

UE4 实现UMG 简单涂鸦

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

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

UE4 实现UMG 简单涂鸦

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

UE4 实现UMG 简单涂鸦

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

UE4 实现UMG 简单涂鸦

实现:

UE4 实现UMG 简单涂鸦

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

UE4 实现UMG 简单涂鸦

中添加到视口:

UE4 实现UMG 简单涂鸦

效果;

UE4 实现UMG 简单涂鸦

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