在動畫教學(xué)中,一般傾向于表層的人物設(shè)計與直觀的動態(tài)創(chuàng)作,這是很重要的基本功練習(xí)。具體到動漫課程與信息技術(shù)課程的關(guān)系,底層代碼的“動畫驅(qū)動功能”又將是一個更重要的技術(shù)層級。為此,我們專門設(shè)計了交互動畫來進行深度學(xué)習(xí)。
“認(rèn)識代碼”這節(jié)課的內(nèi)容是引導(dǎo)學(xué)生探索交互動畫制作的基本方法和思想,較好地體驗交互動畫媒體的魅力。
● 教學(xué)目標(biāo)
知識與技能目標(biāo):了解交互動畫的特點。了解代碼的作用。知道代碼的使用方法。
過程與方法目標(biāo):通過交互動畫欣賞、剖析的活動,開展討論,體驗代碼對動畫的控制作用。通過為生動交互動畫增加代碼,體驗代碼的設(shè)計方法。
情感態(tài)度與價值觀目標(biāo):體驗代碼的作用和方法。通過公益動畫宣傳鳥類保護。
● 教學(xué)難點、疑點
難點:多個代碼增加,可以適當(dāng)減少,達到體驗到代碼的輸入過程即可。
疑點:幀的跳轉(zhuǎn)與場景的跳轉(zhuǎn),可以用同一舞臺的換人和多個舞臺串場來比喻。
● 教法設(shè)計
本節(jié)內(nèi)容要多給學(xué)生動手的機會。提倡學(xué)生創(chuàng)意設(shè)計,教師引導(dǎo)學(xué)生對交互動畫信息進行欣賞與討論,適時總結(jié)代碼的作用與特點。
● 教學(xué)過程
1.情境創(chuàng)設(shè)
通過交互賀卡、小游戲或者煙火交互動畫的運行,感受動畫效果,給學(xué)生一個直觀的交互體驗。
2.實踐導(dǎo)引
在實踐中,把交互動畫的感受與內(nèi)部代碼對照進行剖析。可以讓外觀與內(nèi)部功能結(jié)合起來,初步了解代碼的作用。
(1)動畫剖析
讓學(xué)生剖析交互動畫,要討論對這些動畫的觀看感受和代碼的關(guān)聯(lián),并引導(dǎo)學(xué)生說一說交互動畫的特點。比如,播放的控制、代碼的用途等。這部分,對代碼不作要求,只了解事件響應(yīng)的代碼是完成控制。
案例剖析:“煙花.fla”(如圖1)。
簡單認(rèn)識代碼的作用:
①鼠標(biāo)動作代碼。
“onClipEvent (mouseDown)”就是程序設(shè)計中常說的“事件響應(yīng)”。即,當(dāng)鼠標(biāo)按下去的這一事件發(fā)生后,后面{ }中的程序得到執(zhí)行。
②驅(qū)動動畫代碼。
“mySound.start()”播放爆炸聲。
“for (var i = 1; i<=100; i++)”是循環(huán)程序,此例是為自動一百次地產(chǎn)生煙花瓣運動。
“this.attachMovie("yh1", "yh"+i, i)”是在一定位置以一定的旋轉(zhuǎn)度復(fù)制煙花瓣。
(2)嘗試交互代碼
本部分結(jié)合整個故事的情景,對動畫的停止播放與跳轉(zhuǎn)播放的配合進行體驗。
內(nèi)容主要分成四類:第一,Stop代碼暫停播放;第二,為按鈕設(shè)置幀跳轉(zhuǎn)代碼;第三,場景跳轉(zhuǎn);第四,退出代碼。因此,可以分幾個階段進行學(xué)習(xí)與交流,逐步達到交互代碼嘗試目標(biāo)。
體驗案例:“放飛.fla”(如下頁圖2、圖3、圖4)。
①在幀上,使用“stop”命令暫停動畫。
②在按鈕上,使用“gotoAndPlay”命令跳轉(zhuǎn)并播放動畫(如圖5)。
一開始,學(xué)生對代碼的操作有困難,這不要緊,要讓學(xué)生通過第一個代碼來體驗,即不要輸入太多,一個兩個感受即可。對按鈕的事件,在本節(jié)不要進行區(qū)分,提醒學(xué)生知道按鈕可以實現(xiàn)控制即可。學(xué)生對幀的跳轉(zhuǎn)比較容易理解,對場景的跳轉(zhuǎn)要注意提醒多出一個環(huán)境,然后再加一個幀的位置。
3.教學(xué)評價
著重對學(xué)生操作過程檢測,在觀察和討論中了解學(xué)生的探究過程,鼓勵學(xué)生的熱情,提高學(xué)生的參與度。對作品的評價,應(yīng)適當(dāng)進行,不宜要求過高。
4.拓展學(xué)習(xí)
“腳本助手”對以后的學(xué)習(xí)非常有用,及時有一個概念的認(rèn)識,在以后的應(yīng)用中多提倡使用,能夠有效地破解代碼的抽象性等認(rèn)識困難。本節(jié)不要過細(xì)認(rèn)識“腳本助手”的各個功能,能夠知道代碼的輸入有兩種方式可以達到目的即可。
5.鞏固與提高
通過使用“腳本助手”,進一步熟悉代碼的輸入方式,體驗到本節(jié)所用的簡單代碼的作用和應(yīng)用特點。例如,嘗試修改煙花動畫的代碼,讓煙花更密集一些。提示:讓循環(huán)次數(shù)增多復(fù)制更多煙花瓣,體驗代碼的可修改和數(shù)據(jù)可變化的特點。
● 教學(xué)反思
本節(jié)課通過作品修改,體驗代碼對動畫的內(nèi)部控制和外部交互兩大功能,學(xué)生體驗到了動畫內(nèi)部的技術(shù)魅力,對代碼有了一個生動的感受,對下一步的學(xué)習(xí)使用代碼控制動畫有了方法上的明確和過程上的體驗。
由于動畫代碼只是個別的體驗,也有不少學(xué)生對其他代碼有疑惑,需要及時給以指導(dǎo),重點認(rèn)識代碼的作用即可,而不是去講解代碼的具體語法規(guī)則。