[ Blend for visual studio 2012 ] ＥＰ7. 教你做個簡易的Angry Brids(2)
好的延續上一篇的教學
[ Blend for visual studio 2012 ] ＥＰ6. 教你做個簡易的Angry Brids(1)
讓我們繼續做下去
Step6
我們先用畫筆工具做一個L型的框框
大家可以慢慢嘗試，或者畫出不一樣形狀的外框
接著我們要讓他套用到這個物理現象裡面
所以要拖曳行為上的PhysicsObjectBehavior到Path上面
接著再來到右邊的屬性
我們為了讓這個外框維持在原本的地方而不會墜落地獄
所以這邊要勾選IsStatic，如果沒有勾選，測試的時候他會和其他物件一起墜落
Step7
接下來我們要創造一些箱子
從左邊的工具列選取矩形工具
然後在框框內劃一個正方形(擔心拉不正的話可以按住Shift就可以拉出正方形)
接著我們也需要讓這個方塊套用物理的行為
所以我們將PhysicsObjectBehavior拖曳到正方形上面
好的接下來!!
我們案住alt，然後用滑鼠去拖曳正方形，就可以直接複製出其他正方形了!!!
Step8
接下來我們要放上鳥與豬的圖片
首先我們到專案的部分
點擊我們專案的名稱右鍵→新增現有項目
把我們之前準備的圖片加入進去專案裡面
接著直接從專案裡面用滑鼠拖曳著剛剛放入的圖片到設計頁面裡面
接下來我們也要將這些圖片套用物理的行為
所以也要將PhysicsObjectBehavior拖曳到這3張圖案上面
Step9
接下來我們要用紅鳥去撞擊綠豬
然後綠豬就會煙灰消散，為了要觸發這個效果
我們需要加綠豬套用上另外一個行為PhysicsExplodeBehavior
接下來看到右邊的屬性欄位
我們要讓他觸發這個效果
所以我們要選擇TiggerType→新增→選擇PhysicsCollisionTrigger為觸發類型
接著在屬性欄的BodyOne圓圈點一下，然後在點一下設計頁面上相對應的豬
在BodyTwo圓圈點一下，然後點一下紅鳥
為了要在綠豬被紅鳥撞到的時候，它會"炸碎"，然後"消失"，
我們要在下面勾選DeactivateBody讓他被撞到的時候會消失圖片
然後下面自訂碎成幾片碎片
然後另外一隻豬也是這樣做一次!!
Step10
好的那製作簡易憤怒鳥也到最後一個階段了!!
儲存後馬上按下F5讓模擬器跑跑看吧!!
要先讓模擬器轉成橫放的喔
最後我不清楚是不是7.1的關係!!
首先要在畫面黑空白處先點一下
接著在抓起憤怒鳥就可以用丟的去打爆豬了!!
__________________________________________________________________
大家快去做一個簡單的憤怒鳥吧!!!
有錯誤請多多指教小弟!!
參考資料:
[Tutorial + Video] Creating a small Angry Birds clone for Windows Phone in 5 minutes