UE4 实现UMG 简单涂鸦

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

 

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

UE4 实现UMG 简单涂鸦_第1张图片

 UE4 实现UMG 简单涂鸦_第2张图片

创建一个widget,如下

UE4 实现UMG 简单涂鸦_第3张图片

重写鼠标按下松开 事件UE4 实现UMG 简单涂鸦_第4张图片

UE4 实现UMG 简单涂鸦_第5张图片

UE4 实现UMG 简单涂鸦_第6张图片

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

UE4 实现UMG 简单涂鸦_第7张图片

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

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

UE4 实现UMG 简单涂鸦_第9张图片

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

UE4 实现UMG 简单涂鸦_第10张图片

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

UE4 实现UMG 简单涂鸦_第11张图片

实现:

UE4 实现UMG 简单涂鸦_第12张图片

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

UE4 实现UMG 简单涂鸦_第13张图片

中添加到视口:

UE4 实现UMG 简单涂鸦_第14张图片

效果;

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

你可能感兴趣的:(ue4)