天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

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

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

  那么我們開始制作,第一步建立工程,如果你是在自己的項目中應用,直接進入第二步創建圖標。

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

image  然后中間切分LayoutRoot。

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

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

image  此時你會發現,這時所有內部的對象都是被裁剪的效果,然后我們可以利用這個特點制作冷卻的動畫。

image

  現在可以向兩個Grid添加一個Rectangle,將Rectangle的填充顏色設置成為黑色,不透明度為30%,并且將LayoutRoot的背景設置為圖像畫筆,將圖標圖像加入。

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

imageimage  上面的圖中就是一個Grid當中加了Rectangle,請注意Rectangle的參數,只需要將邊距設置為-32即可,大小是圖標本身的2倍,因為我們要利用它的旋轉產生冷卻效果。

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

  在那之前,需要將旋轉的中心點設置的圖標控件的中心位置,由于是分別左邊和靠右邊,就需要分別處理,

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

image  好了,做一個故事板動畫,然后在指定的時間上,讓這個矩形旋轉180度。

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

image  在調動畫的時候,我們可能還要做一些細致的工作,比如顯示和消失的關系,旋轉之后的容錯問題,所以最后的時間線可能是這樣的:

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

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

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 黑兽在线观看高清在线播放樱花 | 色橹橹欧美在线观看视频高 | 精品久久久久久久国产潘金莲 | 国产精品卡1卡2卡三卡四 | 怡春院院日本一区二区久久 | 嫩草影院精品视频在线观看 | 三级全黄的视频在线观看 | 亚洲精品无码AV中文字幕蜜桃 | 国产a视频视卡在线 | 伊人久久大香线蕉影院95 | 国产永久免费观看视频软件 | 人人碰在线视频 | 入禽太深免费高清在线观看5 | 亚洲欧美高清在线 | 在线亚洲黄色 | 国产精品高清在线观看93 | 亚洲成a人不卡在线观看 | 国产欧美日韩综合精品一区二区 | 日本乱子伦一区二区三区 | 亲胸揉胸膜下刺激视频在线观看 | 麻生希第一部快播 | 翁熄性放纵交换300章 | 99日影院在线播放 | 亚洲精品天堂在线观看 | 古代荡乳尤物H妓女调教 | 精品人妻无码一区二区三区蜜桃臀 | 被同桌摸出水来了好爽的视频 | 最近中文字幕完整版免费高清 | 永久adc视频年龄确认 | 动漫美女的阴 | 最新国产三级在线不卡视频 | 日本边添边摸边做边爱边 | 国产在线精品国自产拍影院午夜 | 丝袜情趣在线资源二区 | 国产乱人偷精品视频A人人澡 | 男男h啪肉np文总受 男男h开荤粗肉h文1v1 | 久热人人综合人人九九精品视频 | 扒开老师大腿猛进AAA片 | 人妖和美女玩 | 高清无码中文字幕在线观看视频 | 久久伊人在|