一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

Silverlight 游戲開發(fā)小技巧:技能冷卻效果(Cooldown)

  到目前為止,大家都非常推崇魔獸的技能冷卻效果,就是這樣的image,我記得群里還對這個(gè)效果展開過探討,其實(shí)實(shí)現(xiàn)起來并不難,關(guān)鍵是思路是否正確,這部分我得謝謝豬笨無罪,是他先想出的解決方案,他不愿意寫博客,也就只好我來代勞了,哈哈,后面提供源代碼和預(yù)覽,不要錯(cuò)過。

  那么我們開始制作,第一步建立工程,如果你是在自己的項(xiàng)目中應(yīng)用,直接進(jìn)入第二步創(chuàng)建圖標(biāo)。

image  把一張圖標(biāo)文件放進(jìn)來,這樣看起來更加直觀,此時(shí)將SkillIcon控件的寬和高都設(shè)定成64x64,這里非常重要,我設(shè)定為64寬高是為了方便展示,你需要依據(jù)自己的ICON尺寸做修改。

image  然后中間切分LayoutRoot。

image  添加兩個(gè)Grid到控件LayoutRoot中,各自為一半,效果如下,為了方便演示,我填充了顏色做區(qū)分

image  設(shè)置兩個(gè)Rectangle分別對齊到兩個(gè)Grid上,大小位置都是一樣,然后分別使用Make Clipping Path對自己對應(yīng)的Gird裁剪。

image  此時(shí)你會發(fā)現(xiàn),這時(shí)所有內(nèi)部的對象都是被裁剪的效果,然后我們可以利用這個(gè)特點(diǎn)制作冷卻的動畫。

image

  現(xiàn)在可以向兩個(gè)Grid添加一個(gè)Rectangle,將Rectangle的填充顏色設(shè)置成為黑色,不透明度為30%,并且將LayoutRoot的背景設(shè)置為圖像畫筆,將圖標(biāo)圖像加入。

image  其實(shí)這里有個(gè)細(xì)節(jié),Rectangle的填充色其實(shí)可以直接帶上透明效果,只是將ARGB的A修改即可,按照我們的實(shí)際測試,不透明度盡量減少,而使用顏色的A值性能消耗更少。

imageimage  上面的圖中就是一個(gè)Grid當(dāng)中加了Rectangle,請注意Rectangle的參數(shù),只需要將邊距設(shè)置為-32即可,大小是圖標(biāo)本身的2倍,因?yàn)槲覀円盟男D(zhuǎn)產(chǎn)生冷卻效果。

  二個(gè)Rectangle的對齊方式和第一個(gè)有所不同,都做好了以后,就可以做動畫了。

  在那之前,需要將旋轉(zhuǎn)的中心點(diǎn)設(shè)置的圖標(biāo)控件的中心位置,由于是分別左邊和靠右邊,就需要分別處理,

  先選擇右邊的Rectangle,將變換中的中心點(diǎn)為之設(shè)置為0,0.5,然后旋轉(zhuǎn)一下看看,是否有感覺了呢?

image  好了,做一個(gè)故事板動畫,然后在指定的時(shí)間上,讓這個(gè)矩形旋轉(zhuǎn)180度。

image  在左邊的矩形上制作一個(gè)動畫,也是旋轉(zhuǎn)180度,但是需要注意的是,這個(gè)動畫要在第一個(gè)播放完畢之后播放,所以關(guān)鍵幀的位置請留意。

image  在調(diào)動畫的時(shí)候,我們可能還要做一些細(xì)致的工作,比如顯示和消失的關(guān)系,旋轉(zhuǎn)之后的容錯(cuò)問題,所以最后的時(shí)間線可能是這樣的:

image  好了,一個(gè)動畫出來了,然后我們看看效果,源代碼下載地址如下:點(diǎn)擊直接下載

NET技術(shù)Silverlight 游戲開發(fā)小技巧:技能冷卻效果(Cooldown),轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 精品视频二区 | 亚洲免费视频网站 | 五月激情婷婷综合 | 中文字幕在线视频网 | 女人洗澡一级特黄毛片 | 九色综合伊人久久富二代 | 涩涩涩在线视频 | 韩国理伦一级毛片 | 亚洲成人免费网站 | 激情99| 1024国产基地永久免费 | 色婷婷色综合 | 亚洲国产精品自产在线播放 | 波多野结衣亚洲一区 | 色播视频在线 | 97国内免费久久久久久久久久 | 成人免费看片视频色多多 | 国产福利一区二区三区在线视频 | 美女网站一区二区三区 | 在线视频观看一区 | 亚欧三级 | 视色4se视频在线观看 | 另类一区二区三区 | 久久精品中文字幕有码日本 | 国产免费一区二区三区 | 米奇777超碰欧美日韩亚洲 | 日本视频网站在线www色 | 2021国产情侣真实露脸在线 | 日本在线视频免费观看 | 涩涩久久 | 在线观看中文字幕一区 | 一区二区视频免费看 | 91精品视频播放 | 精品一区二区三区免费 | 色婷婷在线播放 | 精品视频 九九九 | 色老板在线| 激情 亚洲 | 日韩在线一区高清在线 | 高清国产美女一级a毛片 | 国产成人一区免费观看 |