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

扫一扫,访问微社区

开发者专栏

关注:1963

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

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

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

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

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

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熟悉之中
959/1000
排名
1637
昨日变化

0

主题

129

帖子

959

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

7日久生情
3076/5000
排名
87
昨日变化

1

主题

268

帖子

3076

积分

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

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

回复

使用道具 举报

7日久生情
1572/5000
排名
987
昨日变化
2

8

主题

302

帖子

1572

积分

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

UID
29156
好友
2
蛮牛币
4599
威望
0
注册时间
2014-6-11
在线时间
380 小时
最后登录
2017-10-18

蛮牛哥

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

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

回复

使用道具 举报

4四处流浪
425/500
排名
4573
昨日变化
3

0

主题

49

帖子

425

积分

Rank: 4

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

回复

使用道具 举报

4四处流浪
349/500
排名
10207
昨日变化
5

1

主题

47

帖子

349

积分

Rank: 4

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

回复

使用道具 举报

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

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
排名
4734
昨日变化
5

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
排名
1629
昨日变化
2

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蛮牛粉丝
1401/1500
排名
1082
昨日变化
2

1

主题

267

帖子

1401

积分

Rank: 6Rank: 6Rank: 6

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

回复

使用道具 举报

5熟悉之中
534/1000
排名
4798
昨日变化
3

0

主题

212

帖子

534

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

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

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
排名
2777
昨日变化
3

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
排名
8838
昨日变化
9

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
排名
2494
昨日变化
4

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 | 显示全部楼层
给李总点个赞先~~~~~

回复

使用道具 举报

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

本版积分规则

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