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

扫一扫,访问微社区

开发者专栏

关注:1876

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

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

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

[李剑英] 剑英陪你玩转图形学(五)focus

  [复制链接]  [移动端链接]
抢楼 抢楼 本帖为抢楼帖,欢迎抢楼! 
排名
9856
昨日变化
3

34

主题

182

帖子

1235

积分

Rank: 9Rank: 9Rank: 9

UID
18367
好友
45
蛮牛币
1994
威望
0
注册时间
2014-3-20
在线时间
124 小时
最后登录
2017-6-24

认证开发者

发表于 2015-12-27 17:58:04 | 显示全部楼层 |阅读模式

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

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

x
本帖最后由 lights 于 2014-12-31 17:49 编辑

很久没来和大家交流业务(zhuangbi)水平了,最近实在是很忙,报名了小游戏大赛,一点时间都抽不出,已经坑了。
今天抓紧时间和大家介绍一个小效果:
新手引导的时候,我们会需要一种全屏幕黑掉,只有一个区域亮起的效果
先看效果
http://lightszero.github.io/focuswin/focuswin.html

001.png
一、首先让我们来建立基本的测试环境

002.png

建立两个Quad
把Camera配置成这样
003.png

004.png

用正交相机,尺寸设置0.5,这样quad不缩放刚好高度满屏

把Quad配置成这样

005.png
把QuadOver配置成这样
006.png
这时候Quad就在屏幕中心,和屏幕看起来一样高

看起来是这样的
007.png

制作这样一张png图片

008.png
再找张背景图,
然后给背景图一个unlit材质,给quad

给quadover一个 unlit 透明材质,给quadover
009.png
看起来就是这样的,如果你没有弄错这个样子,回头再来一遍。
然后我们给Quad加个脚本,让他随时保持全屏
010.png

012.png

二、让镂空区域动起来
让镂空区域动起来,这样就可以了,这个是对Uv的乘法和加法。

如果自己写个shader,tiling 和Offset看起来应该是这样的

013.png

不需要写shader,我们用默认的就可以了。
014.png

你就可以得到这样一个效果
015.png

聪明的你一定会发现问题所在,怎么这么多。

这里要提一下Texture的FilterMode了,让我们修改一下
016.png
017.png

这个地方Unity又弄错了,这个Clamp其实是Border,也就是当uv超出0~1范围时取贴图的边缘颜色。

018.png

来调整一下

就得到了

019.png

这样的效果
三、驱动镂空位置和大小
接下来我们就是去做一个转换,根据我们想要的区域,计算出对应的tiling和offset

给quadover添加如下脚本

020.png

你就可以用鼠标拖动镂空区域了
用鼠标滚轮可以改变镂空区域大小




quad unity;unity tiling;unity quad 是什么;tiling unity

评分

参与人数 3蛮牛币 +30 贡献 +30 鲜花 +37 收起 理由
ykr168age + 5 赞一个!
pza385734174 + 2 赞一个!
admin + 30 + 30 + 30 很给力!

查看全部评分


回复

使用道具 举报

5熟悉之中
954/1000
排名
1578
昨日变化
1

0

主题

129

帖子

954

积分

Rank: 5Rank: 5

UID
8130
好友
0
蛮牛币
1997
威望
0
注册时间
2013-11-15
在线时间
185 小时
最后登录
2017-9-20
发表于 2015-12-29 09:43:55 | 显示全部楼层
感谢分享!!!!!!!~~~~~~~~~~~~~~~~

回复

使用道具 举报

7日久生情
3065/5000
排名
73
昨日变化

1

主题

268

帖子

3065

积分

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

UID
10323
好友
0
蛮牛币
3166
威望
0
注册时间
2013-12-15
在线时间
682 小时
最后登录
2017-9-23
发表于 2015-12-29 09:47:38 | 显示全部楼层
不错的内容,顶起来

回复

使用道具 举报

7日久生情
1547/5000
排名
968
昨日变化
1

8

主题

302

帖子

1547

积分

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

UID
29156
好友
2
蛮牛币
4565
威望
0
注册时间
2014-6-11
在线时间
371 小时
最后登录
2017-9-19

蛮牛哥

发表于 2015-12-29 09:47:45 | 显示全部楼层

感谢分享!!!!!!!~~~~~~~~~~~~~~~~

回复

使用道具 举报

4四处流浪
421/500
排名
4445
昨日变化
1

0

主题

49

帖子

421

积分

Rank: 4

UID
11616
好友
1
蛮牛币
956
威望
0
注册时间
2014-1-2
在线时间
126 小时
最后登录
2017-8-3
发表于 2015-12-29 09:47:56 | 显示全部楼层
LOOK LOOK LOOK LOOK LOOK LOOK LOOK LOOK LOOK LOOK LOOK LOOK

回复

使用道具 举报

4四处流浪
315/500
排名
9856
昨日变化
3

1

主题

44

帖子

315

积分

Rank: 4

UID
14428
好友
0
蛮牛币
269
威望
0
注册时间
2014-2-14
在线时间
195 小时
最后登录
2017-9-20
发表于 2015-12-29 09:50:44 | 显示全部楼层
学习一下,多谢楼主分享。。。

回复

使用道具 举报

6蛮牛粉丝
1222/1500
排名
1233
昨日变化

0

主题

143

帖子

1222

积分

Rank: 6Rank: 6Rank: 6

UID
14941
好友
1
蛮牛币
2444
威望
0
注册时间
2014-2-19
在线时间
326 小时
最后登录
2016-11-4
发表于 2015-12-29 09:51:36 | 显示全部楼层
不错的内容,顶起来   

回复

使用道具 举报

4四处流浪
393/500
排名
4598
昨日变化

1

主题

93

帖子

393

积分

Rank: 4

UID
11335
好友
0
蛮牛币
541
威望
0
注册时间
2013-12-28
在线时间
63 小时
最后登录
2016-6-23
发表于 2015-12-29 09:52:34 | 显示全部楼层
看上去好像很牛逼的样子

回复

使用道具 举报

6蛮牛粉丝
1020/1500
排名
1553
昨日变化

2

主题

184

帖子

1020

积分

Rank: 6Rank: 6Rank: 6

UID
799
好友
1
蛮牛币
2130
威望
0
注册时间
2013-7-12
在线时间
190 小时
最后登录
2016-12-26

社区QQ达人

发表于 2015-12-29 10:04:29 | 显示全部楼层
不错的内容,顶起来

回复

使用道具 举报

6蛮牛粉丝
1398/1500
排名
1035
昨日变化

1

主题

267

帖子

1398

积分

Rank: 6Rank: 6Rank: 6

UID
17961
好友
10
蛮牛币
301
威望
0
注册时间
2014-3-17
在线时间
282 小时
最后登录
2017-9-22
发表于 2015-12-29 10:09:12 | 显示全部楼层
呵呵一笑!!!!!!!!!!!!!!!!!!!!!!!!!!

回复

使用道具 举报

5熟悉之中
529/1000
排名
4654
昨日变化

0

主题

210

帖子

529

积分

Rank: 5Rank: 5

UID
22413
好友
5
蛮牛币
765
威望
0
注册时间
2014-4-22
在线时间
89 小时
最后登录
2017-9-6
发表于 2015-12-29 10:15:32 | 显示全部楼层
{:104:}{:104:}

回复

使用道具 举报

7日久生情
2123/5000
排名
585
昨日变化

9

主题

514

帖子

2123

积分

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

UID
3641
好友
5
蛮牛币
2510
威望
0
注册时间
2013-9-11
在线时间
444 小时
最后登录
2017-6-19

社区QQ达人游戏蛮牛QQ群会员

发表于 2015-12-29 10:16:24 | 显示全部楼层
李老师的作品必须得支持的。

回复

使用道具 举报

5熟悉之中
572/1000
排名
2678
昨日变化
1

0

主题

60

帖子

572

积分

Rank: 5Rank: 5

UID
18543
好友
1
蛮牛币
1381
威望
0
注册时间
2014-3-22
在线时间
94 小时
最后登录
2015-10-11
发表于 2015-12-29 10:21:28 | 显示全部楼层
学习了,感谢分享。。。

回复

使用道具 举报

3偶尔光临
161/300
排名
8579
昨日变化
4

0

主题

13

帖子

161

积分

Rank: 3Rank: 3Rank: 3

UID
57577
好友
1
蛮牛币
249
威望
0
注册时间
2014-11-25
在线时间
50 小时
最后登录
2016-1-20
发表于 2015-12-29 10:35:58 | 显示全部楼层
感谢分享,很有用处!!!!!

回复

使用道具 举报

5熟悉之中
726/1000
排名
2406
昨日变化

0

主题

140

帖子

726

积分

Rank: 5Rank: 5

UID
6558
好友
3
蛮牛币
1593
威望
0
注册时间
2013-10-28
在线时间
114 小时
最后登录
2017-9-11

游戏蛮牛QQ群会员

发表于 2015-12-29 10:47:15 | 显示全部楼层
给李总点个赞先~~~~~

回复

使用道具 举报

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

本版积分规则

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