Unity NGUI制作技能冷卻效果

新規(guī)矩,先上效果圖

? ? ? 第一次發(fā)布文章瓶籽,文筆不好匠童,還請見諒。

? ? ?最近在學(xué)習(xí)NGUI塑顺,雖然已經(jīng)沒多少人用這個框架了汤求,不過個人覺得,既然火了這么久严拒,肯定有他強大之處扬绪,所以還是需要學(xué)習(xí)一下,豐富下自己的見識裤唠。

? ? 閑話不多說挤牛,來正經(jīng)的,今天要做的這個東西個人覺得還是挺有用的种蘸,技能冷卻墓赴,在許多游戲中都有這個東西的存在,畢竟如果技能沒有冷卻的話航瞭,那太恐怖了诫硕,降低了游戲的難度,也讓一個游戲沒有那么吸引人刊侯。

? ?看著這個名字--NGUI制作技能冷卻效果章办,看著高大上,其實并沒有什么特別牛逼的地方滨彻,只是一些基本的操作和代碼邏輯藕届。下面,進(jìn)入正題疮绷。


1.素材準(zhǔn)備


NGUI插件
技能圖標(biāo)
還有蒙版圖標(biāo)


2.原理分析

? ? ? ? 其實吧翰舌,這個東西的原理就是一個,技能前面有一層模板冬骚,當(dāng)技能在冷卻期間就給他蒙上椅贱,然后慢慢的冷卻回來懂算,當(dāng)蒙版完全消失的時候,技能也就完全冷卻了庇麦。

3.技能圖標(biāo)和蒙版制作

? ? ? 別的什么都別想计技,先做好幾張圖片的顯示,這里山橄,樓主是用的是Sprite垮媒,制作圖集,然后把技能圖片放在圖集里面航棱,直接引用就好了睡雇。


一個Sprite(skillQ)圖標(biāo),一個label顯示技能按鍵饮醇,一個Sprite(CD)顯示蒙版

這里要注意的是各個組件的父子關(guān)系它抱,別弄混,因為我們后面還要用代碼控制我們的技能冷卻效果朴艰。

這里選擇圖集和圖集中對應(yīng)的圖片

注意观蓄,圖標(biāo)大小什么的我就不說了,每個人都可以自己div,但是祠墅,這里要注意的是侮穿,我們的組件是有層深度關(guān)系的,Label毁嗦,我們的QWER肯定是顯示在最上面一層的亲茅,不然冷卻的時候都看不見我們的技能鍵,玩家表示很傷金矛。而我們的蒙版應(yīng)該是在技能圖標(biāo)上面芯急,不然怎么蒙住嘛,是吧驶俊,所以他們的深度關(guān)系是Depth:Skill(技能圖標(biāo)) < CD(蒙版) < Label(技能鍵label)

上面步驟完成后,是這個樣子的免姿。

4.神奇的屬性

UI Sprite中的屬性列表:


改變Type為Filled饼酿,F(xiàn)illDir為Radial360,也就是填充模式胚膊,并且為360度填充


結(jié)果就是這樣故俐,蒙版有一部分不顯示了,也就完美得顯示了下面的技能圖標(biāo)紊婉。

5.最終代碼制作


腳本是掛載每一個技能圖標(biāo)對象上的药版,所以sprite是獲取的子對象的。

把keycode設(shè)置成public喻犁,讓我們能方便地在unity中修改槽片,冷卻用協(xié)程來協(xié)助何缓,主要是設(shè)置蒙版的fillamount值來改變當(dāng)前技能的冷卻效果。

當(dāng)fillamount為1時还栓,蒙版全部顯示碌廓。

fillamount為0時,蒙版全部隱藏剩盒。

這里設(shè)置對應(yīng)的按鍵和冷卻時間

最后谷婆,文章就到這了,文筆有限辽聊,望大家見諒纪挎。

歡迎各路英雄互相討論學(xué)習(xí)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末跟匆,一起剝皮案震驚了整個濱河市廷区,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贾铝,老刑警劉巖隙轻,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異垢揩,居然都是意外死亡玖绿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進(jìn)店門叁巨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來斑匪,“玉大人,你說我怎么就攤上這事锋勺∈慈常” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵庶橱,是天一觀的道長贮勃。 經(jīng)常有香客問我,道長苏章,這世上最難降的妖魔是什么寂嘉? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮枫绅,結(jié)果婚禮上泉孩,老公的妹妹穿的比我還像新娘。我一直安慰自己并淋,他們只是感情好寓搬,可當(dāng)我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著县耽,像睡著了一般句喷。 火紅的嫁衣襯著肌膚如雪镣典。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天脏嚷,我揣著相機與錄音骆撇,去河邊找鬼。 笑死父叙,一個胖子當(dāng)著我的面吹牛神郊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播趾唱,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼涌乳,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了甜癞?” 一聲冷哼從身側(cè)響起夕晓,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎悠咱,沒想到半個月后蒸辆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡析既,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年躬贡,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片眼坏。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡拂玻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出宰译,到底是詐尸還是另有隱情檐蚜,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布沿侈,位于F島的核電站祟印,受9級特大地震影響枕面,放射性物質(zhì)發(fā)生泄漏予借。R本人自食惡果不足惜哗蜈,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一企软、第九天 我趴在偏房一處隱蔽的房頂上張望般妙。 院中可真熱鬧香追,春花似錦妻坝、人聲如沸盲赊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽哀蘑。三九已至诚卸,卻和暖如春葵第,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背合溺。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工卒密, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人棠赛。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓哮奇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親睛约。 傳聞我的和親對象是個殘疾皇子鼎俘,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容