第五章 開(kāi)始第一個(gè)版本的選擇題的制作
多選題共有兩道

如圖，大家應(yīng)該養(yǎng)成一個(gè)好習(xí)慣，用一個(gè)獨(dú)立的層來(lái)放置代碼，并把該層放到最上面會(huì)更便于修改。
第二層則獨(dú)立放置Label。不要覺(jué)得麻煩，只要你想到世界上大部分好的閃客都是如此做的，你就不會(huì)嫌麻煩了。
以下的層放的是選擇題的內(nèi)容，如上圖

開(kāi)始創(chuàng)建題目
在question 1層的第一幀，寫(xiě)上題目"When were movie clips introduced into Flash?" （什么時(shí)候FLASH開(kāi)始引入電影夾子的概念？）
再寫(xiě)上三個(gè)選項(xiàng)：Version 1, Version 2,  Version 3
跟著我們?cè)僮鲆粋€(gè)用來(lái)選擇的方框按鈕，從Library里面拖出這樣的三個(gè)按鈕，分別放到各個(gè)選項(xiàng)的前面。
第二題的創(chuàng)建我們用第一題來(lái)做個(gè)模版，選擇question 1層的第一幀，選擇菜單上的Edit>>Copy Frames
再選擇question 2的第十幀，Edit>>Paste Frames 將第一題復(fù)制過(guò)來(lái)了
當(dāng)然問(wèn)題要改成"When was MP3 audio support added to Flash?" （什么時(shí)候FLASH開(kāi)始支持MP3格式導(dǎo)入？），答案也要改成Version 3, Version 4, Version 5 

數(shù)據(jù)初試化
雖然是個(gè)很簡(jiǎn)單的FLASH，但是象其他復(fù)雜的FLASH一樣，先告訴FLASH要用到的數(shù)據(jù)，例如題目的答案等，這是個(gè)好習(xí)慣，越復(fù)雜的FLASH，受惠越多
正常來(lái)說(shuō)定義數(shù)據(jù)應(yīng)該LOADING結(jié)束之后的。
為了把題目定在第一題，ACTION還需要一句stop();
選擇第一幀，在ACTION面板里面輸入代碼
// init main timeline variables
var q1answer; // user's answer for question 1 第一題用戶的答案
var q2answer; // user's answer for question 2 第二題用戶的答案
var totalCorrect = 0; // counts number of correct answers 答對(duì)的題數(shù)
var displayTotal; // text field for displaying user's score 顯示用戶分?jǐn)?shù)的變量
// stop the movie at the first question
stop();
你會(huì)發(fā)現(xiàn)//開(kāi)頭的那一行代碼都變了色，//代表的是注釋，是用來(lái)輔助閱讀代碼用的，對(duì)代碼執(zhí)行沒(méi)有影響（是的，你在里面寫(xiě)笑話，寫(xiě)小說(shuō)都可以，不會(huì)影響你的FLASH的^-^）
我們定義了四個(gè)將要用到的變量，用途已經(jīng)在注釋里面寫(xiě)了，寫(xiě)注釋也是一個(gè)好習(xí)慣

關(guān)于命名變量名
變量起名displayTotal，意思是 display total，因變量名不能使用空格和破折號(hào)，所以用第二個(gè)單詞的開(kāi)始字母大寫(xiě)，以此分隔單詞
一些程序員也喜歡用下劃線：display_total
記住一定要給你的變量起一個(gè)一眼就能識(shí)別意義的名字

添加label
我們知道第二題是在第10幀的，我們只需要一句AS：gotoAndStop(10); 就可以執(zhí)行第二個(gè)問(wèn)題了
不過(guò)MOOCK告訴你這不是好習(xí)慣，因?yàn)閯?dòng)畫(huà)的內(nèi)容是不斷改變的，所以我們應(yīng)當(dāng)習(xí)慣使用label，即使幀數(shù)如何變化，只要label指向正確，不需要修改ACTION都可以繼續(xù)運(yùn)行（chocobo再提醒你吧，不要使用相同的label，即使在不同是Scene當(dāng)中）
好了，我們?cè)趌abel層的第1、10、20分別F6創(chuàng)建關(guān)鍵幀，給他們寫(xiě)上init、q2、quizEnd

要給按鈕寫(xiě)上代碼了
在三個(gè)按鈕里面分別寫(xiě)入代碼，大同小異的：
按鈕一：
on (release) {
  q1answer = 1;
  gotoAndStop ("q2");
} 
按鈕二：
on (release) {
  q1answer = 2;
  gotoAndStop ("q2");
}
按鈕三
on (release) {
  q1answer = 3;
  gotoAndStop ("q2");
}  

這三段代碼用人類的語(yǔ)言描述，就是：當(dāng)用戶點(diǎn)擊某個(gè)按鈕選擇答案后，把他選擇的答案記錄到q1answer變量中去，然后進(jìn)入下一題。
on這個(gè)單詞代表隨后的就是一個(gè)要觸發(fā)的事件
release是指在按鈕上松開(kāi)鼠標(biāo)這樣一個(gè)事件
當(dāng)動(dòng)畫(huà)執(zhí)行到這里的時(shí)候，三個(gè)按鈕都會(huì)分別監(jiān)聽(tīng)用戶有沒(méi)有做在按鈕上放開(kāi)鼠標(biāo)這個(gè)動(dòng)作，一旦發(fā)生，按鈕就會(huì)自動(dòng)執(zhí)行大括號(hào){}里面的代碼了
若用戶選第一個(gè)，{}中是：
q1answer = 1; //用q1answer變量記住用戶選擇的是第一個(gè)答案
gotoAndStop ("q2"); //進(jìn)入下一題
上面我用了注釋的方法來(lái)解釋兩句代碼，你必須習(xí)慣，因?yàn)椴皇撬性闯绦蚨加薪坛蹋呛玫脑闯绦蚨紩?huì)有注釋
第二題的按鈕與前面相似，只是變量換為q2answer，選擇完進(jìn)入結(jié)束的畫(huà)面，例如第一個(gè)，改為：
on (release) {
  q2answer = 1;
  gotoAndStop ("quizEnd");
} 

結(jié)束的畫(huà)面
結(jié)束應(yīng)該做什么，當(dāng)然是告訴用戶分?jǐn)?shù)啦，寫(xiě)在第20幀，就是label為quizEnd的那幀的代碼：
// tally up the user's correct answers
if (q1answer == 3){
  totalCorrect = totalCorrect + 1;
}
if (q2answer == 2){
  totalCorrect++; //totalCorrect++其實(shí)是totalCorrect = totalCorrect + 1;一個(gè)更簡(jiǎn)潔的寫(xiě)法，幾乎少打了一半的字母啊。
}

// show the user's score in an on-screen text field
displayTotal = totalCorrect; 
用人的語(yǔ)言描述：如果第一題選3，答對(duì)數(shù)加一，如果第二題選2，答對(duì)數(shù)加一，把答對(duì)題目數(shù)賦予另一變量
現(xiàn)在答對(duì)的題數(shù)是放到變量displayTotal中了，怎么顯示？
在quiz end第20幀處建關(guān)鍵幀，鍵入"Thank you for taking the quiz! Your score final score is:       /2"（謝謝回答問(wèn)題，你最后成績(jī)是答對(duì)了   /2道題）
在"/2"之前那個(gè)空白的地方放上一個(gè)文本框，菜單Text>>Options顯示文本面板，把Static Text下拉改為Dynamic Text，順便把Border/Bg的鉤去掉，最后在Variable那一欄填上要顯示的變量名displayTotal

你是不是和chocobo一樣不耐煩了？快下載http://www.moock.org/webdesign/lectures/ff2001sfWorkshop/moockQuizzes.zip 吧，里面的quiz.fla就是本章的內(nèi)容，其他的fla的內(nèi)容也將會(huì)在后面講到

最新評(píng)論