Silverlight 游戲開發小技巧:沖擊技能特效制作

作者: nowpaper  來源: 博客園  發布時間: 2011-02-10 16:32  閱讀: 825 次  推薦: 1   原文鏈接   [收藏]  

  玩游戲的時候,肯定對以角色為中心釋放的沖擊波肯定特別有震撼力,前面使用Silverlight的變換完成了升級特效和傳送點特效,這次制作以中心為原點沖擊的發散特效,相信效果會非常的不錯。

  首先仍然是建立一個控件,這個控件名字,我暫時命名為Shockwave.xaml,并且準備兩張作為沖擊波效果基礎圖像,這里面的圖片可以隨便更換,可以拜托美術的兄弟制作一下,如果你有興趣,可以了解有關軟件的使用方法,當然了,使用Blend也能做出來,只不過考慮麻煩程度,還是先以簡單的為主,我找來兩張圖片簡單做了處理。

1  好了, 按照之前的做法,現在需要將動畫制作完畢,然后再做調整,上面的兩張圖分別是一個蓄力圈一個沖擊圈,現在先添加一個測試角色用來對齊,并將蓄力圈調整到下圖的位置:

2  然后將沖擊全也給套上:

3  現在可以開始制作動畫,我們期望是先有個蓄力效果,然后沖擊出去,有了這個概念就可以具體實施。

  仍然是先建立一個故事板動畫:

4  現在將沖擊的火圈在最開始的時候添加一個幀,并且將它的大小設置為0,因為要在后面它才需要顯示出來。

5  然后選擇蓄力圈,同樣添加關鍵幀,但是不修改大小:

6  調整時間軸到0.5秒的位置再加一個關鍵幀,將它完全縮小到0,0的大小。

7  可是光有大小的放縮可能看起來比較無趣,我們再選擇旋轉變換,讓它轉圈的縮小:

8  現在操作沖擊的火圈,在1秒的位置上添加一個新的幀,并且保持大小,因為我們需要在這個地方上放大圖片:

9  在2秒的位置上添加放到100%的大小上,然后播放看一下:

10  效果不錯吧,可是仍然少一些工作要做,上面的1秒和2秒的關鍵幀位置是為了好調試,實際播放當中可能不能這么長,因此,需要做一些調整,還有透明度的問題,因為播放完畢之后應該是消失掉,所以在最后面的一幀中要將不透明度設置成為0%。

11  好了,我們現在退出故事板編輯模式,方法是點擊下面圖中標注的小叉叉,下面我們要利用投影的方法將動畫變成3D的效果,相信看過前面的朋友應該比較快的理解。

12  現在再進入到故事板編輯模式中,查看一下動畫效果吧,進入方式如下:

13  基本上,這次的特效已經大功告成,現在集合到MainPage當中看看效果,在下面也提供了預覽,可以慢慢的看,這個技能特效其實很簡單,但是卻綜合了2D和3D的雙重變換,以及其他的小技巧,所以我將它放在了最后,期望沒有給大家失望。

0  本篇工程源代碼下載地址如下:點擊直接下載

1
0
 
標簽:Silverlight
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()