前面我們使用投影(Projection)完成了一個(gè)升級(jí)的特效,Silverlight故事板動(dòng)畫相當(dāng)?shù)娜菀,這次我們將詳細(xì)說說故事板動(dòng)畫的幀制作,完成一個(gè)循環(huán)的傳送點(diǎn)特效,大家都知道,在游戲中,傳送點(diǎn)一般是固定在某一個(gè)地方,循環(huán)播放,它通常表明這里會(huì)有一個(gè)事件之類的特殊地點(diǎn),我們將用前面的升級(jí)特效稍微改造,就可以得到了:
這個(gè)系列只是有關(guān)于游戲開發(fā)的小技巧,相比純粹的技術(shù)文章要簡單一些,我個(gè)人感覺可能更加偏向于Blend美工方面的工作,能夠?yàn)楦魑籗ilverlight開發(fā)者帶來一些新的思路,就是一個(gè)不錯(cuò)的開端。
現(xiàn)在我們?cè)诠こ讨屑尤胍粋(gè)傳送點(diǎn)的控件,這個(gè)控件仍然和升級(jí)特效一樣,在0,0點(diǎn)為中心,
然后畫一個(gè)要旋轉(zhuǎn)的基礎(chǔ)圖形,就是我們的圓圈,這里偷個(gè)懶,直接使用了升級(jí)特效的圓圈,當(dāng)然了這個(gè)部分你仍然可以使用圖片來代替這個(gè)矢量圖,如果你有興趣自己繪制,可以參考<Silverlight 游戲開發(fā)小技巧:角色升級(jí)特效>
我們的目的是讓這個(gè)旋轉(zhuǎn)起來,中間的人物是我先放置作為參考物的,并且是正確的角度,所以需要Projection旋轉(zhuǎn)到正確的角度:
請(qǐng)注意,第一層的Grid控件是變換的3D角度,而它下一層的Gird則是用來整體旋轉(zhuǎn),因此要套兩層的容器。
現(xiàn)在打開故事板,建立一個(gè)名字為ANI_Show
你做一下旋轉(zhuǎn)嘗試呢,調(diào)整旋轉(zhuǎn)的角度,當(dāng)然了,要選定正確的Gird容器
現(xiàn)在我們調(diào)一組動(dòng)畫出來
添加關(guān)鍵幀,然后將0位置關(guān)鍵幀到新位置關(guān)鍵幀角度設(shè)置0-360度的動(dòng)畫。
此時(shí)此刻這個(gè)故事板動(dòng)畫還是單向,我們要做成循環(huán)的動(dòng)畫,下面選擇動(dòng)畫的名字,在播放模式地方選擇Forever,現(xiàn)在這個(gè)效果會(huì)在0-360度的動(dòng)畫循環(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è)圓圈和里面的是一樣的,只是簡單的復(fù)制,但是動(dòng)畫則是上下的循環(huán),并且旋轉(zhuǎn)的方向相反,下面一起來制作它:
在開始的位置上加入一個(gè)關(guān)鍵幀,
然后在上面旋轉(zhuǎn)一半的位置上添加另外一個(gè)關(guān)鍵幀,移動(dòng)小圓圈下來,而我們要在最后一幀的時(shí)候返回到最初狀態(tài),
選擇起始點(diǎn)的第一個(gè)關(guān)鍵幀,點(diǎn)擊右鍵,選擇Copy,這個(gè)操作會(huì)將這個(gè)關(guān)鍵幀的信息記錄下來,你可以粘貼對(duì)象使它們也有對(duì)應(yīng)的動(dòng)畫,在這里,我們僅僅是操作動(dòng)畫,從0的位置到新的位置,并且返回到初始狀態(tài)。
為了達(dá)到這個(gè)效果,只需要粘貼第一開始的關(guān)鍵幀,如上圖所述,將時(shí)間軸移動(dòng)到最后面,和前面的大圓圈旋轉(zhuǎn)結(jié)束是一個(gè)位置上(此時(shí)大圓圈的旋轉(zhuǎn)關(guān)鍵幀我調(diào)整到了第5秒,也就是說,它將用5秒播放從0到360的角度動(dòng)畫)
時(shí)間軸確定之后,直接選擇粘貼即可。
現(xiàn)在簡單的播放測試一下,你會(huì)發(fā)現(xiàn)小圓圈上下移動(dòng)。
但是光有移動(dòng)不行的,要有一些旋轉(zhuǎn)的效果
因?yàn)閳A圈并不需要所有的都旋轉(zhuǎn),所以,我們只需要選擇它的子元素就行了。
我們?cè)谶@里將旋轉(zhuǎn)動(dòng)畫設(shè)置成為-360度,這樣看起來就更加自然一些,
好了,我們制作完畢,可以仔細(xì)來看這個(gè)效果。
在游戲世界中,傳送點(diǎn)會(huì)有很多中形式,所以你可以使用一些屬性來規(guī)定好這些動(dòng)畫信息,用以控制在不同的場景中的表現(xiàn)。