馬震安
一位同事請求幫忙用Flash制作一個滑動變阻器的課件。考慮到用Flash制作要用代碼甚至編程,比較高深,于是尋求更為簡單可行的制作方法——改用Articulate Storyline 2軟件來完成滑動變阻器交互式課件的制作。
實例描述:課件中的線路圖有電源、安培表、開關(guān)、滑動變阻器、電燈。當(dāng)開關(guān)閉合時,電燈根據(jù)滑動變阻器的滑塊位置達(dá)到一定亮度,安培表指針也指到一定數(shù)值,且左、右拖動滑動變阻器的滑塊時,電燈的亮度及安培表的指針都發(fā)生相應(yīng)變化。當(dāng)開關(guān)斷開時,電燈滅掉,安培表指針恢復(fù)到0(圖1)。
1. 素材準(zhǔn)備好
準(zhǔn)備好課件中所要用到的圖片素材。燈泡、滑塊、滑桿、開關(guān)的刀片都需要單獨的圖片,安培表中的指針可在幻燈片中利用自選圖形畫出,而線路圖可在畫圖軟件中組裝完成,生成新的圖片。最好將這些圖片的背景設(shè)置為透明,可通過圖像處理軟件或在線服務(wù)去除圖片背景。
2. 配件巧組裝
打開Articulate Storyline 2,新建一個項目,雙擊無標(biāo)題場景幻燈片進入編輯窗口,右擊設(shè)置好它的背景。在幻燈片中插入線路圖、刀片、燈泡等圖片,插入控件按鈕中的一個滑塊并選中它,在格式選項卡的滾動塊樣式處,單擊“滾動塊填充”下的“圖片”,選擇“滑塊兒.png”文件,在軌道樣式處單擊“軌道填充”下的“圖片”,選擇“滑桿兒.png”文件,這樣就將插入的滑塊變成了滑動變阻器中的滑塊樣式。選擇“設(shè)計”選項卡,設(shè)置滑塊的開始為1,結(jié)束為10。再插入“箭頭”形狀作為安培表的指針。最后,調(diào)整好各個圖片及控件的位置,并在時間線上上下拖動調(diào)整好各個元素間的層次關(guān)系(圖2)。
3. 更改素材狀態(tài)
由于開關(guān)有打開和閉合兩種狀態(tài),燈泡的亮度、安培表的指針也要進行變化,所以就需要設(shè)置它們的不同狀態(tài)。選擇刀片圖片,由時間線切換到狀態(tài),點擊“編輯狀態(tài)”按鈕,新增狀態(tài),狀態(tài)名稱處選擇“已選定”,選擇“正?!睜顟B(tài),調(diào)整好圖片的角度。同理,選擇燈泡圖片,新增10個狀態(tài),命名從1到10,利用格式選項卡中的亮度、對比度來調(diào)整燈泡的顏色。選擇箭頭(安培表指針),新增10個狀態(tài),命名從1到10,調(diào)整好指針的角度(圖3)。
4. 設(shè)置素材動作
點擊窗口右邊的“管理項目變量”按鈕新增一個變量,名稱為kg,類型為編號,默認(rèn)值為0。選擇開關(guān)(即刀片圖片),新增觸發(fā)器,設(shè)置各項參數(shù)(圖4)。新增條件,按如圖所示進行設(shè)置(圖5),這樣表示當(dāng)開關(guān)處于正常狀態(tài)(開關(guān)打開)時變量kg的值為0。同樣道理,再新增觸發(fā)器,當(dāng)圖片5的狀態(tài)處于“Selected”(已選定,開關(guān)閉合)時,變量kg的值為1。
新增觸發(fā)器,按如圖所示設(shè)置(圖6),表示當(dāng)滑塊的值為10(在最右側(cè))且開關(guān)閉合時,指針指向狀態(tài)10。再新增9個觸發(fā)器,目標(biāo)狀態(tài)分別為9、8……條件分別為“滑塊1==等于9和kg==等于1”、“滑塊1==等于8和kg==等于1”……直到目標(biāo)狀態(tài)為1。同理,新增10個觸發(fā)器,按如圖所示設(shè)置(圖7),表示當(dāng)滑塊的值為10(在最右側(cè))且開關(guān)閉合時,燈泡狀態(tài)為1。
和上述操作類似,增加10個觸發(fā)器用于控制燈泡根據(jù)滑塊的調(diào)整來更改相應(yīng)亮度,“時間:滑塊移動”,“對象:滑塊1”,條件和上述類似。再增加10個觸發(fā)器,用于控制指針根據(jù)滑塊的調(diào)整來指向不同刻度,“時間:滑塊移動”,“對象:滑塊1”,條件和上述類似。
新增2個觸發(fā)器,設(shè)置“操作:更改狀態(tài)”,“在對象上”分別為“箭頭1”和“圖片3”(燈泡),“目標(biāo)狀態(tài):正常”,“時間:變量更改”,“變量:kg”,“條件:kg==等于0”,這樣就實現(xiàn)了當(dāng)開關(guān)打開時,指針和燈泡都恢復(fù)成正常。
5. 合理優(yōu)化發(fā)布
最后,為了有一個簡潔的操作界面,需要切換到視圖狀態(tài),點擊相應(yīng)的幻燈片,在幻燈片導(dǎo)航處去掉一些不必要的按鈕;在播放器功能處選擇“自定義選定幻燈片”,去掉一些不必要的按鈕。點擊“發(fā)布”按鈕,在彈出窗口選擇Web選項卡,輸入標(biāo)題,設(shè)置好發(fā)布文件夾,最后發(fā)布就可以了。