11-12課按鈕的制作二

1、第課時(shí)月日(星期)累計(jì)_個(gè)教案課題第11-12課時(shí) 按鈕的制作二課型新授課1、復(fù)習(xí)掌握簡(jiǎn)單按鈕的應(yīng)用教學(xué)目標(biāo)2、介紹一些簡(jiǎn)單的動(dòng)作語句3、學(xué)會(huì)按鈕上的一些簡(jiǎn)單語句的應(yīng)用教學(xué)簡(jiǎn)單的動(dòng)作語句的使用教學(xué)重點(diǎn)難點(diǎn)教學(xué)方法講練結(jié)合與手段動(dòng)作語句的應(yīng)用1、press在鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)按鈕。play(); / 按鈕響應(yīng)后執(zhí)行play (播放)動(dòng)作on (release) / 當(dāng)鼠標(biāo)按下釋放的時(shí)候，執(zhí)行下面的語句動(dòng)作。play(); / 按鈕響應(yīng)后執(zhí)行play (播放)動(dòng)作。板 書 設(shè) 計(jì)on (releaseOutside) /當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語句。play(); / 按鈕響應(yīng)

2、后執(zhí)行播放動(dòng)作。on( rollover) /當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。play(); / 按鈕執(zhí)行播放動(dòng)作。on( rollOut) /當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作。Play(): / 按鈕響應(yīng)播放動(dòng)作。on (Drag Over) /當(dāng)鼠標(biāo)拖過的時(shí)候執(zhí)行下面的動(dòng)作。play(); / 執(zhí)行播放動(dòng)作。on (dragOut) /當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play(); / 執(zhí)行播放動(dòng)作on (keyPress "p") / 當(dāng)按下鍵盤中的“ p”健時(shí)執(zhí)行下面的動(dòng)作。play();/執(zhí)行播放動(dòng)作一、復(fù)習(xí)掌握簡(jiǎn)單按鈕的應(yīng)用1、復(fù)習(xí)簡(jiǎn)單動(dòng)態(tài)按鈕的制作主

3、要通過一些實(shí)例的制作來鞏固練習(xí)先講一下上節(jié)課存在的問題：在動(dòng)態(tài)按鈕中，我們說要制作一個(gè)影片剪輯，這個(gè)按鈕才會(huì)動(dòng) 起來。有幾個(gè)同學(xué)另外的都完成了，但是還是不會(huì)動(dòng)，原因就是大家在制作元件的時(shí)候選了 圖形而不是影片剪輯，所以才使動(dòng)畫不動(dòng)。我們只要把元件的類型轉(zhuǎn)為影片剪輯就可以了， 當(dāng)然要重新放入到相應(yīng)的地方才行，不然還是原來的那個(gè)。（可以通過實(shí)例來講解，以后學(xué) 生在做的過程中碰到這類問題就不用重新做過了，在原來的基礎(chǔ)上稍作一下改動(dòng)就可以。） 動(dòng)態(tài)按鈕鞏固實(shí)例一技術(shù)分析：結(jié)合上周課講的動(dòng)畫和按鈕結(jié)合來完成第一個(gè)按鈕為按下去后動(dòng)畫（字向兩邊擴(kuò)散，并變淡）的出現(xiàn)； 第二個(gè)按鈕是鼠標(biāo)放上去后動(dòng)畫（字變大并變

4、淡的效果）的出現(xiàn)。大家可以根據(jù)平時(shí)所學(xué)的動(dòng)畫知識(shí)，應(yīng)用到按鈕中，可以充分發(fā)揮大家的想象力，作出各類 按鈕，這些按鈕在我們以后各式網(wǎng)站的制作，特別是一些比較有特色的網(wǎng)站的制作中用的較 多。2、綜合按鈕的制作（實(shí)例二）技術(shù)分析：主要是背景的繪制以及按鈕的動(dòng)畫（按鈕放上去擴(kuò)散效果）制作 主要步驟：背景黑條的繪制，畫兩個(gè)圓角矩形疊加，刪除重疊部分即可； 小球的繪制，黑球上放白球，上面再寫上字母e； 按鈕的制作，擴(kuò)散效果的制作，小球填充效果第一幀用調(diào)色工具縮到最小，最后一幀用調(diào) 色工具調(diào)到適當(dāng)效果，創(chuàng)建變形動(dòng)畫； 按鈕的彈起狀態(tài)中放入元件大圓和小圓以及數(shù)字，在指針經(jīng)過中放上剛完成的 擴(kuò)散效果動(dòng)畫。（動(dòng)畫

5、只要一次，用stop動(dòng)作）在此要注意按鈕中的分層，原理同普通的分 層，我們可以把擴(kuò)散動(dòng)畫放在下面一層，透過大圓展現(xiàn)出來。 按鈕的小圓動(dòng)畫制作，綠色變色小球?yàn)楸尘?，黃色的曲線作水平轉(zhuǎn)動(dòng)動(dòng)畫二、簡(jiǎn)單動(dòng)作介 紹（按鈕制作實(shí)例源文件）1、復(fù)習(xí)上節(jié)課的按鈕，做出禮花 實(shí)例三，比較發(fā)現(xiàn)問題，引入動(dòng)作語句的應(yīng)用2、on動(dòng)作命令下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。1、press在鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)按鈕。單擊 press，然后選擇動(dòng)作語句，雙擊 【全局函數(shù)】|【時(shí)間軸控制】中的play命令。完整的action是：on （press） / 設(shè)定鼠標(biāo)事件為按下，然后執(zhí)行大括號(hào)里面的語句。play

6、（）; / 按鈕響應(yīng)后執(zhí)行play （播放）動(dòng)作press動(dòng)作當(dāng)然，在大括號(hào)里面還可以用其他的語句，比如說，gotoA ndPlay（youframe）; /點(diǎn)擊按鈕后，就會(huì)從你設(shè)置的幀播放。2、 release 在鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事 件相同加入play命令。完成的語句如下：on （release） /當(dāng)鼠標(biāo)按下釋放的時(shí)候，執(zhí)行下面的語句動(dòng)作。play（）; /按鈕響應(yīng)后執(zhí)行play （播放）動(dòng)作。release 動(dòng)作可以看到，當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候，并沒有激發(fā)播放動(dòng)作，而是當(dāng)鼠標(biāo)左鍵放開的 時(shí)候，執(zhí)行了播放動(dòng)作。這也是與“ press ”事

7、件不同的地方。3、releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后，將鼠標(biāo)指針移到按鈕之外， 此時(shí)釋放鼠標(biāo)按鈕。添加語句的方法同上。完整的語句如下：on (releaseOutside) /當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語句。play(); / 按鈕響應(yīng)后執(zhí)行播放動(dòng)作。releaseOutside 動(dòng)作通過這個(gè)例子我們知道，當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開后，觸 發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件，大家可以利用on的這個(gè)事件來制作游戲。4、 rollOver鼠標(biāo)指針滑過按鈕區(qū)域。制作方法同上，完整的 as語句為：on( rollover) /當(dāng)鼠標(biāo)

8、滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。play(); /按鈕執(zhí)行播放動(dòng)作。rollOver 動(dòng)作當(dāng)鼠標(biāo)指針從按鈕上滑過的時(shí)候，動(dòng)畫就開始執(zhí)行播放動(dòng)作了，而不需要點(diǎn)擊它。我們 可以利用on的這個(gè)特點(diǎn)來制作一些圖示板，非常簡(jiǎn)單有效。5、 rollOut鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上，完整的 as語句為：on( rollOut) /當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作。Play(): /按鈕響應(yīng)播放動(dòng)作。rollOut 動(dòng)作滑離與滑過并不是相同的，滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開以后開始響應(yīng)，而滑過是 指只要鼠標(biāo)滑到按鈕上，就開始執(zhí)行動(dòng)作。6 dragOver在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此

9、按鈕區(qū)域，再滑回此按 鈕。完整的as是：on (Drag Over) /當(dāng)鼠標(biāo)拖過的時(shí)候執(zhí)行下面的動(dòng)作。play(); /執(zhí)行播放動(dòng)作。dragOver 動(dòng)作拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放，移出按扭區(qū)，再移回按鈕上觸發(fā)的事件。7、dragOut在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕。完整的 as是： on (dragOut) /當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play(); /執(zhí)行播放動(dòng)作dragOut 動(dòng)作拖離與拖過有所不同，只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)響 應(yīng)。與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。8、keyPress ("key")按下

10、指定的鍵。對(duì)于此參數(shù)的 key部分，需指定鍵控代碼或鍵常 量。我們?cè)?“ key”)中鍵入“ p”。完整地as語句為：on (keyPress "p") /當(dāng)按下鍵盤中的“ p”健時(shí)執(zhí)行下面的動(dòng)作。play(); / 執(zhí)行播放動(dòng)作3、結(jié)合動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用來說明上述的動(dòng)作語句（實(shí)例四）實(shí)例演示：禮花的綻放效果（鼠標(biāo)點(diǎn)擊，禮花綻放）技術(shù)分析：鼠標(biāo)點(diǎn)擊引發(fā)的事件，即在按鈕的，即為熱區(qū)，按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。 由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果，所以在禮花綻放的影片剪輯中，第一幀是放入已 做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動(dòng)畫，就是禮花這個(gè)圖形的放大動(dòng)畫。然后在

11、幀上及按鈕上加上簡(jiǎn)單代碼即可。主要步驟：新建一個(gè)按鈕元件，在第四種狀態(tài)“點(diǎn)擊”中畫一個(gè)實(shí)心區(qū)域（這里可畫一個(gè) 白色的長方形） 新建一個(gè)影片剪輯，第一幀放入剛做好的按鈕，因?yàn)椴稽c(diǎn)擊的時(shí)候事件（禮花綻放）不觸發(fā)，第一幀加入動(dòng)作stop，同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā)禮花綻放的事件，因此 在按鈕上加上動(dòng)作on（press）gotoandplay（2）;這個(gè)動(dòng)作語句可在動(dòng)作面板中選擇輸入，不用自己輸入（自己打入容易錯(cuò)，可用腳本校對(duì)）on （press）gotoa ndpla y（ 2）;意思是按下按鈕，開始第二幀動(dòng)作 在第二幀開始禮花的變化，導(dǎo)入禮花圖片并轉(zhuǎn)化為元件，然后作放大的動(dòng)畫 最后在場(chǎng)景中拖入已經(jīng)完成的影片剪輯，注意在鋪滿整個(gè)場(chǎng)景，點(diǎn)擊的時(shí)候才 能保證無論點(diǎn)哪里都有禮花綻放，比較逼真些。鋪滿時(shí)可用多次復(fù)制粘貼。三、小結(jié)注 意一一在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層，這樣便于修改。提 示一一on為按鈕上的動(dòng)作，所以我們必須首先要選中按鈕，以后才可以添加on語句。有的朋友在論壇里面提問，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒有選中 按鈕。技巧在一般flash作品中，大家不會(huì)有意區(qū)分這些on的功能的，一般采用默認(rèn)的 語句。如果沒有特殊說明，你使用了拖離，滑離等事件來制作“ replay ”按鈕，會(huì)讓人們摸 不著頭腦的。試一試 一一我們了解了 on