Silverlight 遊戲開發小技巧：衝擊技能特效製作

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

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

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

然後將衝擊全也給套上：

現在可以開始製作動畫，我們期望是先有個蓄力效果，然後衝擊出去，有了這個概念就可以具體實施。

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

現在將衝擊的火圈在最開始的時候添加一個幀，並且將它的大小設置為0，因為要在後面它才需要顯示出來。

然後選擇蓄力圈，同樣添加關鍵幀，但是不修改大小：

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

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

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

在2秒的位置上添加放到100%的大小上，然後播放看一下：

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

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

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

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

本篇工程原始程式碼下載位址如下：點擊直接下載