开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

开发者专栏

关注:1815

当前位置:游戏蛮牛 技术专区 开发者专栏

__________________________________________________________________________________
开发者干货区版块规则:

  1、文章必须是图文形式。(至少2幅图)
      2、文章字数必须保持在1500字节以上。(编辑器右下角有字数检查)
      3、本版块只支持在游戏蛮牛原创首发,不支持转载。
      4、本版块回复不得无意义,如:顶、呵呵、不错......【真的会扣分的哦】
      5、......
__________________________________________________________________________________
查看: 1403|回复: 16

[仅为年时] UE4动态UI血条栏制作(上)

[复制链接]  [移动端链接]
排名
789
昨日变化
1

234

主题

1267

帖子

5764

积分

Rank: 16

UID
73452
好友
82
蛮牛币
2672
威望
0
注册时间
2015-2-6
在线时间
1677 小时
最后登录
2017-8-21

专栏作家蛮牛译员社区QQ达人活力之星蛮牛哥认证开发者

QQ
发表于 2017-1-5 17:40:07 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
本帖最后由 仅为年时 于 2017-1-5 17:41 编辑

11.gif



制作动态血条栏,首先需要准备两张图片,如下图所示:
qiu_UI11.png

xuewuzi.jpg



第一张图是用来做一个胶囊体的血槽的通道图,第二张图是为了让血条动起来用的。


一、材质的制作
1),把两张图片导入到UE4中,然后右键新建材质,如图:
1.png



2)打开该材质,选中刚刚导入的两张图片,拖入到材质蓝图中,如图:
2.png



3)更改材质的相对应的模式,改为遮罩和无灯光,如下图:
3.png



然后我们可以看到,材质就只有了四个选项,我们此次只用到前两个,也就是自发光和通道。


4)新建一个纯红色,然后与第二材质图混合相乘,得出红色的纹理,如下图:
4.png



5)按住P键点击鼠标,添加一个Panner组件,该组件的作用是让UV贴图进行循环移动,左边的参数设置控制移动的方向和速度,这样子我们的红色血纹理就可以移动了。如下图:
5.png



6)再添加一个TexCoord的组件,该组件是控制贴图的大小,如下图,参数越大,UV贴图越小。
6.png



7)然后把我们刚刚做好的复制三份,分别修改三份的Panner和TexCoord的参数,都调小一点,使这三个不同,然后再混合相加,这样子看起来就有了立体的效果。如下图:
7.png



8)添加一个暗红的底色,与刚刚做好的效果叠加,这样就有了滚动血液的特效了,如下图:
8.png



二、控制血量
1)用一个数的0到1来控制血量,控制线性UV的显示,如下图所示:
9.png



2)然后我们做一个边界,实际上就是血槽再减去一点点,然后反向,把相交的那条线取出来改变一下颜色,所以我们要再复制一个血量的控制。如图:
10.png



3)然后混合上纹理与通道,再加一个边界的颜色,效果以及实现过程如下图所示:
11.png



自此,我们的材质就算是做好了。


下一节我们为大家展示如何在UI中使用我们做好的这个动态血条材质。

回复

使用道具 举报

0

主题

10

帖子

17

积分

Rank: 1

UID
102305
好友
0
蛮牛币
34
威望
0
注册时间
2015-5-22
在线时间
8 小时
最后登录
2017-1-23
发表于 2017-1-6 09:26:23 | 显示全部楼层
不需要编程。。。

回复

使用道具 举报

5熟悉之中
792/1000
排名
2137
昨日变化

0

主题

69

帖子

792

积分

Rank: 5Rank: 5

UID
130931
好友
1
蛮牛币
2396
威望
0
注册时间
2015-12-5
在线时间
221 小时
最后登录
2017-8-21
发表于 2017-1-6 09:35:51 | 显示全部楼层
没时间看UE的说,唉~

回复 支持 反对

使用道具 举报

5熟悉之中
802/1000
排名
4621
昨日变化
1

0

主题

423

帖子

802

积分

Rank: 5Rank: 5

UID
156480
好友
0
蛮牛币
1277
威望
0
注册时间
2016-7-12
在线时间
151 小时
最后登录
2017-8-21
发表于 2017-1-6 09:37:06 | 显示全部楼层
有没有 u3d 版本的

回复 支持 反对

使用道具 举报

排名
789
昨日变化
1

234

主题

1267

帖子

5764

积分

Rank: 16

UID
73452
好友
82
蛮牛币
2672
威望
0
注册时间
2015-2-6
在线时间
1677 小时
最后登录
2017-8-21

专栏作家蛮牛译员社区QQ达人活力之星蛮牛哥认证开发者

QQ
 楼主| 发表于 2017-1-6 09:44:51 | 显示全部楼层

没有,不好意思啊

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1036/1500
排名
1859
昨日变化
1

4

主题

175

帖子

1036

积分

Rank: 6Rank: 6Rank: 6

UID
81888
好友
2
蛮牛币
5840
威望
0
注册时间
2015-3-19
在线时间
301 小时
最后登录
2017-8-21

锦衣玉食

发表于 2017-1-6 09:47:18 | 显示全部楼层

很好,很强大,
很实用,赞一个

回复 支持 反对

使用道具 举报

0

主题

3

帖子

6

积分

Rank: 1

UID
168508
好友
0
蛮牛币
16
威望
0
注册时间
2016-9-14
在线时间
3 小时
最后登录
2017-1-19
发表于 2017-1-6 11:39:12 | 显示全部楼层
不错,学习了,以后常来{:87:}

回复 支持 反对

使用道具 举报

3偶尔光临
250/300
排名
6808
昨日变化
3

1

主题

40

帖子

250

积分

Rank: 3Rank: 3Rank: 3

UID
8217
好友
0
蛮牛币
514
威望
0
注册时间
2013-11-16
在线时间
73 小时
最后登录
2017-8-16
QQ
发表于 2017-1-6 14:02:45 | 显示全部楼层
uv流动。。。。。。。。。。

回复

使用道具 举报

7日久生情
1927/5000
排名
616
昨日变化
2

1

主题

518

帖子

1927

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
111260
好友
0
蛮牛币
7078
威望
0
注册时间
2015-6-30
在线时间
326 小时
最后登录
2017-8-21
发表于 2017-1-6 20:33:06 | 显示全部楼层
很好,很强大,
很实用,赞一个

回复 支持 反对

使用道具 举报

5熟悉之中
723/1000
排名
3274
昨日变化

0

主题

206

帖子

723

积分

Rank: 5Rank: 5

UID
170014
好友
0
蛮牛币
2632
威望
0
注册时间
2016-9-21
在线时间
183 小时
最后登录
2017-8-21
QQ
发表于 2017-1-7 17:12:50 | 显示全部楼层
感觉很麻烦

点评

那你有什么简单的办法吗?求指教  发表于 2017-1-7 22:09

回复

使用道具 举报

3偶尔光临
294/300
排名
6723
昨日变化
2

1

主题

62

帖子

294

积分

Rank: 3Rank: 3Rank: 3

UID
188989
好友
0
蛮牛币
451
威望
0
注册时间
2016-12-2
在线时间
93 小时
最后登录
2017-6-13
QQ
发表于 2017-1-7 23:04:24 | 显示全部楼层
666666666666666666666666666666666

回复 支持 反对

使用道具 举报

4四处流浪
474/500
排名
3901
昨日变化
2

2

主题

67

帖子

474

积分

Rank: 4

UID
150031
好友
0
蛮牛币
451
威望
0
注册时间
2016-5-27
在线时间
129 小时
最后登录
2017-4-25
发表于 2017-1-8 13:01:22 | 显示全部楼层
楼主好评

回复

使用道具 举报

排名
22356
昨日变化
12

0

主题

10

帖子

34

积分

Rank: 1

UID
199283
好友
1
蛮牛币
50
威望
0
注册时间
2017-1-5
在线时间
14 小时
最后登录
2017-2-4
发表于 2017-1-8 22:59:49 | 显示全部楼层
多谢分享,刚好用得上

回复 支持 反对

使用道具 举报

排名
24223
昨日变化
12

1

主题

15

帖子

36

积分

Rank: 1

UID
199641
好友
0
蛮牛币
15
威望
0
注册时间
2017-1-7
在线时间
10 小时
最后登录
2017-1-19
发表于 2017-1-9 20:13:37 | 显示全部楼层
很好,很强大,
很实用,赞一个

回复 支持 反对

使用道具 举报

排名
24223
昨日变化
12

1

主题

15

帖子

36

积分

Rank: 1

UID
199641
好友
0
蛮牛币
15
威望
0
注册时间
2017-1-7
在线时间
10 小时
最后登录
2017-1-19
发表于 2017-1-10 08:59:55 | 显示全部楼层
感謝正好需要
[发帖际遇]: yoyohom 乐于助人,奖励 3 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表