flash課件《圓的面積》制作教程

1、義務(wù)教育課程標(biāo)準(zhǔn)實(shí)驗(yàn)教科書小學(xué)數(shù)學(xué)第十一冊圓的面積交互式課件制作教程作者：河南省焦作市解放區(qū)東于村小學(xué)李振亮QQ:47090169Email:huinuohua電話一章 課件簡介一、適用對象：本課件適用義務(wù)教育課程標(biāo)準(zhǔn)實(shí)驗(yàn)教科書第十一冊圓的面積二、課件介紹：本課件主要具備以下三大特點(diǎn)：1、豐富的表現(xiàn)力大家都知道，多媒體課件不僅可以自然、逼真的表現(xiàn)多姿多彩的世界，更重要的是它可以模擬現(xiàn)實(shí)生活中無法實(shí)現(xiàn)或難以實(shí)現(xiàn)的過程，可以把抽象的事物形象化，把抽象的概念用直觀、生動(dòng)的動(dòng)畫形式呈現(xiàn)給人們。本課件就充分體現(xiàn)了多媒體課件的豐富表現(xiàn)力，在設(shè)計(jì)圓面積公式推導(dǎo)時(shí)，就把圓的面積公式變

2、成了一個(gè)可手動(dòng)操作的拼圖動(dòng)畫，讓學(xué)生更生動(dòng)、形象地看到了圓轉(zhuǎn)化為平行四邊形的過程。2、良好的交互性交互是多媒體課件的靈魂，多媒體課件失去了交互就等于一個(gè)人失去了靈魂。教師一味的點(diǎn)擊下一步，屏幕按照預(yù)設(shè)的界面一步步地顯示，這不能叫交互，只能算是流程。那么真正的交互是什么呢?我認(rèn)為，真正的交互應(yīng)該是我們輸入一個(gè)指令或輸入一個(gè)數(shù)據(jù)，計(jì)算機(jī)根據(jù)指令或用輸入的數(shù)據(jù)來生成或形成一種新的動(dòng)畫或圖形等；不同的操作對象由于輸入的指令或數(shù)據(jù)不同，產(chǎn)生的效果也不相同，這才是交互。本課件就處處體現(xiàn)了人機(jī)效互。比如設(shè)計(jì)課前準(zhǔn)備頁中，教師可根據(jù)學(xué)生的回答來任意畫線；又如設(shè)計(jì)課內(nèi)練習(xí)頁時(shí)，我們可以輸入結(jié)果，讓計(jì)算機(jī)來判斷結(jié)

3、果的正確性等等。3、迷人的隨機(jī)性隨機(jī)性是數(shù)學(xué)領(lǐng)域里最重要的一個(gè)特性了，任何一個(gè)真理的產(chǎn)生都要經(jīng)受住無數(shù)次的驗(yàn)證、無數(shù)次的質(zhì)疑后，才能被人們認(rèn)可。因此，我認(rèn)為我們在演示這些真理的過程中，應(yīng)該突出一個(gè)隨機(jī)性，應(yīng)該包容所有可能產(chǎn)生的情況。所以，我在設(shè)計(jì)圓面積公式推導(dǎo)時(shí)，是以平行四邊形面積來推導(dǎo)圓面積公式，在分割的過程中，我們可以隨意的分割任意偶數(shù)份，正好符合了數(shù)學(xué)的隨機(jī)性。第二章 軟件運(yùn)行環(huán)境及學(xué)習(xí)人員界定一、軟件基礎(chǔ)本課件腳本編程語言采用ActionScript3.0，因此，軟件只能采用Flash cs4或Flash cs3，推薦采用Flash cs4，F(xiàn)lash 8.0及以前版本由于支持腳本語言

4、為ActionScript2.0，所以不能采用。二、運(yùn)行環(huán)境Flash cs4運(yùn)行環(huán)境（推薦使用Flash cs4綠色版，套裝版注冊太麻煩，要求硬件性能高）：512MB內(nèi)存以上，獨(dú)立顯卡，winXP，win2000，VSTA，win7系統(tǒng)均可運(yùn)行。三、學(xué)習(xí)人員界定學(xué)習(xí)本教程人員，應(yīng)具備一定的ActionScript3.0基礎(chǔ)或ActionScript2.0基礎(chǔ)，并且對Flash軟件應(yīng)用熟練。第三章 課件版塊本課件采用導(dǎo)航頁隨意跳轉(zhuǎn)格式進(jìn)行導(dǎo)航，主要內(nèi)容如下圖示意：第四章 課件的構(gòu)思及制作教程第一節(jié) 框架的構(gòu)思及制作教程一、框架的構(gòu)思構(gòu)思框架時(shí)，我們需要處理三個(gè)問題：1、在主場景中我們需要的層數(shù)

5、；2、課件運(yùn)行時(shí)邊緣留白問題；3、在主時(shí)間軸中我們需要的幀數(shù)；下面我們就來依次解決以上三個(gè)問題。第一個(gè)問題：一般來講如果沒有特殊要求，我們主場景中所需要的層數(shù)從上至下依次為：as圖層、mask圖層、content圖層,三層即可。第二個(gè)問題：課件運(yùn)行時(shí)邊緣留白問題，也就是說我們的成品課件播放時(shí)由于屏幕問題或制作問題是無法充滿屏幕的，因此在播放時(shí)四周邊緣容易出現(xiàn)白色邊框，非常影響課件美觀，因此我們就需要制作一個(gè)遮布來蓋住多余部分，這樣就解決了留白問題。（制作方法見制作過程）第三個(gè)問題：在制作課前之前我們應(yīng)該考慮我們需要多少個(gè)切換場面，那么我們就需要多少幀，本課件一共需要7個(gè)切換場面（如第二章中的課

6、件框架圖所示），也就是說在主場景的主時(shí)間軸上的content圖層中，我們需要7個(gè)關(guān)鍵幀，每一幀對應(yīng)一個(gè)場面，如第一幀對應(yīng)的是封頁，第四幀對應(yīng)的是公式推導(dǎo)頁等。二、制作教程1、雙擊flash cs4.exe運(yùn)行軟件，加載完成后在新建文檔對話框中選擇常規(guī)à類型：Flash文件（ActionScript3.0）后，點(diǎn)擊確定創(chuàng)建文檔。2、單擊文件保存，打開保存對話框，輸入文件名：圓的面積，保存至本地磁盤。3、創(chuàng)建圖層：單擊新建圖層按鈕三次，增加三個(gè)圖層；單擊鎖定所有圖層按鈕，對所有圖層進(jìn)行加鎖；雙擊圖層名，對圖層進(jìn)行重命名，依次命名如下圖所示：4、制作遮布：單擊mask圖層中的小鎖，對該圖層

7、進(jìn)行解鎖，單擊該圖層的第一幀（也就是選中該圖層第一幀）,選擇工具箱中的矩形按鈕，筆觸顏色為黑色，填充色為空，在舞臺(tái)上隨意畫出一個(gè)矩形，單擊選擇工具或在英文狀態(tài)下按v鍵，雙擊矩形的一條邊框或用鼠標(biāo)拉選所有矩形線條，打開屬性面板（如果找不到可在菜單欄中的窗口中查找）設(shè)置如下圖：重新選擇工具箱中的矩形工具，再繪制一個(gè)無填充色的矩形，注意不能與第一個(gè)相交，全選后設(shè)置屬性如下圖：單擊工具箱中的顏料桶工具，填充色為黑色，在兩個(gè)矩形框的中間部分單擊鼠標(biāo)進(jìn)行填充。單擊mask圖層中的小鎖按鈕，對該圖層進(jìn)行加鎖。5、創(chuàng)建所需幀數(shù)：右鍵分別單擊三個(gè)圖層的第七幀，左鍵選擇插入幀；單擊content圖層名一次，con

8、tent圖層所有幀處于選中狀態(tài)，右鍵單擊content圖層的任意一幀，左鍵選擇轉(zhuǎn)換為空白關(guān)鍵幀。完成以后如下圖：7、添加腳本：右鍵選擇as圖層的任意一幀，左鍵選擇動(dòng)作，打開動(dòng)作面板， 在動(dòng)作面板中輸入以下代碼：（紅色部分為代碼，雙斜線開頭的為注釋）/停止播放頭stop ();/當(dāng)播放器運(yùn)行時(shí)全屏運(yùn)行stage.displayState=StageDisplayState.FULL_SCREEN;/添加一個(gè)全局按鈕效果函數(shù)function btnDisplay (btn:MovieClip)btn.addEventListener (MouseEvent.MOUSE_OVER,btnOver);

9、btn.addEventListener (MouseEvent.MOUSE_OUT,btnOut);btn.addEventListener (MouseEvent.MOUSE_DOWN,btnDown);btn.addEventListener (MouseEvent.MOUSE_UP,btnUp);function btnOver (e)btn.alpha=1;function btnOut (e)btn.alpha=0.5;function btnDown (e)btn.alpha=0.3;function btnUp (e)btn.alpha=1; (注意，只有在導(dǎo)出影片后，直接播放

10、swf文件時(shí)全屏才會(huì)起作用，在flash cs4中測試時(shí)全屏是不起作用的)至此，課件框架已制作完成，單擊文件保存。第二節(jié) 封頁的構(gòu)思及制作教程一、封頁的構(gòu)思由于本節(jié)課是小學(xué)六年級(jí)課程，一些花花綠綠的小圖片對六年級(jí)的學(xué)生來說已經(jīng)不具有太大的吸引力了，因此，準(zhǔn)備了一張富有科學(xué)意義的圖片作為底圖，再加上一個(gè)跳轉(zhuǎn)按鈕跳轉(zhuǎn)至導(dǎo)航頁即可。使頁面的布局更清晰、自然、大方。二、制作過程1、搜集素材：我已為大家準(zhǔn)備好了一張底圖，大家可登錄2、制作play 按鈕：打開源文件，單擊插入、新建元件，名稱:playBtn，類型：按鈕，確定后進(jìn)入到playBtn按鈕的編輯頁中。增加一個(gè)圖層，全部加鎖，從上至下命

11、名如下圖：解鎖image圖層，選中該圖層的彈起幀，選擇工具欄中的矩形工具，筆觸顏色為空，填充色任意，在舞臺(tái)上繪制一個(gè)寬50，高25像素的矩形后，單擊選擇工具后，單擊該矩形，使該矩形處于選中狀態(tài)（矢量圖選中后呈麻麻點(diǎn)狀），打開對齊面板，相對于舞臺(tái)處于選中狀態(tài)（選中時(shí)底色為白色，即凹下去），單擊左對齊，頂對齊。效果如下圖：右鍵單擊該圖形，選擇轉(zhuǎn)換為元件，名稱：按鈕底圖，類型：影片，確定即可。打開屬性面板，選擇色彩效果中的Alpha（如下圖），將透明度設(shè)為0后，該按鈕影片在舞臺(tái)上完全透明，如果處于不選中狀態(tài)，我們無法看到，也就無法進(jìn)行編輯，因此我們單擊該圖層工具欄中的顯示輪廓按鈕，這樣我們就看到按鈕

12、底圖邊框了。對該圖層進(jìn)行加鎖，對txt圖層進(jìn)行解鎖，并選中txt圖層的第一幀，選擇工具箱中的文本工具，打開屬性面板，文本類型選擇：靜態(tài)文本，在舞臺(tái)上單擊鼠標(biāo)一次，在出現(xiàn)的文本框中輸入大寫PLAY，更改字體為方正粗倩，字號(hào)17，顏色值為#666666，將其放在按鈕底圖輪廓的中心位置，如下圖：然后按ctrl+b兩次將文本打散成矢量圖（可避免在其它電腦上播放時(shí)出現(xiàn)字體不相符問題）右鍵單擊image圖層的第三幀（按下幀），選擇插入幀；右鍵單擊txt圖層的第一幀，選擇復(fù)制幀，右鍵分別單擊txt圖層的第二、三幀，分別選擇粘貼幀，左鍵單擊txt圖層的第二幀，在場景中拖選文本矢量圖，打開屬性面板，更改顏色值為

13、#CCCCCC；左鍵單擊txt圖層的第三幀，在場景中拖選文本矢量圖，打開屬性面板，更改顏色值為#999999，對該圖層進(jìn)行加鎖，回到主場景。3、制作封頁底圖影片：單擊文件，選擇導(dǎo)入，導(dǎo)入到庫，找到我們下載的圖片，雙擊封頁底圖，將該圖片導(dǎo)入到庫中；單擊插入，新建元件，名稱：封頁底圖影片，類型：影片，確定后進(jìn)入到封頁底圖影片編輯頁中，打開庫，找到我們剛導(dǎo)入進(jìn)來的封頁底圖圖片，將其拖至舞臺(tái)中并選中該圖片，打開屬性面板，設(shè)置X為0，Y為0，回到主場景。4、制作封頁影片：單擊插入，新建元件，名稱：封頁影片，類型：影片，確定后進(jìn)入到封頁影片編輯頁中，增加三個(gè)圖層，從上至下分別命名如下圖并全部加鎖：解鎖im

14、age圖層，選中該圖層第一幀，打開庫，找到封頁底圖影片，將其拖至舞臺(tái)中，打開屬性面板，設(shè)置X為0，Y為0；打開屬性面板中的色彩效果，樣式選色調(diào)，色調(diào)顏色值為：#0066FF。加鎖該圖層，解鎖btn圖層，選中該圖層第一幀，打開庫，找到playBtn按鈕，將其拖至舞臺(tái)中，放置合適位置，并選中該按鈕，打開屬性面板，在實(shí)例名稱中輸入：play_btn,如下圖：加鎖該圖層，解鎖txt層，選中該圖層第一幀，在舞臺(tái)中建立靜態(tài)文本若干個(gè)(根據(jù)個(gè)人需要)，輸入內(nèi)容，下圖為我的效果圖(最好將文本打散)：對該圖層進(jìn)行加鎖。右鍵單擊as圖層第一幀選動(dòng)作，打開動(dòng)作面板，輸入如下代碼：/為play_btn按鈕注冊一個(gè)偵聽

15、器，調(diào)用函數(shù)為playClickplay_btn.addEventListener (MouseEvent.CLICK,playClick);/定義playClick函數(shù)function playClick (e)/主場景中的播放頭跳轉(zhuǎn)至第二幀并停止MovieClip(root).gotoAndStop (2);、測試工作：回到主場景，解鎖content圖層，并選中該圖層第一幀，打開庫，找到封頁影片并將其拖至舞臺(tái)中，設(shè)置X為0，Y為0.對content圖層進(jìn)行加鎖。7、保存文檔，單擊控制測試影片，如果出現(xiàn)編譯錯(cuò)誤應(yīng)查找代碼是否輸入有誤或?qū)嵗欠裼姓`，如果沒有請單擊play按鈕，看是否跳轉(zhuǎn)至一

16、個(gè)空白頁，如果跳轉(zhuǎn)成功，那么本節(jié)課大功告成！本節(jié)課制作過程簡單，沒有過于復(fù)雜的腳本，希望大家多多練習(xí)，為后幾節(jié)課打基礎(chǔ)。第三節(jié) 導(dǎo)航頁構(gòu)思及制作教程一、 導(dǎo)航頁的構(gòu)思本課件采用的跳轉(zhuǎn)方式是在導(dǎo)航頁中隨意進(jìn)行跳轉(zhuǎn)，在其它頁中可返回導(dǎo)航頁。本課件需跳轉(zhuǎn)的頁面共五個(gè)，包括課前準(zhǔn)備頁、公式推導(dǎo)頁、課內(nèi)練習(xí)頁、應(yīng)用提高頁和課外拓展頁。因此我們需要五個(gè)向外跳轉(zhuǎn)的銨鈕和一個(gè)返回導(dǎo)航頁的按鈕；為了使課件更加人性化，特意加入了全屏與非全屏切換按鈕、幫助頁按鈕、關(guān)閉播放器按鈕和動(dòng)態(tài)調(diào)用計(jì)算機(jī)時(shí)間功能。向外跳轉(zhuǎn)功能的實(shí)現(xiàn)：由于向外跳轉(zhuǎn)按鈕具有相同的功能，因此，我們就可以把這五個(gè)向外跳轉(zhuǎn)的銨鈕看成一個(gè)類，專門為這五個(gè)

17、按鈕寫一個(gè)自定義跳轉(zhuǎn)函數(shù)。這個(gè)函數(shù)的思路是這樣的：導(dǎo)航頁所處的位置是主場景的第二幀，從導(dǎo)航頁向外跳轉(zhuǎn)的幀的范圍是第3幀至第7幀，那么我們就可以為這五個(gè)按鈕分別起實(shí)例名：btn3、btn4、btn5、btn6、btn7，然后我們從按鈕的實(shí)例名中取出數(shù)字3、4、5、6、7，這些數(shù)字對應(yīng)的正好就是我們向外跳轉(zhuǎn)的幀，這樣我們就實(shí)現(xiàn)了跳轉(zhuǎn)。其它按鈕功能簡單，請大家在代碼注釋中加以理解。二、 制作教程1、 搜集素材：我已為大家準(zhǔn)備好了一張圖片和幾個(gè)小圖標(biāo)，大家可登錄2、 制作按鈕（1） 制作向外跳轉(zhuǎn)按鈕：打開源文件，單擊文件、導(dǎo)入，將下載的六張圖片全部導(dǎo)入到庫中。單擊插入、新建元件，名稱：課前準(zhǔn)備按鈕，類

18、型：按鈕，單擊確定按鈕，進(jìn)入到課前準(zhǔn)備按鈕編輯頁中，將圖層命名為，image，再增加一個(gè)圖層，命名為txt ，并將txt圖層加鎖。選中image圖層的第一幀，打開庫，找到我們剛導(dǎo)入到庫中的圖片1，將其拖至舞臺(tái)中，打開屬性面板，設(shè)置X為0，Y為0，寬90，高90后，右鍵單擊該圖片，選轉(zhuǎn)換為元件，名稱：課前準(zhǔn)備按鈕底圖，類型：影片；打開屬性面板，為該影片添加投影濾鏡，距離3。右鍵分別單擊image圖層的第二幀、第三幀，分別插入關(guān)鍵幀，重新選中該圖層第一幀，單擊舞臺(tái)中的影片一次，打開屬性面板，將亮度調(diào)為-10%，位置如下圖：選中該圖層的第二幀，單擊舞臺(tái)中的影片一次，打開屬性面板，將亮度調(diào)為10%；選

19、中該圖層的第三幀，單擊舞臺(tái)中的影片一次，打開屬性面板，將亮度調(diào)為-20%。對image圖層進(jìn)行加鎖，對txt圖層進(jìn)行解鎖，并選中txt圖層的第一幀，單擊工具欄中的文本工具，并設(shè)置文本格式為靜態(tài)文本，顏色為黑色，字號(hào)為13，字體任選（如果選擇的不是系統(tǒng)自帶字體，請將文本打散），在文本框中輸入：課前準(zhǔn)備頁,并將文本放在影片的正下方，如下圖： 最后在txt圖層的第三幀插入幀，如下圖所示。好了，第一個(gè)向外跳轉(zhuǎn)按鈕就制作好了，請大家以相同的方法制作公式推導(dǎo)頁、課內(nèi)練習(xí)頁、應(yīng)用提高頁和課外拓展頁按鈕。3、制作content圖層底圖影片（主要用于美化課件）單擊插入、新建元件，名稱：內(nèi)容底圖影片，類型：影片，

20、單擊確定，進(jìn)入到內(nèi)容底圖影片編輯頁中，增加5個(gè)圖層，從上至下分別命名如下圖：全部加鎖，解鎖bg圖層，并選中bg圖層的第一幀，單擊工具欄中的矩形工具，在舞臺(tái)中隨意繪制一個(gè)矩形，點(diǎn)擊選擇工具，單擊舞臺(tái)中的矩形，打開屬性面板，設(shè)置如下圖：顏色值為#0066cc,加鎖bg圖層，解鎖image圖層，選中image圖層的第一幀，打開庫，找到剛導(dǎo)入的圖片.jpg，拖至舞臺(tái)中，設(shè)置X為25，Y為50，右鍵單擊該圖片，選轉(zhuǎn)換為元件，名稱：內(nèi)容頁背景，類型：影片，確定。選中該影片，打開屬性面板，為其添加投影濾鏡，距離為3。加鎖image圖層，解鎖topButton圖層,選中topButton圖層的第一幀，選擇工具

21、箱中的矩形工具，筆觸色為空，填充色任意，在舞臺(tái)中隨意繪制一個(gè)矩形，點(diǎn)選選擇工具，點(diǎn)擊剛繪制的矩形，打開屬性面板，設(shè)置X為0，Y為0，寬550，高40；單擊窗口，打開顏色面板，類型選線性填充， 并添加色塊，每個(gè)色塊值從左至右如下圖（在調(diào)整顏色時(shí)，矩形必須處于選中狀態(tài)）：第一個(gè)：第二個(gè)：第三個(gè)：第四個(gè)：第五個(gè)：點(diǎn)選工具箱中的任意變形工具3秒，打開子菜單，選擇漸變填充工具，單擊矩形一次，點(diǎn)按矩形右端的旋轉(zhuǎn)功能，向下拖動(dòng)旋轉(zhuǎn)90度，再點(diǎn)按移動(dòng)功能，向上拖動(dòng)與矩形底部重合即可看到效果。效果如下圖：點(diǎn)選選擇工具，右鍵單擊矩形，選擇轉(zhuǎn)換為元件，名稱：長條，類型:影片，確定。打開屬性面板，為其添加投影濾鏡，距

22、離為2；再次右鍵單擊該影片，選擇復(fù)制，并ctril+v粘貼，選中剛復(fù)制的長條影片，單擊菜單欄中的修改、變形，選垂直翻轉(zhuǎn)，打開屬性面板，設(shè)置X為0，Y為0，并更改濾鏡的投影角度為0度。加鎖topButton圖層，解鎖btn圖層，并選中btn圖層的第一幀，打開庫，找到按鈕底圖影片，將其拖至舞臺(tái)中，設(shè)置寬22，高22，并為其添加投影濾鏡，投影濾鏡設(shè)置如下圖：右鍵單擊該影片，選擇復(fù)制，并ctril+v粘貼三次，在右上角放置三個(gè)影片如下圖（ 放大200%）：并分別從左至右選中這三個(gè)影片，打開屬性面板，分別輸入實(shí)例名：help_btn、display_btn、quit_btn。選中最后一個(gè)影片，設(shè)置寬40

23、，高為22，放置右下角，打開屬性面板，輸入實(shí)例名為：prev_btn,效果如下圖：加鎖btn圖層，解鎖txt圖層，在txt圖層可結(jié)合繪圖工具和文本工具在四個(gè)按鈕影片上填充圖形，并加入說明文字，在左下角繪制一個(gè)動(dòng)態(tài)文本框，動(dòng)態(tài)文本框?qū)嵗麨椋簍ime_txt,整個(gè)效果如下圖：加鎖txt圖層。右鍵單擊as圖層，選動(dòng)作，打開動(dòng)作面板，輸入如下代碼：/初始化對象值help_btn.alpha=0.5;quit_btn.alpha=0.5;display_btn.alpha=0.5;prev_btn.alpha=0.5;/調(diào)用主場景中的按鈕效果函數(shù)MovieClip(root).btnDisplay (

24、quit_btn);MovieClip(root).btnDisplay (help_btn);MovieClip(root).btnDisplay (display_btn);MovieClip(root).btnDisplay (prev_btn);/為全屏非全屏切換按鈕添加動(dòng)作var bool:Boolean=true;display_btn.addEventListener (MouseEvent.CLICK,displayClick);function displayClick (e)bool=! bool;bool?stage.displayState=StageDisplaySt

25、ate.FULL_SCREEN:stage.displayState=StageDisplayState.NORMAL;/為退出按鈕添加動(dòng)作quit_btn.addEventListener (MouseEvent.CLICK,quitClick);function quitClick (e)fscommand ("quit","true");/為返回按鈕添加動(dòng)作prev_btn.addEventListener (MouseEvent.CLICK,prevClick);function prevClick (e)MovieClip(root).goto

26、AndStop (2);/為幫助按鈕添加動(dòng)作var help_mc:MovieClip=new Help();var helpB:Boolean=false;help_btn.addEventListener (MouseEvent.CLICK,helpClick);function helpClick (e)helpB=! helpB;if (helpB)MovieClip(root).addChild (help_mc);help_mc.x=116;help_mc.y=125;elseMovieClip(root).removeChild (help_mc);/創(chuàng)建動(dòng)態(tài)文本框顯示本地時(shí)間v

27、ar hours:String;var minutes:String;var seconds:String;time_txt.addEventListener (Event.ENTER_FRAME,timeFrame);function timeFrame (e)var timeDate:Date=new Date();hours=String(timeDate.getHours();minutes=String(timeDate.getMinutes();seconds=String(timeDate.getSeconds();if (hours.length=1)hours="0

28、"+hours;if (minutes.length=1)minutes="0"+minutes;if (seconds.length=1)seconds="0"+seconds;time_txt.text="現(xiàn)在時(shí)間："+hours+":"+minutes+":"+seconds;4、 制作幫助影片單擊插入，新建元件，名稱：幫助影片，類型：影片，確定進(jìn)入到幫助影片編輯頁中，增加五個(gè)圖層，依次命名如下圖：全部加鎖后，解鎖bg圖層并選中該圖層第一幀，打開庫，找到內(nèi)容頁背景影片，將其拖至舞

29、臺(tái)，設(shè)置X為0，Y為0，加鎖該圖層，解鎖btn圖層，并選中btn圖層第一幀，打開庫，找到按鈕底圖影片，將其拖至舞臺(tái)中，設(shè)置寬度90，高度23，并為其添加投影濾鏡，設(shè)置如下圖：右鍵單擊該影片，復(fù)制并在場景中粘貼6次，依次排列如下圖：從上至下依次選中后打開屬性面板，依次輸入實(shí)例名：btn1，btn2,btn3,btn4,btn5,btn6,btn7,加鎖該圖層，解鎖txt圖層，并選中txt圖層第一幀，輸入按鈕文本如下圖：分別右鍵單擊as圖層、btn圖層、bg圖層和txt圖層的第七幀，左鍵單擊插入幀，在content圖層的第二至七幀插入空白關(guān)鍵幀，如下圖：加鎖txt圖層，解鎖content圖層，選中

30、content圖層第一幀，輸入文本，如下圖：選中content圖層第二幀，輸入文本如下圖：選中content圖層第三幀，輸入文本如下圖：選中content圖層第四幀，輸入文本如下圖：選中content圖層第五幀，輸入文本如下圖：選中content圖層第六幀，輸入文本如下圖：選中content圖層第七幀，輸入文本如下圖：對content圖層加鎖，右鍵單擊as圖層任意幀，選動(dòng)作，打開動(dòng)作面板，輸入以下代碼：stop();for (var i:int=1; i<=7; i+)var b:MovieClip=getChildByName("btn"+i) as MovieCl

31、ip;b.alpha=0.5;btnDisplay (b);clickBtn (b);function clickBtn (btn:MovieClip)btn.addEventListener (MouseEvent.CLICK,btnClick);function btnClick (e)var n:int=Number(.substr(3,1);gotoAndStop (n);function btnDisplay (btn:MovieClip)btn.addEventListener (MouseEvent.MOUSE_OVER,btnOver);btn.addEvent

32、Listener (MouseEvent.MOUSE_OUT,btnOut);btn.addEventListener (MouseEvent.MOUSE_DOWN,btnDown);btn.addEventListener (MouseEvent.MOUSE_UP,btnUp);function btnOver (e)btn.alpha=1;function btnOut (e)btn.alpha=0.5;function btnDown (e)btn.alpha=0.3;function btnUp (e)btn.alpha=1;打開庫，找到幫助影片，右鍵單擊幫助影片圖標(biāo)，選屬性，打開元件

33、屬性面板，點(diǎn)高級(jí)，設(shè)置如下圖：連續(xù)確定（因我們要?jiǎng)?chuàng)建Help類，所以會(huì)彈出一個(gè)沒有此類的對話框，我們直接確定創(chuàng)建即可）。5、 制作導(dǎo)航頁影片單擊插入，新建元件，名稱：導(dǎo)航頁影片，類型：影片，確定后進(jìn)到入導(dǎo)航頁影片編輯頁中，增加三個(gè)圖層，依次命名如下圖：解鎖bg 圖層，并選中bg圖層的第一幀，打開庫找到內(nèi)容底圖影片，將其拖至舞臺(tái)中，設(shè)置X為0，Y為0。加鎖bg圖層，解鎖btn圖層，打開庫，找到我們做的課前準(zhǔn)備頁按鈕、公式推導(dǎo)頁按鈕、課內(nèi)練習(xí)頁按鈕、應(yīng)用提高頁按鈕和課外拓展頁按鈕，將這五個(gè)按鈕拖至舞臺(tái)中，布局如下圖：從左至右分別選中這五個(gè)按鈕，打開屬性面板，分別輸入實(shí)例名：btn3,bt

34、n4,btn5,btn6,btn7。加鎖btn圖層，右鍵單擊as圖層第一幀，選動(dòng)作，打開動(dòng)作面板，輸入如下代碼：stop ();for (var i:int=3; i<=7; i+)var b:SimpleButton=getChildByName("btn"+i) as SimpleButton;clickBtn (b);function clickBtn (btn:SimpleButton)btn.addEventListener (MouseEvent.CLICK,btnClick);function btnClick (e)var n:int=Number(b

35、.substr(3,1);MovieClip(root).gotoAndStop (n);6、測試工作：回到主場景，解鎖content圖層，選中該圖層第二幀，打開庫，找到導(dǎo)航頁影片，將其拖至舞臺(tái)中，設(shè)置X為0，Y為0，加鎖該圖層。單擊文件，導(dǎo)出，導(dǎo)出影片，保存位置隨意，確定。保存我們的文檔，關(guān)閉flash，找到我們導(dǎo)出的文件，雙擊運(yùn)行（必須安裝有flashplayer9.0以上的獨(dú)立播放器），單擊play按鈕，如果能成功跳轉(zhuǎn)至導(dǎo)航頁，那么我們本節(jié)課也大功告成了！第四節(jié) 課前準(zhǔn)備頁構(gòu)思及制作過程一、課前準(zhǔn)備頁的構(gòu)思：本頁目的：通過一個(gè)不規(guī)則四邊形面積的求法向?qū)W生滲透轉(zhuǎn)化思想。本頁就

36、圍繞求不規(guī)則四邊形面積來進(jìn)行設(shè)計(jì)，本頁沒有過于復(fù)雜的腳本和動(dòng)畫，因此不作算法分析了。由于我們需要的重要元件在上節(jié)課已制作完成，所以本節(jié)課任務(wù)非常輕松。二、制作過程：打開源文件，單擊插入à新建元件，名稱：課前準(zhǔn)備頁影片，類型：影片，確定后進(jìn)入到課前準(zhǔn)備頁影片編輯頁中，再增加三個(gè)圖層，從上至下依次命名為：as、txt、btn、bg，全部加鎖。解鎖bg圖層，選中該圖層第一幀，打開庫，找到內(nèi)容底圖影片，將其拖至場景中，設(shè)置X為0，Y為0，加鎖該圖層。解鎖btn圖層，選中該圖層第一幀，打開庫，找到按鈕底圖影片，將其拖至舞臺(tái)中，打開屬性面板，為其添加投影濾鏡，并在挖空上打鉤；右鍵單擊該影片，選擇

37、復(fù)制，按鍵盤CTRL+V兩次，粘貼出兩個(gè)影片，將三個(gè)影片在左下角放置一排。從左至右分別選中三個(gè)影片，打開屬性面板，分別輸入實(shí)例名：see_btn,draw_btn,close_btn，加鎖該圖層。解鎖txt圖層，選中該圖層第一幀，選擇工具箱中的文本工具和直線工具，在舞臺(tái)中繪制幾個(gè)文本和一個(gè)不規(guī)則四邊形，效果如下圖：右鍵單擊解題思路文本，也就是上圖中標(biāo)注出來的文本，選擇轉(zhuǎn)換為元件，名稱：解題思路影片，類型：影片，確定，打開屬性面板，輸入實(shí)例名：jieti_mc,加鎖該圖層。右鍵單擊as圖層第一幀，選擇動(dòng)作，打開動(dòng)作面板，輸入如下代碼：/初始化變量對象jieti_mc.alpha=0;see_bt

38、n.alpha=0.5;draw_btn.alpha=0.5;close_btn.alpha=0.5;/定義按鈕效果MovieClip(root).btnDisplay (see_btn);MovieClip(root).btnDisplay (draw_btn);MovieClip(root).btnDisplay (draw_btn);/解題思路影片的可見性var b:Boolean=false;see_btn.addEventListener (MouseEvent.CLICK,seeClick);function seeClick (e)b=! b;b?jieti_mc.alpha=1

39、:jieti_mc.alpha=0;/用鼠標(biāo)動(dòng)態(tài)畫線var sprLine:Sprite=addChild(new Sprite()as Sprite;var lineB:Boolean=false;var lineMc:MovieClip;var oldX:Number;var oldY:Number;draw_btn.addEventListener (MouseEvent.CLICK,drawClick);function drawClick (e)lineB=true;this.addEventListener (MouseEvent.MOUSE_DOWN,thisDownHandle

40、r);function thisDownHandler (e)if (lineB=true&&mouseY<315)lineMc=sprLine.addChild(new MovieClip()as MovieClip;oldX=mouseX;oldY=mouseY;this.addEventListener (MouseEvent.MOUSE_MOVE,thisMoveHandler);stage.addEventListener (MouseEvent.MOUSE_UP,stageUpHandler);elsereturn;function thisMoveHandl

41、er (e)lineMc.graphics.clear ();lineMc.graphics.lineStyle (2,0x000000);lineMc.graphics.moveTo (oldX,oldY);lineMc.graphics.lineTo (mouseX,mouseY);function stageUpHandler (e)this.removeEventListener (MouseEvent.MOUSE_MOVE,thisMoveHandler);lineMc.graphics.clear ();lineMc.graphics.lineStyle (2,0x000000);

42、lineMc.graphics.moveTo (oldX,oldY);lineMc.graphics.lineTo (mouseX,mouseY);/清除畫線close_btn.addEventListener (MouseEvent.CLICK,closeClick);function closeClick (e)lineB=false;if (sprLine.numChildren>0)for (var i:int=sprLine.numChildren-1; i>=0; i-)var mc:MovieClip=sprLine.getChildAt(i) as MovieCli

43、p;mc.graphics.clear ();sprLine.removeChild (mc);elsereturn;回到主場景，解鎖content圖層，選中該圖層第三幀，打開庫，找到課前準(zhǔn)備頁影片，將其拖至舞臺(tái)中，設(shè)置X為0，Y為0，加鎖該圖層。單擊文件à保存。單擊文件à導(dǎo)出à導(dǎo)出影片，將原來的圓的面積影片覆蓋。找到導(dǎo)出的圓的面積影片，雙擊運(yùn)行，點(diǎn)擊play按鈕，跳至導(dǎo)航頁，點(diǎn)擊課前準(zhǔn)備頁按鈕，跳至課前準(zhǔn)備頁；點(diǎn)擊思路按鈕，顯示思路影片，再次點(diǎn)擊思路按鈕，關(guān)閉思路影片；點(diǎn)擊畫線按鈕，在舞臺(tái)中用鼠標(biāo)畫線（主要用于邊接四邊形不相鄰的頂點(diǎn)，用于分割四邊形），點(diǎn)擊清除按

44、鈕清除畫線。如果功能全部實(shí)現(xiàn)，那么本節(jié)課勝利結(jié)束!第四節(jié) 公式推導(dǎo)頁構(gòu)思及制作過程一、公式推導(dǎo)頁的構(gòu)思：本頁目的：通過對圓進(jìn)行分割，重新進(jìn)行拼圖，將圓轉(zhuǎn)化為平行四邊形來推導(dǎo)出圓的面積公式，讓同學(xué)們清楚的看到轉(zhuǎn)化的過程。本頁是本課件中的重點(diǎn)，也是難點(diǎn)，場景布置比較簡單，但腳本語言有點(diǎn)兒多，有點(diǎn)兒復(fù)雜，下面我就簡單的談一下圓轉(zhuǎn)化為平行四邊形的算法分析。分割：通常情況下，我們對圓進(jìn)行分割的方法應(yīng)該是用該圓的直徑進(jìn)行分割，這只是我們動(dòng)手操作時(shí)所采用的方法，在本課件中不太適用。我們所采取的方法是畫扇形，如：把圓平均分成10份，我們只需畫出四個(gè)夾角為36度的扇形，按照每一個(gè)依次增加旋轉(zhuǎn)36度即可完成圓的分

45、割，每一部分都是一個(gè)獨(dú)立的整體。展開：我們還以分割的10份為例，我們可以把第一至第五個(gè)扇形封裝在一個(gè)容器中，剩余5個(gè)封裝在另一個(gè)容器中（便于管理），我們先看一下展開前后的效果圖（數(shù)字是我加上去的，便于理解）： 我們以下半部分為例，在展開的過程中，雖說每一個(gè)扇形所旋轉(zhuǎn)的角度、所走的距離都不相同，但它們的旋轉(zhuǎn)和距離是非常有規(guī)律的，只要我們找到了這個(gè)規(guī)律，那么問題就解決了。在上圖中，編號(hào)為3的扇形是靜止不動(dòng)的，編號(hào)為2和4它們旋轉(zhuǎn)的度數(shù)和所走的距離是相同的，只是方向不同，編號(hào)為1和5的扇形它們旋轉(zhuǎn)的度數(shù)和所走的距離也是相同而方向相反的，所以說它們的旋轉(zhuǎn)和運(yùn)動(dòng)是有規(guī)律可循的。在flash中，0度線是水

46、平向右的方向，按順時(shí)針增加。因此，在左圖中的扇形1的度數(shù)是0度，扇形2的度數(shù)就是36度，依次類推。在右圖中，扇形3垂直以后的度數(shù)是72度，它是不需要旋轉(zhuǎn)的，扇形2想要成為垂直，那么它旋轉(zhuǎn)的度數(shù)應(yīng)該是72-36=36度，扇形1本身旋轉(zhuǎn)度數(shù)為0度，所以扇形1的旋轉(zhuǎn)度數(shù)為72-0=72度，同理求得扇形4的旋轉(zhuǎn)度數(shù)為72-108=-36度，扇形5的旋轉(zhuǎn)度數(shù)為72-144=-72度。這樣我們就找出了旋轉(zhuǎn)的規(guī)律即用中間的扇形度數(shù)減去自身的旋轉(zhuǎn)度數(shù)就可以得到應(yīng)該旋轉(zhuǎn)的度數(shù)。下面我們再來找一下距離的規(guī)律。首先我們應(yīng)該知道每一個(gè)扇形的注冊點(diǎn)的位置，因?yàn)橐苿?dòng)的距離其實(shí)就是改變注冊點(diǎn)的位置，而這些扇形在繪制時(shí)，我們

47、應(yīng)該把注冊點(diǎn)放置圓心的位置，那么從左圖變?yōu)橛覉D，扇形3位置不改變，扇形2的位置究竟改變了多少？我們先來看一個(gè)示意圖：在flash中x軸向右為正方向，向左為負(fù)方向。OAB相當(dāng)于扇形3，DBC相當(dāng)于扇形2，0為扇形3的注冊點(diǎn)，D為扇形2的注冊點(diǎn)，D所走的距離就是OD，OD=AB，因此扇形2所走的距離就是AB，我們可以用三角函數(shù)求出AE的長度，那么AB的長度即可求出。AB=Math.sin(36/2)*r*2,那么扇形1所走的距離為： Math.sin(36/2)*r*2*2，扇形4所走的距離為：-Math.sin(36/2)*r*2，扇形5所走的距離為-Math.sin(36/2)*r*2*2。總

48、而言之，每個(gè)扇形所走的距離最終還是跟扇形夾角有關(guān)。拼圖：當(dāng)我們把扇形展開成上下兩部分后，我們就可以讓上下兩部分分別向左向右移動(dòng)Math.sin(36/2)*r（不明白可結(jié)合上圖理解），得到下圖效果：再將上下兩部分分別向下向上移動(dòng)Math.cos(36/2)*r/2,即可得到下圖效果：最終完成轉(zhuǎn)化。二、制作教程：打開源文件，單擊插入à新建元，名稱：滑塊，類型：影片，確定后進(jìn)入到滑塊編輯頁中，選擇圓形工具，筆觸顏色為空，填充色值為：#0066FF，繪制一個(gè)寬高為8的圓，并且水平中齊，垂直中齊。單擊插入à新建元，名稱：滑條，類型：影片，確定后進(jìn)入到滑條編輯頁中，選擇矩形工具，筆觸

49、顏色為空，填充色值為：#0066FF，繪制一個(gè)寬200，高為5的矩形，并且左對齊，垂直中齊。單擊插入à新建元件，名稱：推導(dǎo)頁影片，類型：影片，確定后進(jìn)入到推導(dǎo)頁影片編輯頁中，再增加三個(gè)圖層，從上至下依次命名：as,txt,btn,bg，全部加鎖后。解鎖bg圖層，選中該圖層第一幀，打開庫，將內(nèi)容底圖影片拖至場景中，設(shè)X為0，Y為0，加鎖該圖層。打開庫，找到課前準(zhǔn)備頁影片，雙擊圖標(biāo)，進(jìn)入到該影片編輯頁中，解鎖btn圖層，右鍵單擊思路按鈕，選擇復(fù)制，加鎖該圖層；打開庫，雙擊推導(dǎo)頁影片圖標(biāo)，重新進(jìn)入到推導(dǎo)頁影片編輯頁中，解鎖btn圖層，并選中該圖層第一幀，CTRI+V兩次，將粘貼過來的兩個(gè)按

50、鈕放置左下角一排，從左至右依次選中后，打開屬性面板依次輸入實(shí)例名：feige_btn,zhankai_btn。打開庫，將滑條影片拖至場景中四次，垂直排列于右下角；將滑塊按鈕拖至場景中一次，并為其添加發(fā)光濾鏡，顏色為黑色，模糊度為3，強(qiáng)度為150%，然后復(fù)制該影片，粘貼三次，分別放置四個(gè)滑條的左端。從上至下依次選擇滑塊，打開屬性面板依次輸入實(shí)例名：huankuan1,huakuan2,huakuan3,huakuan4; 從上至下依次選擇滑條，打開屬性面板依次輸入實(shí)例名：huantiao1, huantiao 2, huantiao 3, huantiao 4，加鎖該圖層。解鎖txt圖層，選擇工

51、具箱中的文本工具，輸入按鈕名稱及相關(guān)文字說明，并創(chuàng)建一個(gè)輸入文本，實(shí)例名：input_txt,顯示邊框，加鎖該圖層。完成后效果如下圖：右鍵單擊as圖層第一幀，輸入如下代碼：/輸入文本框只能輸入數(shù)字，并且最多三位，底色透明。input_txt.restrict="0-9"input_txt.maxChars=3;input_txt.background=false;zhankai_btn.mouseEnabled=false;/調(diào)用主時(shí)間軸的按鈕效果函數(shù)MovieClip(root).btnDisplay (feige_btn);MovieClip(root).btnDisp

52、lay (zhankai_btn);/在As中，角度不能參與計(jì)算，弧度可以參與計(jì)算/因此，p是為了將角度轉(zhuǎn)化為弧度更加方便var p:Number=Math.PI/180;/圓的半徑var r:int=80;/arr1保存下半部分每個(gè)影片的旋轉(zhuǎn)度數(shù)var arr1:Array=new Array();/保存下半部分每個(gè)影片的移動(dòng)距離var arr2:Array=new Array();var arr3:Array=new Array();var arr4:Array=new Array();/用于控制展開動(dòng)畫的一個(gè)變量var thisframe:int=1;/保存扇形移動(dòng)一個(gè)單位距離的臨時(shí)變量

53、var moveDy:Number;var moveDx:Number;/輸入文本框效果input_txt.addEventListener (FocusEvent.FOCUS_IN,focusInHandler);input_txt.addEventListener (FocusEvent.FOCUS_OUT,focusOutHandler);function focusInHandler (e)input_txt.text=""input_txt.textColor=0xff0000;input_txt.borderColor=0xff0000;function foc

54、usOutHandler (e)input_txt.borderColor=0x000000;input_txt.textColor=0x000000;/繪制一個(gè)底圖圓var backCircle:MovieClip=new MovieClip();addChild (backCircle);backCircle.graphics.lineStyle (1,0x0000ff);backCircle.graphics.drawCircle (0,0,80);backCircle.x=250;backCircle.y=190;/定義一個(gè)畫扇形函數(shù)function drawFan (angle:Nu

55、mber=30,col:uint=0xff0000):MovieClipvar fan:MovieClip=new MovieClip();fan.graphics.lineStyle (2,0x000000,0.5);fan.graphics.beginFill (col,.7);fan.graphics.moveTo (0,0);fan.graphics.lineTo (r,0);for (var i:int=0; i<=angle; i+)fan.graphics.lineTo (Math.cos(p*i)*r,Math.sin(p*i)*r);fan.graphics.lineTo (Math.cos(p*(i+.1)*