扫一扫，访问微社区
后使用快捷导航没有帐号？
签到成功!您今天第{todayrank}个签到，签到排名竞争激烈，记得每天都来签到哦！已连续签到:{constant}天，累计签到:{days}天
当前位置： &
_____________________________________________________________________________________________________________
问答求助版块规则：
　　1、问题尽量描述清楚
& && &2、代码要放在代码块里
& && &3、附件最好放到云盘，然后把链接放到TXT文档里，上传TXT文档。【最好没有附件，你懂得】
& && &4、本版块回复不得无意义，如：顶、呵呵、不错......以及擦边！【真的会扣分的哦】严重者，封IP！
& && &5、问题得到解决，请选择最佳答案。
& && &6、若问题是你自己解决了，可以联系管理员，返还蛮牛币，写下你的答案，另有蛮牛币奖赏。
_____________________________________________________________________________________________________________
查看: 1062|回复: 5
用NGUI做一个圆形遮罩的小地图该怎么写？
本帖为抢楼帖，欢迎抢楼!&
72376/5000排名<font color="#FF昨日变化3主题帖子积分
日久生情, 积分 2376, 距离下一级还需 2624 积分
日久生情, 积分 2376, 距离下一级还需 2624 积分
蛮牛币4154
在线时间913 小时
我百度了很多小地图的教程了， 基本上不是写的混乱少这缺那就是无法使用
我现在只会用摄像机做一个最原始的小地图（高空垂直视角跟随主角）
但是我觉得这远远不够，我需要的小地图需要像LOL或者DOTA那样的（战争迷雾请忽略，然后外框是圆形的），总是就是要美观
我知道需要使用SHADER， 但是我不懂； 我知道做最原始小地图的原理
所以希望能有前辈帮我整理一下做出我需要小地图的步骤，谢谢~！
我照着做能成功的话蛮牛币亲手奉上
每日推荐：
12排名<font color="#FF昨日变化主题帖子积分
蛮牛币7139
在线时间1243 小时
参考一下这个吧
每日推荐：
72376/5000排名<font color="#FF昨日变化3主题帖子积分
日久生情, 积分 2376, 距离下一级还需 2624 积分
日久生情, 积分 2376, 距离下一级还需 2624 积分
蛮牛币4154
在线时间913 小时
/thread-.html?_dsign=7f5b7214
参考一下这个吧
这款插件我知道 不太想用插件
每日推荐：
4483/500排名<font color="#FF昨日变化1主题帖子积分
四处流浪, 积分 483, 距离下一级还需 17 积分
四处流浪, 积分 483, 距离下一级还需 17 积分
在线时间140 小时
你白天有时间的话加我qq。下班没环境做没时间
每日推荐：
4483/500排名<font color="#FF昨日变化1主题帖子积分
四处流浪, 积分 483, 距离下一级还需 17 积分
四处流浪, 积分 483, 距离下一级还需 17 积分
在线时间140 小时
我已经无话可说了，一步一步的做了一遍。说我只说了怎么使用遮罩。&&怎么& &你想让我把小地图的脚本帮你写完么。还要做的还你看的教程一模一样。呵呵。
每日推荐：
917314/50000排名<font color="#FF昨日变化6主题帖子积分
以坛为家, 积分 17314, 距离下一级还需 32686 积分
以坛为家, 积分 17314, 距离下一级还需 32686 积分
蛮牛币58911
在线时间1694 小时
来自Mobile---
找到对象信息然后赋值
每日推荐：
认证开发者
经过游戏蛮牛认证的独立开发者视频画面怎么用圆形遮罩？视频画面变圆形缩小
不知道大家知不知道这样一个视频画面效果，在播放视频时，视频画面慢慢变成一个圆圈，只有圆圈内的画面是原视频画面，而圆圈外围就是黑色的，然后圆圈会慢慢的缩小，圆圈慢慢
&&&&&&不知道大家知不知道这样一个视频画面效果，在播放视频时，视频画面慢慢变成一个圆圈，只有圆圈内的画面是原视频画面，而圆圈外围就是黑色的，然后圆圈会慢慢的缩小，圆圈慢慢缩小直到圆圈消失，整个视频画面变成全黑的效果。小编也在找这样的效果，没找到，小编就自己摸索出来了，想看看是什么效果，可以抢先看看下面的效果视频。
视频编辑软件下载：
& && &效果视频抢先看：
& && &如果上面的视频部分不了，请到这里继续欣赏：
& && &从上网的下载软件地址上面，把软件下载了之后，打开运行软件，新建一个项目。新建项目的对话框中，点击&确定&。 弹出新建序列窗口，一般我们选择的有效预设是DV-PAL-标准 48kHz，然后看到右边的预设描述中视频的画面大小是720h 576v，其实有效预设简单的理解为视频的画面的大小，序列名称也可进行命名。下一步点击确定。
& && &来到软件主界面中，然后在项目：未命名的面板里的空白处，任意地方右键单击出现小框选项，点击&导入&即可。在弹出来的窗口里选择视频或者是一张图片都可以，并&打开&。
& && &接着把添加进来的视频，按住拖拽到右侧的时间线里的视频1轨道上，接着会弹出一个提示窗口，选择&更改序列设置&即可，这是选择视频是以原视频尺寸添加进来，然后视频就成功拖拽到了视频1轨道中了。
& && &接下来要给画个圆圈，那就点击菜单栏中的&字幕&--&新建字幕&--&默认静态字幕&，之后会弹出一个窗口，点击&确定&
& &&&然后就会弹出下图界面，在左侧的工具栏中选择&椭圆形工具&，然后在视频画面中画一个圆圈，接着就可以关闭窗口了。
& &&&刚才画的圆圈就自动添加到了项目面板中，就把圆圈这个文件拖拽到右边的视频2轨道上，至于放在视频上方的哪个地方，自己随意就可以了。小编是放在视频结尾处。
& && &然后在&效果&面板里找到&视频效果&里的&键控&并从中找到&轨道遮罩键&，将轨道遮罩键效果拖拽到视频1轨道的视频上。然后在上面的特效控制台面板里，轨道遮罩键下的遮罩中选择&视频2&，接着你会看见右侧的预览画面就会显示圆圈，只有圆圈中是视频画面，其他地方是黑色的。
& && &接着点击视频2轨道上的圆圈，然后在特效控制台中打开&运动&，把进度条拖到开始处，然后点击缩放比例前的&&添加关键帧图标，接着进度条下缩放比例处就会显示你添加的关键帧了。
& && &由于画面一开始就显示中间一个圆圈，那么我想要做一个画面慢慢变成圆圈然后又慢慢缩小的效果。那就先把缩放比例的数字调大些还有需要调整下位置，直到从小圆圈放大到下图中那样的样子。
& && &开头圆圈大小已经调整好，接下来要做视频结尾处圆圈缩小到消失在画面的效果，那就要把进度条拖到结尾处，然后要点击&&添加关键帧，给结尾处添加一个关键帧，接着就把缩放比例数值调整为0，这样圆圈就消失了。然后拖拽下进度条，看看圆圈慢慢缩小的效果。
& && &如果想要圆圈缩小到一个大小的时候，先暂停几秒，然后再接着缩小直到消失的这样的效果的话，就可以在中间处两个地方都添加关键帧，然后把这两个关键帧的缩放比例的数值都输入一样的数字，这样再拖动进度条查看效果的时候，就是圆圈缩小到一个大小的时候，先暂停几秒，然后再接着缩小直到消失的效果了。
& && &好了，视频画面慢慢从一个大圆，渐渐缩小，直到消失在画面中的效果已经制作好了，可以按空格键播放下整段视频，觉得效果还不错就可以保存成视频了。点击菜单栏上的&文件&选择&导出&--&媒体&。
& && &弹出的导出设置界面中，在格式中选择视频导出的格式，有AVI,、F4V、H.264、MOV等其他的格式，其中H.264就是MP4格式。输出名称中点击黄色字体会弹出窗口可以更改保存目录和名称。其他的设置都不用进行设置，保持默认就行。下一步&导出&。
& && &等待视频输出完成，就可以到设置的文件夹中找到视频，然后用播放器播放视频啦。只要跟着教程的步骤来操作，仔细的看看文字和截图中的内容，有耐心的跟着操作，相信你也能很快学会哦，如果有遇到什么问题，可以联系狸窝客服(QQ)。
& && &小编经常看一些网络上的视频，都有看到好几个这样的效果，画面慢慢缩小成圆圈，然后停留几秒时间，圆圈又会慢慢消失不见，直到整个画面是黑屏。小编很喜欢这样的效果，所以就把制作过程分享给大家了。
≮感觉搞笑 开心记得打赏≯
今天和闺蜜出门逛街。。。我拿着她的钱包，她拿着我的钱包。于是在街道就能看到我俩拼了命抢着付钱的壮观景象。
------分隔线----------------------------
亲们，做个小小的问答：在你们看电影或者下载电影之后，用到...
现在网络上流行着很多高清视频和电影，有些高清电影的格式叫...
随着智能手机的流行，自拍照和自拍视频已经屡见不鲜，好友聚...
答狸友问，我想把视频结尾部分视频去掉，然后换上一段其他视...
昨天是里约奥运会开始的日子，因为奥运会的开幕，感觉现在的...
平时在看视频时，马赛克的视频画面并不少见，尤其是一些新闻...用NGUI实现半圆形进度条，技能CD效果_Android开发_动态网站制作指南
用NGUI实现半圆形进度条，技能CD效果
来源：人气：177
半圆形进度条
首先将资源图片打进atlas图集，在场景上创建一个新的site。资源是一张半圆形的进度条，如下图。如果要实现进度条的效果，只需实现纵向的遮挡即可。通过UISPRITE的相关属性即可实现。
下面学习一下UISprite的相关属性：
Smple:除了显示内容从图集里面获取外，其他都和Texture一样的绘制
Sliced：这个模式支持九宫格拉伸，让四个角落的图片不变型，点击Sprite右侧的Edit按钮可以进行Sprite数据的编辑，设置Border的值即可。
Tiled：瓦片填充，会平铺进行填充
Filled：这个主要用来做技能CD、进度条等用。FillDir设置填充的模式（360度扇形，水平，垂直等），Fill Amount是填充百分比
Fl：对Sprite进行翻转：水平、垂直、水平+垂直
Fill Dir:表示填充的方向
Horizontal
从上到下减少的
是以图片左下角的点为圆心增减，
是以图片底边中点为圆心增减，
是以图片的几何中心为圆心进行增减，
设置如下：
代码如下：
using UnityE
using System.C
public class UpdateProgressbar : MonoBehaviour {
private UISprite _
// Use this for initialization
void Start ()
_sprite = gameObject.GetComponentInChildren&UISprite&();
if (_sprite == null)
Debug.LogWarning("UpdateProgressbar _sprite == null!!!");
// Update is called once per frame
void Update ()
void OnGUI()
if (GUI.Button(new Rect(50, 20, 100, 20), "Minus 10%"))
if (_sprite != null)
_sprite.fillAmount -= 0.1f;
if (_sprite.fillAmount &= 0f)
Debug.LogWarning("OnGUI _sprite.fillAmount:" + _sprite.fillAmount);
_sprite.fillAmount = 1.0f;
技能CD与进度条的不同之处在于，额外需要一个遮罩层，此外遮挡方式应当以图片的中心为圆心旋转。
实现过程：
首先创建GameObject
SkillIcon设置技能图片，挂载SkillCD.cs脚本
Mask设置UISprite的Type及Fill Dir
using UnityE
using System.C
public class SkillCD : MonoBehaviour
private UISprite _skillM
private int _skillCD = 10;
// cd为10秒
private bool _bStart =
// Use this for initialization
void Start ()
GameObject obj = gameObject.transform.Find("Mask").gameO
if (obj != null)
_skillMask = obj.GetComponent&UISprite&();
if (_skillMask == null)
Debug.LogWarning("SkillCD _skillMask == null!!!");
// Update is called once per frame
void Update () {
if (_skillMask == null)
Debug.LogWarning("Update _skillMask == null!!!");
if (_skillMask.fillAmount == 0f)
if (_bStart)
单位时间内更新量
_skillMask.fillAmount -= (1.0f / _skillCD) * Time.deltaT
void OnGUI()
if (GUI.Button(new Rect(50, 50, 100, 20), "Start CD"))
_skillMask.fillAmount = 1.0f;
测试工程添加了两个按钮用于触发测试。
参考文章：
Unity NGUI弧形血条的制作
优质网站模板}