中學(xué)化學(xué)危險(xiǎn)實(shí)驗(yàn)及微觀知識(shí)點(diǎn)Flash教學(xué)*

陳志勝，黎 素，操江飛，付芳芳，吳燕妮，吳文勝

(肇慶學(xué)院化學(xué)化工學(xué)院，廣東 肇慶 526061)

《國(guó)家中長(zhǎng)期教育改革和發(fā)展規(guī)劃綱要(2010-2020年)》和《教育信息化十年發(fā)展規(guī)劃(2011-2020年)》均倡導(dǎo)將信息技術(shù)與學(xué)科課程整合，為學(xué)生的學(xué)習(xí)提供豐富的教育環(huán)境和多樣的學(xué)習(xí)方法。Flash Professional CS6，它是Adobe公司2016年5月出品的集動(dòng)畫設(shè)計(jì)、游戲、Web網(wǎng)站開發(fā)等功能的優(yōu)秀軟件。Flash軟件可以把一些抽象和枯燥的內(nèi)容以直觀、生動(dòng)的形式表現(xiàn)出來，可有效地模擬和再現(xiàn)實(shí)驗(yàn)過程，集視覺、聽覺于一體[1]，F(xiàn)lash課件可培養(yǎng)學(xué)生自主學(xué)習(xí)素養(yǎng)、提升學(xué)生的感性認(rèn)識(shí)，進(jìn)而提高課堂效率。

研究報(bào)告表明：當(dāng)前我國(guó)多媒體教室比例超過80%，中小學(xué)網(wǎng)絡(luò)教學(xué)環(huán)境大幅改善[2]，虛擬實(shí)驗(yàn)技術(shù)推廣條件已具備，許多中學(xué)教師都在積極探索如何利用多媒體信息技術(shù)提高課堂效率[3]。但是有些老師往往僅僅通過一些教學(xué)網(wǎng)站收集課件資源，自主創(chuàng)作flash動(dòng)畫課件卻不太多，中學(xué)化學(xué)教師自主開發(fā)仿真課件的能力有待提高。

本文以《一氧化碳還原氧化鐵實(shí)驗(yàn)》、《鈉與氯氣反應(yīng)》為例，詳細(xì)介紹了Flash動(dòng)畫課件制作過程。

1 中學(xué)化學(xué)Flash動(dòng)畫課件制作

1.1 Flash動(dòng)畫課件制作基本流程

Flash動(dòng)畫的制作流程一般可以分為以下6步：①準(zhǔn)備素材；②新建影片文檔；③設(shè)置文檔屬性；④制作動(dòng)畫，這是最主要的步驟，首先要?jiǎng)?chuàng)建動(dòng)畫角色，一般用繪圖工具繪制或?qū)胪獠康乃夭?，然后在時(shí)間軸上組織和編輯動(dòng)畫效果。動(dòng)畫制作完成后，可以選擇“控制”|“測(cè)試影片”|“測(cè)試”(快捷鍵：Ctrl+Enter)，對(duì)影片進(jìn)行測(cè)試；⑤設(shè)置和保存影片, 此過程需要注意的是：導(dǎo)出的文件類型是播放文件，文件擴(kuò)展名是swf，保存的動(dòng)畫文件，擴(kuò)展名是fla[4]；⑥導(dǎo)出和發(fā)布影片。

1.2 《一氧化碳還原氧化鐵》虛擬實(shí)驗(yàn)動(dòng)畫制作過程

該實(shí)驗(yàn)要求學(xué)生掌握實(shí)驗(yàn)裝置自下而上、從左到右的連接順序；尾氣處理的環(huán)保理念；產(chǎn)物二氧化碳的檢驗(yàn)方法及實(shí)驗(yàn)的操作順序，誤操作產(chǎn)生的后果等知識(shí)點(diǎn)。采用演示實(shí)驗(yàn)或觀看實(shí)驗(yàn)視頻的教學(xué)方法難以達(dá)到理想的教學(xué)效果。而Flash課件能較好的實(shí)現(xiàn)教學(xué)目標(biāo)，其制作過程如下。

首先新建“圖層一”，按F6鍵創(chuàng)建關(guān)鍵幀，在舞臺(tái)上設(shè)計(jì)主界面。在第二幀中插入關(guān)鍵幀，將繪制完成的實(shí)驗(yàn)儀器全部擺放至舞臺(tái)(如圖1所示)，注意為了后續(xù)儀器組裝，這里需要右擊每個(gè)儀器，“新建元件”，元件類型為“影片剪輯”。其次新建“圖層二”作為背景圖層，在第一幀插入關(guān)鍵幀。再次新建“圖層三”作為編寫的腳本代碼層。在第一幀處右擊，選擇“動(dòng)作”，輸入代碼：

import Flash.utils.setTimeout;

import Flash.display.StageDisplayState;

import Flash.display.StageScaleMode;

stop();

Flash.utils.setTimeout(nextFrame, 2000);

stage.scaleMode=StageScaleMode.SHOW_ALL;

stage.displayState=StageDisplayState.FULL_SCREEN;

在第二幀處右擊，選擇“動(dòng)作”，輸入代碼：

stop();//拖動(dòng)判定的距離值

}

}

}

step=0;

boom=this.getChildByName("mc_boom") as MovieClip;

boom.visible=false;

boom.gotoAndStop(1);

step ++;

e.currentTarget.play();

e.currentTarget.removeEventListener(MouseEvent.CLICK, onClickStep);

if (step == 2)

{

stepObjArray[0].setFireLevel(1);

obj_sg.bubble.play();

obj_blg.nextFrame();

}

if (step == stepObjArray.length)

{

//成功了

if (objArray)

else

注意在輸入代碼的過程中一定要嚴(yán)謹(jǐn)細(xì)致，謹(jǐn)防符號(hào)或字母等輸入錯(cuò)誤，制作過程可選擇插入聲音特效。

圖1 一氧化碳還原氧化鐵界面圖

1.3 《鈉與氯氣反應(yīng)微觀動(dòng)畫》的制作

從電子轉(zhuǎn)移角度認(rèn)識(shí)氧化還原反應(yīng)是中學(xué)化學(xué)教學(xué)難點(diǎn)，該知識(shí)點(diǎn)過于抽象，借助Flash課件可有效解決該問題。具體制作流程如下。

首先采用幀動(dòng)畫(又稱逐幀動(dòng)畫)，即每幀的內(nèi)容不同，當(dāng)連續(xù)播放時(shí)，形成動(dòng)畫視覺效果。具體制作步驟如下：

(1)新建舞臺(tái)

打開ActionScript 3.0，設(shè)置舞臺(tái)大小1024×768像素(此像素最適合投影儀)，幀頻：12 fps。打開文件→導(dǎo)入→導(dǎo)入到舞臺(tái)，插入背景圖片。選擇“對(duì)齊”→與舞臺(tái)對(duì)齊。場(chǎng)景設(shè)置完成后，點(diǎn)擊文件→另存為→命名為“鈉與氯氣反應(yīng)實(shí)驗(yàn).fla”，界面如圖2所示。

圖2 ActionScript 3.0的新建界面

(2)新建圖層

命名為：“鈉原子”，使用“橢圓工具”按住“shift鍵”畫一個(gè)較大的正圓，使用“文本工具”在橢圓的中心寫“Cl”，以大的正圓為中心，分別畫7個(gè)代表核外電子的小圓，為后面補(bǔ)充來自鈉原子的電子留出一定空隙，顏色可自行設(shè)計(jì)。繪制完成后，選中右擊“轉(zhuǎn)化為元件”類型設(shè)為“圖形”，點(diǎn)擊“確定”如圖3所示。

圖3 氯原子微觀示意圖

(3)在時(shí)間軸上的圖層一的第20幀位置按F6插入關(guān)鍵幀，將“元件1”上移后，點(diǎn)擊“變形→旋轉(zhuǎn)30°”在時(shí)間軸的第40幀位置上按F6插入關(guān)鍵幀，將“元件1”下移，分別點(diǎn)擊第一幀、第二十幀的位置“創(chuàng)建傳統(tǒng)補(bǔ)間”讓圖層一的動(dòng)畫按照你建立的關(guān)鍵幀的路徑運(yùn)動(dòng)起來。

(4)新建圖層，命名為“鈉原子”使用相同的方法繪制鈉原子、核外電子，注意后面已經(jīng)設(shè)置為元件的圖片無需重復(fù)繪制。點(diǎn)擊“庫(kù)”將所需的元件拖拽到圖層中即可?？偟臅r(shí)間軸面板見圖4，其他圖層與該圖層建立方法相同。

圖4 Flash的時(shí)間軸功能

(5)繪制按鈕元件

元件有三種類型：圖形、按鈕影片和剪輯[5]。設(shè)置為元件后，會(huì)自動(dòng)保存到庫(kù)里，可以重發(fā)多次使用，下次再需要的時(shí)候直接從庫(kù)中拖出來便可，十分方便快捷。這里需要注意的是：如果是從網(wǎng)上下載的圖片，想進(jìn)行修改，如去除背景，可以進(jìn)行一下操作：選中圖片右擊，點(diǎn)選分離，這時(shí)圖片會(huì)變?yōu)橐粋€(gè)個(gè)的小點(diǎn)。點(diǎn)擊套索工具→魔術(shù)棒，點(diǎn)擊需要去除的部分，會(huì)自動(dòng)圈選，按刪除鍵，完成后轉(zhuǎn)化為圖形元件。擇文本工具，輸入“演示”字體為“華文楷體”，字號(hào)45，選擇“矩形工具”設(shè)置一個(gè)矩形，把文字框住。點(diǎn)擊選擇工具，講整個(gè)內(nèi)容圈選起來，右擊鼠標(biāo)，轉(zhuǎn)化為元件，類型為按鈕。進(jìn)入按鈕元件操作界面，時(shí)間軸上的“鼠標(biāo)經(jīng)過”表示鼠標(biāo)在按鈕上時(shí)按鈕的狀態(tài)，操作為：點(diǎn)擊時(shí)間軸的：鼠標(biāo)經(jīng)過，按F6創(chuàng)建關(guān)鍵幀，將矩形換一個(gè)顏色?！鞍聪隆北硎臼髽?biāo)在按鈕上并左擊的狀態(tài)，一般與“鼠標(biāo)經(jīng)過”的狀態(tài)相同，按下F6創(chuàng)建關(guān)鍵幀。

(6)制作完成

點(diǎn)擊菜單欄的控制→測(cè)試影片→在Flash Professional中觀看制作完成后的影片，效果如圖5所示。

圖5 鈉與氯氣反應(yīng)的微觀示意圖

2 結(jié) 語(yǔ)

在信息技術(shù)高速發(fā)展的今天，越來越多的教師希望將多媒體技術(shù)應(yīng)用到了課堂上，希望自主創(chuàng)作Flash動(dòng)畫課件。而Flash動(dòng)畫制作也具有一定的難度，有些制作過程涉及編程語(yǔ)言，不利于計(jì)算機(jī)基礎(chǔ)較差的老師熟練使用。本文工作希望能起到拋磚引玉的作用，不足之處請(qǐng)各位同仁批評(píng)指正。