蛋疼的时候写三消游戏（十一）-- 圆形时钟

一、目标

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

 

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

 

二、资源准备

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

先是用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我，关注我微博也行啊哈哈！