Flash仿真實(shí)驗(yàn)制作過(guò)程解析

陳志勝 宋佳 王丙峰

摘要：本文以蒸餾實(shí)驗(yàn)為例，從素材制作到實(shí)驗(yàn)?zāi)康?、原理的展現(xiàn)，再到實(shí)驗(yàn)裝置的Flash自組裝練習(xí)及后期調(diào)試，詳細(xì)講解了運(yùn)用Flash軟件制作仿真實(shí)驗(yàn)的過(guò)程。旨在于讓非計(jì)算機(jī)專(zhuān)業(yè)的中學(xué)化學(xué)老師盡快掌握運(yùn)用Flash軟件，服務(wù)于中學(xué)化學(xué)實(shí)驗(yàn)教學(xué)，使學(xué)生方便、快捷地理解實(shí)驗(yàn)?zāi)康?、原理，正確安裝實(shí)驗(yàn)裝置，掌握實(shí)驗(yàn)步驟，預(yù)判實(shí)驗(yàn)現(xiàn)象，并激發(fā)其濃厚的學(xué)習(xí)興趣。

關(guān)鍵詞：Flash;仿真實(shí)驗(yàn);蒸餾

伴隨信息技術(shù)的飛速發(fā)展，計(jì)算機(jī)輔助教學(xué)（Computer ?Assisted ?Instruction，簡(jiǎn)稱(chēng)CAI）受到越來(lái)越高的重視。Flash具有強(qiáng)大的動(dòng)畫(huà)編輯功能，可通過(guò)Action和Fs command實(shí)現(xiàn)交互性，使Flash具有更大的設(shè)計(jì)自由度。Flash動(dòng)畫(huà)課件輔助化學(xué)課程教學(xué)在體現(xiàn)和實(shí)現(xiàn)教學(xué)目的觀(guān)、結(jié)構(gòu)觀(guān)、質(zhì)量觀(guān)和發(fā)展觀(guān)方面將成為不可多得的教學(xué)形式。如果在化學(xué)實(shí)驗(yàn)課程教學(xué)中恰當(dāng)使用Flash動(dòng)畫(huà)，可在一定程度上使學(xué)生更方便、快捷地理解實(shí)驗(yàn)?zāi)康摹⒃?，正確安裝實(shí)驗(yàn)裝置，掌握實(shí)驗(yàn)步驟，預(yù)判實(shí)驗(yàn)現(xiàn)象并激發(fā)其濃厚的學(xué)習(xí)興趣。

本文使用win7 x64旗艦版操作系統(tǒng)、Adobe Photoshop CS6（簡(jiǎn)體中文版）和Adobe Flash Professional CS5.5（簡(jiǎn)體中文版），以乙醇蒸餾實(shí)驗(yàn)為例講解Flash仿真實(shí)驗(yàn)制作過(guò)程。期望通過(guò)仿真實(shí)驗(yàn)實(shí)現(xiàn)：（1）預(yù)習(xí)實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)原理。（2）通過(guò)自由拖拽實(shí)驗(yàn)儀器來(lái)練習(xí)實(shí)驗(yàn)儀器的正確安裝。（3）知道實(shí)驗(yàn)所需儀器和試劑。（4）掌握實(shí)驗(yàn)操作步驟和實(shí)驗(yàn)現(xiàn)象。（5）掌握實(shí)驗(yàn)注意事項(xiàng)。

1Flash仿真化學(xué)實(shí)驗(yàn)制作實(shí)例講解

制作過(guò)程主要包括實(shí)驗(yàn)素材及資料的收集與制作，時(shí)間軸和位置的設(shè)置，ActionScrip代碼錄入、調(diào)試與修正。

1.1素材收集與制作

1.1.1實(shí)驗(yàn)儀器素材

在制作和描繪實(shí)驗(yàn)儀器素材時(shí)，可直接從Flash自帶的素材庫(kù)中直接選用，或直接通過(guò)網(wǎng)絡(luò)渠道取得Flash課件素材，也可以使用Flash自帶的繪圖工具，以繪制燒杯為例，打開(kāi)Adobe Flash CS5.5 Professional（簡(jiǎn)體中文版），新建一個(gè)ActionScript2.0，選擇分辨率為1280*768，F(xiàn)PS為12。在“插入”工具欄里點(diǎn)擊“新建元件”，名稱(chēng)改為燒杯，選擇“矩形工具”，在屬性里調(diào)節(jié)“矩形選項(xiàng)”（圖1左），然后選中矩形，輸入Crtl+k，分別點(diǎn)擊“水平居中”和“垂直居中”，選擇“部分選取工具”選取矩形的上部分，點(diǎn)擊刪除，然后用“鋼筆工具”繪制燒杯尖嘴形狀，得到所需燒杯圖形（圖1右）。同樣的方法繪制圓底燒瓶、滴管、玻璃棒、錐形瓶、膠頭滴管、玻璃棒、水浴鍋、表面皿等實(shí)驗(yàn)儀器。在實(shí)驗(yàn)儀器素材導(dǎo)入Flash軟件之前，為了讓素材顯得更加逼真和美觀(guān)，可用Photoshop軟件把這些實(shí)驗(yàn)儀器素材的格式轉(zhuǎn)為gif格式，這樣可以使處理后的圖片素材導(dǎo)入Flash軟件后可以避免由于圖片邊框的相互重疊遮擋帶來(lái)的問(wèn)題。畫(huà)好的儀器圖轉(zhuǎn)為元件，屬性為圖形，導(dǎo)入Flash庫(kù)待用。

乙醇的蒸餾實(shí)驗(yàn)中，需要繪制和處理的元件主要有鐵架臺(tái)、酒精燈、圓底燒瓶、蒸餾頭、溫度計(jì)、直形冷凝管、牛角管和錐形瓶等。

1.1.2實(shí)驗(yàn)?zāi)康?、原理，?wèn)題及注意事項(xiàng)的錄入及展現(xiàn)

在制作實(shí)驗(yàn)課件中，實(shí)驗(yàn)?zāi)康呐c實(shí)驗(yàn)原理為靜態(tài)文本分別放入不同幀里面，而之間的跳轉(zhuǎn)可以通過(guò)如下處理：

（1）新建舞臺(tái)。設(shè)置舞臺(tái)為1280*768像素，在第一個(gè)幀里面輸入靜態(tài)文本為實(shí)驗(yàn)?zāi)康?，第二個(gè)幀里面輸入靜態(tài)文本為實(shí)驗(yàn)原理。

（2）建立按鈕。在第一幀舞臺(tái)上輸入“下一頁(yè)”，轉(zhuǎn)為按鈕元件，給予動(dòng)作腳本，On（press）{gotoAndStop（2）;}//當(dāng)鼠標(biāo)按下時(shí)跳到第二幀//。而在第二幀中輸入“上一頁(yè)”，然后轉(zhuǎn)為按鈕元件，給予動(dòng)作腳本，On（press）{gotoAndStop（1）;}//當(dāng)鼠標(biāo)按下時(shí)跳到第一幀//。

通過(guò)這樣的設(shè)置可以在每個(gè)幀之間相互轉(zhuǎn)換，可以利用這些動(dòng)作按鈕給予動(dòng)作腳本制作幾個(gè)幀，加入更多的元素（如設(shè)計(jì)問(wèn)題、解答問(wèn)題、實(shí)驗(yàn)注意事項(xiàng)等）。

在這個(gè)實(shí)驗(yàn)中播放動(dòng)畫(huà)時(shí)可以加入暫停與繼續(xù)按鈕。讓學(xué)習(xí)者可以更好的去預(yù)習(xí)實(shí)驗(yàn)操作的步驟和觀(guān)看實(shí)驗(yàn)反應(yīng)的現(xiàn)象變化。暫停按鈕的設(shè)置可以給予on（press）{ _root.dh1.stop（）;}//當(dāng)按下鼠標(biāo)時(shí)實(shí)例名稱(chēng)為動(dòng)畫(huà)1停止播放//，繼續(xù)按鈕的設(shè)置可以給予on（press）{_root.dh1.play（）;}//當(dāng)按下鼠標(biāo)時(shí)實(shí)例名稱(chēng)為動(dòng)畫(huà)1播放//。

1.1.3儀器組裝練習(xí)設(shè)置（即儀器的拖拽與定位）

為方便實(shí)驗(yàn)操作步驟練習(xí)中，特定的元件拖拽到與之相對(duì)應(yīng)的框（相對(duì)應(yīng)的固定位置的影片剪輯）中，系統(tǒng)會(huì)自動(dòng)識(shí)別并吸附到指定的準(zhǔn)確位置，即重疊在一起。所以還需要繪制與實(shí)驗(yàn)素材相對(duì)應(yīng)的方格，但在主場(chǎng)景上以透明（Alpha=0）的形式存在，如圖2所示。

在這個(gè)設(shè)計(jì)中，我們可以通過(guò)如下處理：

（1）圖形處理。新建一個(gè)空白幀，導(dǎo)入之前繪制的儀器裝置圖，調(diào)整各個(gè)圖形大小，并且屬性都轉(zhuǎn)為按鈕。給每個(gè)儀器裝置圖取一個(gè)實(shí)例名稱(chēng)（如鐵架臺(tái)為tjt、燒杯為sb）。

（2）繪制安裝儀器的目標(biāo)區(qū)域圖形。在同個(gè)幀上建立一個(gè)新的圖層，用矩形繪制各個(gè)儀器裝置圖的大小，屬性轉(zhuǎn)為圖形，并給予各個(gè)矩形圖形一個(gè)相對(duì)應(yīng)的實(shí)例名稱(chēng)（如對(duì)應(yīng)鐵架臺(tái)則為jtjt、燒杯為jsb）。

（3）儀器預(yù)裝及其目標(biāo)區(qū)域圖形建立。把鐵架臺(tái)拖到適合的位置，作為儀器裝置的基準(zhǔn)，把其他儀器裝置安實(shí)驗(yàn)要求組裝好，鎖定圖層。把目標(biāo)區(qū)域圖形拖到對(duì)應(yīng)儀器位置，把儀器圖層置于目標(biāo)區(qū)域圖形之上，并記下相應(yīng)的每個(gè)目標(biāo)區(qū)域圖形的坐標(biāo)，將Alpha調(diào)整為0，鎖定目標(biāo)區(qū)域圖形。

1.2時(shí)間軸和位置設(shè)置

在這步驟中，需要把已經(jīng)制作和繪制完成并且已導(dǎo)入到Flash軟件的庫(kù)中的實(shí)驗(yàn)儀器素材全部導(dǎo)入到編輯界面的場(chǎng)景舞臺(tái)中。為了更加便于操作和控制，把全部的素材放到不同的圖層中，也就是為每個(gè)元件素材建一個(gè)單獨(dú)的圖層。第一，為了使每個(gè)元件能準(zhǔn)確地到達(dá)預(yù)設(shè)的位置，需要反復(fù)地調(diào)試和修正每個(gè)元件預(yù)設(shè)的固定方格位置，力求達(dá)到最佳位置，而達(dá)到滿(mǎn)意的效果。第二，為了給學(xué)生拖拽實(shí)驗(yàn)儀器組裝或者在觀(guān)看實(shí)驗(yàn)演示時(shí)候遇到順序問(wèn)題和疑問(wèn)時(shí)候，能有相對(duì)應(yīng)的提示語(yǔ)幫助，在相對(duì)應(yīng)顯眼的地方設(shè)置了鼠標(biāo)移動(dòng)到相對(duì)應(yīng)位置顯示提示語(yǔ)言的功能按鈕。

1.3ActionScrip代碼錄入

1.3.1ActionScrip代碼

Flash ActionScrip設(shè)置代碼主要分為幀的代碼、按鈕上的代碼、影片剪輯上的代碼三類(lèi)。（注：本文實(shí)例全部采用ActionScrip2.0代碼。）

在實(shí)例中，都需要在幀上寫(xiě)代碼，主要作用是控制整個(gè)場(chǎng)景的播放進(jìn)度，或者限制播放區(qū)間。在實(shí)例中，常要在第一幀上編寫(xiě)stop（），讓播放指針在第一幀首頁(yè)暫停，供我們?cè)俑鶕?jù)自己的要求選擇相對(duì)應(yīng)的菜單項(xiàng)目。常用到的幀代碼有stop（）;play（）;gotoAndPlay（）;gotoAndStop（）;等。

儀器影片剪輯代碼是在指設(shè)置在不同儀器影片剪輯上的代碼，設(shè)置在影片剪輯的代碼通常有影片剪輯上寫(xiě)代碼腳本，其主要作用是，除了限制相對(duì)應(yīng)的影片剪輯的播放和停止外，還可以實(shí)現(xiàn)某些特定的功能和效果。如，鼠標(biāo)移動(dòng)掃過(guò)某一個(gè)區(qū)域，相對(duì)應(yīng)的影片剪輯就會(huì)出現(xiàn)，或者出現(xiàn)其他某些特定的效果和變化。在本文實(shí)例中的影片剪輯中，也設(shè)置了鼠標(biāo)移到原本是透明的影片剪輯時(shí)候，該影片剪輯出現(xiàn)，即該影片剪輯由Alpha=0實(shí)現(xiàn)到Alpha=100的過(guò)程。常設(shè)置在影片剪輯的代碼有onClipEvent（keyDown）;starDrag（）;stopDrag（）;setProperty（）;等。能夠?qū)崿F(xiàn)很多所需的任意或者指定拖拽，賦值判斷等功能。

按鈕編寫(xiě)代碼則較廣泛，常用代碼有on （release）{play（）;};on （release）{gotoAndPlay（03）;stopAllSounds（）;}on（rollOver）{} on （rollOut） {};等?？梢詫?shí)現(xiàn)動(dòng)畫(huà)的播放、暫停、停止、播放片段的選擇，相對(duì)應(yīng)的影片剪輯的出現(xiàn)和消失、鼠標(biāo)掃過(guò)的按鈕發(fā)生顏色、形狀、大小的變化，給相應(yīng)的影片剪輯賦值等功能和效果，使整個(gè)動(dòng)畫(huà)效果更佳絢麗和更具動(dòng)感。本文實(shí)例中，利用對(duì)按鈕編寫(xiě)代碼腳本，實(shí)現(xiàn)了首頁(yè)和其他子頁(yè)項(xiàng)目的來(lái)回跳轉(zhuǎn)，選擇播放和觀(guān)看，以及實(shí)驗(yàn)動(dòng)畫(huà)演示的播放，暫停和停止，提示語(yǔ)的出現(xiàn)和隱藏，拖拽順序的判斷以及相應(yīng)的影片剪輯出現(xiàn)特殊效果等功能。

1.3.2儀器安裝順序及操作錯(cuò)誤時(shí)提示語(yǔ)的代碼錄入

以開(kāi)始先放鐵架臺(tái)后放酒精燈為例。首先編輯一個(gè)提示語(yǔ)句，建立一個(gè)空的影片剪輯，在第一幀加入動(dòng)作腳本為stop;，在第二幀里建立靜態(tài)文本“先放好鐵架臺(tái)”，在第三幀里建立靜態(tài)文本“按順序組裝儀器”。再給鐵架臺(tái)給予如下的動(dòng)作腳本：on （press） {_root.tjt.startDrag（true）;//當(dāng)按下鼠標(biāo)則可以拖動(dòng)鐵架臺(tái)//_root.ts.gotoAndStop（1）;//提示跳到第一幀停止//}on （release）{if （eval （_root.tjt._droptarget）<>_root.jtjt） {{stopDrag（）;} And{this._x=177.75this._y=590.40}}//當(dāng)松開(kāi)鼠標(biāo)時(shí)判斷鐵架臺(tái)是否與鐵架臺(tái)目標(biāo)區(qū)域圖形屬性位置一致，不一致則停止拖動(dòng)并回到原來(lái)坐標(biāo)上//else{{stopDrag（）;}And{this._x=300.25this._y=233.10}}}//否則停止拖動(dòng)并移動(dòng)到鐵架臺(tái)目標(biāo)區(qū)域圖形上//。在拖拽酒精燈時(shí)要多一步判斷鐵架臺(tái)是否在鐵架臺(tái)目標(biāo)區(qū)域圖形上，如果不在則提示“先放好鐵架臺(tái)”并回到原來(lái)坐標(biāo)上。加入酒精燈編寫(xiě)動(dòng)作腳本如下：on（press） {_root.jjd.startDrag（true）;//當(dāng)按下鼠標(biāo)時(shí)，酒精燈可以拖動(dòng)//_root.e1.gotoAndStop（1）;//提示跳到第一幀并停止//}on（release）{if（eval （_root.tjt._droptarget）<>_root.jtjt）{{stopDrag（）}And{this._x=622.20this._y=511.95}And{_root.e1.gotoAndStop（2）}}//當(dāng)松開(kāi)鼠標(biāo)時(shí)，判斷鐵架臺(tái)是否與鐵架臺(tái)目標(biāo)區(qū)域圖形屬性位置一致，不一致則酒精燈回到原來(lái)坐標(biāo)，停止拖動(dòng)，并提示跳到第二幀顯示“先放好鐵架臺(tái)”//else{if （eval（_root.jjd._droptarget）<>_root.jjjd）{{stopDrag（）}And{this._x=622.20this._y=511.95}}//否則再判斷酒精燈是否與酒精燈目標(biāo)區(qū)域圖形屬性位置一致，不一致則酒精燈回到原來(lái)坐標(biāo)，并停止拖動(dòng)//else{{stopDrag（）}And{this._x=312.80 this._y=347.80}}}}//否則酒精燈落在酒精燈目標(biāo)區(qū)域圖形上并停止拖動(dòng)//。

1.4調(diào)試與修正

完成以上的步驟之后，就可以通過(guò)對(duì)制作好的Flash文件（fla格式）導(dǎo)出為動(dòng)畫(huà)視頻文件（swf格式），反復(fù)進(jìn)行調(diào)試，對(duì)設(shè)置按鈕的跳轉(zhuǎn)，幀的代碼響應(yīng)和判斷，影片剪輯的播放、暫停、停止等功能進(jìn)行驗(yàn)證。另外，對(duì)實(shí)驗(yàn)演示動(dòng)畫(huà)中的實(shí)驗(yàn)現(xiàn)象中包括發(fā)生的產(chǎn)生沉淀、氣體、顏色變化等進(jìn)行細(xì)致觀(guān)察，是否能達(dá)到標(biāo)準(zhǔn)的效果并且及時(shí)修正。

2播放方式

已經(jīng)達(dá)到試驗(yàn)正確演示標(biāo)準(zhǔn)的動(dòng)畫(huà)視頻文件（swf格式）可以直接用Flash player直接播放觀(guān)看最終效果了。當(dāng)前，對(duì)于Flashw文件使用的方法主要分為兩種。

一是把Flash文件作為輔助性媒體視頻嵌套在Powerpoint文件中（本文使用Powerpoint2003版本），在演示文稿中作為外插插件或者影音文件在課堂教學(xué)中播放和演示，再對(duì)其中的細(xì)節(jié)進(jìn)行講解。在Powerpoint中插入swf格式文件方法又一般分三種。第一種是插入超鏈接;第二種是將擴(kuò)展名為.SWF的Flash動(dòng)畫(huà)文件插入PPT，然后通過(guò)激活動(dòng)作實(shí)現(xiàn);第三種是插入Shockwave Flash控件來(lái)實(shí)現(xiàn)。相比而言，前兩種方法非常適合初學(xué)者，第三種方法中Powerpoint和Flash結(jié)合的更好，在課件中嵌入Flash動(dòng)畫(huà)文件或?yàn)镕lash文件制作超鏈接，更便于控制，而且這種方法非常直觀(guān)，效果也很好。

二是把制作完成后的Flash文件（swf格式）放在學(xué)校校園網(wǎng)專(zhuān)欄區(qū)，提供教師和學(xué)生上網(wǎng)下載，便于學(xué)生的實(shí)驗(yàn)預(yù)習(xí)，熟悉實(shí)驗(yàn)操作流程。

3結(jié)束語(yǔ)

本文通過(guò)實(shí)例詳細(xì)講解Flash軟件在中學(xué)實(shí)驗(yàn)課程教學(xué)的使用，利于中學(xué)化學(xué)教師快速掌握運(yùn)制作Flash仿真教學(xué)課件，對(duì)一些抽象的化學(xué)理論知識(shí)和危險(xiǎn)性、污染環(huán)境及難于觀(guān)察或時(shí)間周期較長(zhǎng)的實(shí)驗(yàn)的講解產(chǎn)生積極推動(dòng)作用，同時(shí)利于學(xué)生對(duì)實(shí)驗(yàn)的預(yù)習(xí)問(wèn)題，降低了學(xué)生在實(shí)驗(yàn)儀器組裝和操作錯(cuò)誤的幾率，提高了學(xué)生學(xué)習(xí)的主動(dòng)性和積極性，同時(shí)，F(xiàn)lash仿真實(shí)驗(yàn)強(qiáng)大的交互性能，如學(xué)生通過(guò)親自動(dòng)腦和動(dòng)手完成實(shí)驗(yàn)儀器的組裝操作，體現(xiàn)了課堂教學(xué)中學(xué)生為主體的基本原則，把課堂很大程度地還給了學(xué)生?！净痦?xiàng)目：肇慶學(xué)院2016年實(shí)踐教學(xué)改革研究項(xiàng)目（sjjx201621）】

參考文獻(xiàn)：

[1]農(nóng)展松.CAI在中學(xué)數(shù)學(xué)教學(xué)中的誤區(qū)與對(duì)策[J].科技教育創(chuàng)新，2007，（21）：211-212.

[2]孫月霞.Flash在化學(xué)教學(xué)中的應(yīng)用[J].學(xué)生之友，2012，（05）：37.

[3]蔡向陽(yáng)，陳祥旭，蔡雪寒.化學(xué)實(shí)驗(yàn)仿真動(dòng)畫(huà)及視頻在有機(jī)化學(xué)課堂教學(xué)中的應(yīng)用[J]，化學(xué)工程與裝備，2009，（05）：207-208.

[4]羅婧.大學(xué)有機(jī)化學(xué)教學(xué)現(xiàn)狀及對(duì)策[J].科技致富向?qū)В?011，（09）：137.

[5]李巨超.運(yùn)用Flash制作化學(xué)實(shí)驗(yàn)教學(xué)軟件的探討[J].河池學(xué)院學(xué)報(bào)，2008，28（2）：179-181.

[6]于巖，陳世界，樊立權(quán).淺談?dòng)肍lash制作分析化學(xué)教學(xué)課件的體會(huì)[J].化工時(shí)刊，2009，（11）：70-71.

責(zé)任編輯 錢(qián)昭君