首頁選單.jpg 


這是飛毛第一個完整的flash動畫作品,
從動畫角色場景繪製、到遊戲ActionScrip撰寫都是獨立完成的!
作品展示網址→http://60.249.113.97/butterfly/index.swf

最困難的、花最多時間部分就是"角色繪製",
先上網找蝴蝶的照片來描繪,然後再設計Q版的,
動作部分設計則只有簡單的動畫,如蝴蝶飛舞、Q版蝴蝶眨眼睛動動手腳等。


※ 動畫設計部分
無尾鳳蝶.jpg
(依照片描繪蝴蝶的翅膀部分)
Q版蝴蝶-無尾鳳蝶.jpg

(Q版蝴蝶的表情動作繪製)

片頭.jpg
(片頭動畫-蝴蝶飛進校園,按SKIP可直接進入首頁選單)

首頁選單.jpg

(首頁選單-可用滑鼠點選蝴蝶,或直接按按鈕進入蝴蝶種類的介紹頁面)

蝴蝶介紹.jpg

(蝴蝶介紹頁面-小檔案)

蝴蝶介紹-生長過程.jpg
(蝴蝶介紹頁面-生長過程)

蝴蝶介紹-卵期.jpg
(蝴蝶介紹頁面-卵)

蝴蝶介紹-幼蟲.jpg
(蝴蝶介紹頁面-幼蟲)

蝴蝶介紹-蛹.jpg
(蝴蝶介紹頁面-蛹)

蝴蝶介紹-成蟲.jpg

(蝴蝶介紹頁面-成蟲)


※ 互動遊戲部分

最後是測驗遊戲的部分,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="闖關失敗!";  
}

闖關遊戲.jpg
(題目畫面-文字版)

闖關遊戲-2.jpg
(題目畫面-圖片版)

闖關遊戲-答對畫面.jpg
(答對小動畫-高興的表情,與身體跳動)

闖關遊戲-答錯.jpg
(答錯小動畫-難過的表情,與翅膀垂下)



創作者介紹
創作者 a1f4j7 的頭像
a1f4j7

《飛毛設計工作室》

a1f4j7 發表在 痞客邦 留言(0) 人氣()