Silverlight遊戲特效開發(二) : 讓光環轉起來

本系列介紹使用Silverlight製作遊戲特效的方法,本文主要介紹人物光環效果。

本文承接上一篇文章:SIlverlight遊戲特效開發(一):製作人物光環效果(http://blog.csdn.net/xiahn1a/article/details/42679491)

上一篇文章主要講述的是製作靜態的光環效果的方法,本文講述怎樣讓光環動起來。

先展示一下動起來以後的樣子,由於CSDN博客無法直接上傳和運行SIlverlight程序,所以將效果以gif圖片的形式展現。


可以看出,效果圖中紫色光圈在旋轉,藍色光圈在上下運動。紅綠藍三個光帶也在上下運動。

現在分別介紹實現方法:

1. 紫色光圈旋轉

做這個的時候一定要注意。紫色圓環是由多個控件組成的,將這些控件放入一個grid,並設置grid的projection屬性,可以實現透視效果。

此時如果還需要添加旋轉動畫效果,還需要再套一層grid。將外層的grid用於設置projection,內層的grid用於動畫製作。這個順序不能弄反,也不能只用1個grid,這樣做出的動畫效果可能會很奇怪。

控件結構如下圖所示(由兩次grid包裹):


製作動畫,添加一個新的storyboard:


對於內層的grid,選定2秒鐘以後的幀:


更改其旋轉角:


選定StoryBoard的名字,將RepeatBehavior改爲forever,表示循環播放。

這樣紫色光圈的動畫就製作完成了。


2. 製作藍色光圈上下運動

方法就是類似的了,先建立StoryBoard,也是切換到第2秒指示的幀。此時只需要移動藍色光圈的位置即可。

這樣就可以自動生成一個平移動畫。

還是選定StoryBoard的名字,將RepeatBehavior改爲forever。

紅綠藍三色光帶的上下移動與藍色光圈上下移動的方法相同,就不再介紹了。


可以在這個地址下載到本文對應的工程(版本:VS2015)

(資源上傳中...)

發佈了56 篇原創文章 · 獲贊 44 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章