一、目标

有的时候图形比文字能更直观的表现含义。

 

蒙特祖码一直是我的大爱,有句话叫:爱它就山寨它。所以我今天山寨一下它的倒计时。

 

二、资源准备

由于没啥美术,我只先做个粗制滥造版的。

先是用PS做一个由内向外的渐变图:

这个就作为表的中间那一层了,会随着时间转动消失

再加上一个前面的中间的遮挡,不然消失起来会比较丑:

 

三、实现

利用NGUI的FilledSprite可以很容易的实现圆形的裁减。

我们要作的就是修改这个Fill Amount的值就好了。

 

public UIFilledSprite m_ClockMiddle;    

void SetTime(float curTime)    
{
    m_lblTime.text = ""+Mathf.CeilToInt(curTime);
        
    float percent = curTime / m_TotalTime;
    percent = percent;
        
    m_ClockMiddle.fillAmount = percent;
}


在Inspector中把刚才的Filledprite拖进去就好了。

最后结果:

传个动态图:

,好吧。。基本看不见。。

 

发现实在是太丑了。。这都可以忍,还有什么不能忍的!得给加个钟加个背景框:

用年轮来做,真是太搭了,我上网找了个年轮的图,然后用印章盖到我的圆上就好了。

 

来看看效果:

 

把中间的透明,比较好看了,有莫有!

四、总结

年末了,事情比较多,没法坚持更新了,过段时间就暂时还把这个小游戏给结了,现在拖动还有些小BUG,整体倒是都能跑的动。有需要源码学习的可以M我,关注我微博也行啊哈哈!