這是飛毛第一個完整的flash動畫作品,
從動畫角色場景繪製、到遊戲ActionScrip撰寫都是獨立完成的!
作品展示網址→http://60.249.113.97/butterfly/index.swf
最困難的、花最多時間部分就是"角色繪製",
先上網找蝴蝶的照片來描繪,然後再設計Q版的,
動作部分設計則只有簡單的動畫,如蝴蝶飛舞、Q版蝴蝶眨眼睛動動手腳等。
※ 動畫設計部分
(依照片描繪蝴蝶的翅膀部分)
(Q版蝴蝶的表情動作繪製)
(片頭動畫-蝴蝶飛進校園,按SKIP可直接進入首頁選單)
(首頁選單-可用滑鼠點選蝴蝶,或直接按按鈕進入蝴蝶種類的介紹頁面)
(蝴蝶介紹頁面-小檔案)
(蝴蝶介紹頁面-生長過程)
(蝴蝶介紹頁面-卵)
(蝴蝶介紹頁面-幼蟲)
(蝴蝶介紹頁面-蛹)
(蝴蝶介紹頁面-成蟲)
※ 互動遊戲部分
最後是測驗遊戲的部分,AS撰寫的重點在"計分":
var score:Number = 0;
//將score宣告為數字型態的變數,初始值為0
在正確的答案按鈕上寫上下面的AS:
on(release){
gotoAndPlay("場景 3",1);
score+=4;//答對一題加四分
}
測驗結束判斷總得分的AS:
if (score >= 60)
{
wscore.text="恭喜闖關成功!";
}
else if (score < 60)
{
wscore.text="闖關失敗!";
}
(題目畫面-文字版)
(題目畫面-圖片版)
(答對小動畫-高興的表情,與身體跳動)
(答錯小動畫-難過的表情,與翅膀垂下)
NEWS!!最新消息~
- Aug 04 Thu 2011 11:01
蝴蝶園動畫遊戲設計
close
全站熱搜
留言列表
發表留言