UE4动态UI血条栏制作(下)

发表于2017-01-06
评论3 1.35w浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏程序行业精英群

711501594


  上篇文章做了一个动态血条的材质,本节课我们就来做一下血槽以及在场景中的UI显示(ps:没有使用umg)。
  首先是做一张带有alpha通道的贴图(这一步是在最开始准备的时候就开始做了的,血条的材质做成长条形也是因为这张长条形的血槽图)
如图:

 
 
  实际上就是一个普通的图片增加了一个ALPHA通道,操作就是将通道作为选取载入,然后新建通道,就会新建出Alpha通道,不会的大家可以询问美工,美工我也不擅长。
  然后我们需要导入一个fbx文件作为mesh文件,这里提供给大家,其实就是一个模型面片。
  plane.rar (3.91 KB, 下载次数: 0) 
  再导入我们刚刚的图片,记得在PS中导出tga格式,带上alpha通道。(我这里该图片命名为blood,那个fbx的mesh命名为plane)

  下面我们开始制作:
  1)新建材质,我这里命名为BloodBox,双击打开,把我们的blood图片拖入到材质蓝图中,材质的模式选择为Translucent(和遮罩类似),然后光照模式选为无光照模式,最后连接方式也很简单,如图:


  该图中,最下面那条线是alpha通道,然后由于做alpha通道的时候透明度太淡,所以乘上100增加深度亮度。
  2)a、打开角色蓝图,这里是创建的TopDown工程,所以角色蓝图名称是TopDownCharacter。
  b、我们新建两个staticmesh,我这里分别命名为BloodBox和Blood,然后再viewport视窗中把该两个staticmesh拖到相机的镜头前。
  c、把这两个的static mesh都替换为我们导入的plane,然后BloodBox的材质选用我们刚刚创建的BloodBox材质,而Blood的材质就选用我们上一篇文章创建的BloodLong材质。
  d、在右边的详细信息列表中分别调整BloodBox和Blood的大小,角度与相机垂直相交,使在场景中看到很满意的效果为止。
附图两张:
 
 

  然后还有一点,就是我们一运行,我们的血条就消失了,为什么呢?因为我们没有把血条固定到相机上。
  解决办法分两种
  1、把blood和bloodbox两个staticmesh拖到相机下作为子物体,如图:


  2、通过蓝图让blood和bloodbox附着在相机上,如图连接:
 

  第二种有要注意的一点就是蓝图组件的附着类型选为keep world position。
  自此,动态血条就完成了,血条的血量控制,只需要获取并控制血条材质里的血量的变量就可以了。

原文链接

著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台