Silverlight 游戲開(kāi)發(fā)小技巧：傳送點(diǎn)特效制作

前面我們使用投影（Projection）完成了一個(gè)升級(jí)的特效，Silverlight故事板動(dòng)畫(huà)相當(dāng)?shù)娜菀祝@次我們將詳細(xì)說(shuō)說(shuō)故事板動(dòng)畫(huà)的幀制作，完成一個(gè)循環(huán)的傳送點(diǎn)特效，大家都知道，在游戲中，傳送點(diǎn)一般是固定在某一個(gè)地方，循環(huán)播放，它通常表明這里會(huì)有一個(gè)事件之類(lèi)的特殊地點(diǎn)，我們將用前面的升級(jí)特效稍微改造，就可以得到了：

這個(gè)系列只是有關(guān)于游戲開(kāi)發(fā)的小技巧，相比純粹的技術(shù)文章要簡(jiǎn)單一些，我個(gè)人感覺(jué)可能更加偏向于Blend美工方面的工作，能夠?yàn)楦魑籗ilverlight開(kāi)發(fā)者帶來(lái)一些新的思路，就是一個(gè)不錯(cuò)的開(kāi)端。

現(xiàn)在我們?cè)诠こ讨屑尤胍粋€(gè)傳送點(diǎn)的控件，這個(gè)控件仍然和升級(jí)特效一樣，在0，0點(diǎn)為中心，

然后畫(huà)一個(gè)要旋轉(zhuǎn)的基礎(chǔ)圖形，就是我們的圓圈，這里偷個(gè)懶，直接使用了升級(jí)特效的圓圈，當(dāng)然了這個(gè)部分你仍然可以使用圖片來(lái)代替這個(gè)矢量圖，如果你有興趣自己繪制，可以參考<Silverlight 游戲開(kāi)發(fā)小技巧：角色升級(jí)特效>

我們的目的是讓這個(gè)旋轉(zhuǎn)起來(lái)，中間的人物是我先放置作為參考物的，并且是正確的角度，所以需要Projection旋轉(zhuǎn)到正確的角度：

請(qǐng)注意，第一層的Grid控件是變換的3D角度，而它下一層的Gird則是用來(lái)整體旋轉(zhuǎn)，因此要套兩層的容器。

現(xiàn)在打開(kāi)故事板，建立一個(gè)名字為ANI_Show

你做一下旋轉(zhuǎn)嘗試呢，調(diào)整旋轉(zhuǎn)的角度，當(dāng)然了，要選定正確的Gird容器

現(xiàn)在我們調(diào)一組動(dòng)畫(huà)出來(lái)

添加關(guān)鍵幀，然后將0位置關(guān)鍵幀到新位置關(guān)鍵幀角度設(shè)置0-360度的動(dòng)畫(huà)。

此時(shí)此刻這個(gè)故事板動(dòng)畫(huà)還是單向，我們要做成循環(huán)的動(dòng)畫(huà)，下面選擇動(dòng)畫(huà)的名字，在播放模式地方選擇Forever，現(xiàn)在這個(gè)效果會(huì)在0-360度的動(dòng)畫(huà)循環(huán)了。

好了，F(xiàn)orever并不會(huì)在預(yù)覽的時(shí)候自動(dòng)重復(fù)的播放，而是在實(shí)際運(yùn)行中才會(huì)，先把這個(gè)放一邊，

此事的傳送點(diǎn)似乎少點(diǎn)什么，我們加一個(gè)點(diǎn)綴：

這個(gè)圓圈和里面的是一樣的，只是簡(jiǎn)單的復(fù)制，但是動(dòng)畫(huà)則是上下的循環(huán)，并且旋轉(zhuǎn)的方向相反，下面一起來(lái)制作它：

在開(kāi)始的位置上加入一個(gè)關(guān)鍵幀，

然后在上面旋轉(zhuǎn)一半的位置上添加另外一個(gè)關(guān)鍵幀，移動(dòng)小圓圈下來(lái)，而我們要在最后一幀的時(shí)候返回到最初狀態(tài)，

選擇起始點(diǎn)的第一個(gè)關(guān)鍵幀，點(diǎn)擊右鍵，選擇Copy，這個(gè)操作會(huì)將這個(gè)關(guān)鍵幀的信息記錄下來(lái)，你可以粘貼對(duì)象使它們也有對(duì)應(yīng)的動(dòng)畫(huà)，在這里，我們僅僅是操作動(dòng)畫(huà)，從0的位置到新的位置，并且返回到初始狀態(tài)。

為了達(dá)到這個(gè)效果，只需要粘貼第一開(kāi)始的關(guān)鍵幀，如上圖所述，將時(shí)間軸移動(dòng)到最后面，和前面的大圓圈旋轉(zhuǎn)結(jié)束是一個(gè)位置上（此時(shí)大圓圈的旋轉(zhuǎn)關(guān)鍵幀我調(diào)整到了第5秒，也就是說(shuō)，它將用5秒播放從0到360的角度動(dòng)畫(huà)）

時(shí)間軸確定之后，直接選擇粘貼即可。

現(xiàn)在簡(jiǎn)單的播放測(cè)試一下，你會(huì)發(fā)現(xiàn)小圓圈上下移動(dòng)。

但是光有移動(dòng)不行的，要有一些旋轉(zhuǎn)的效果

因?yàn)閳A圈并不需要所有的都旋轉(zhuǎn)，所以，我們只需要選擇它的子元素就行了。

我們?cè)谶@里將旋轉(zhuǎn)動(dòng)畫(huà)設(shè)置成為-360度，這樣看起來(lái)就更加自然一些，

好了，我們制作完畢，可以仔細(xì)來(lái)看這個(gè)效果。

在游戲世界中，傳送點(diǎn)會(huì)有很多中形式，所以你可以使用一些屬性來(lái)規(guī)定好這些動(dòng)畫(huà)信息，用以控制在不同的場(chǎng)景中的表現(xiàn)，關(guān)于傳送點(diǎn)特效，已經(jīng)介紹完畢，關(guān)于Projection就這樣完畢了嗎，當(dāng)我們發(fā)送想象的時(shí)候，會(huì)有更多有趣的效果制作出來(lái)，我在下一篇會(huì)介紹有關(guān)Projection制作圓形沖擊波的效果，敬請(qǐng)期待：）

本篇工程源代碼下載地址如下：點(diǎn)擊直接下載