用Flash制作一個(gè)滑動(dòng)變阻器

用Flash制作一個(gè)滑動(dòng)變阻器

　　一位同事請求幫忙用Flash制作一個(gè)滑動(dòng)變阻器的課件�？紤]到用Flash制作要用代碼甚至編程，比較高深，于是尋求更為簡(jiǎn)單可行的制作方法——改用Articulate Storyline 2軟件來(lái)完成滑動(dòng)變阻器交互式課件的制作。

　　實(shí)例描述：課件中的線(xiàn)路圖有電源、安培表、開(kāi)關(guān)、滑動(dòng)變阻器、電燈。當開(kāi)關(guān)閉合時(shí)，電燈根據滑動(dòng)變阻器的滑塊位置達到一定亮度，安培表指針也指到一定數值，且左、右拖動(dòng)滑動(dòng)變阻器的滑塊時(shí)，電燈的亮度及安培表的指針都發(fā)生相應變化。當開(kāi)關(guān)斷開(kāi)時(shí)，電燈滅掉，安培表指針恢復到0

　　1. 素材準備好

　　準備好課件中所要用到的圖片素材。燈泡、滑塊、滑桿、開(kāi)關(guān)的刀片都需要單獨的圖片，安培表中的指針可在幻燈片中利用自選圖形畫(huà)出，而線(xiàn)路圖可在畫(huà)圖軟件中組裝完成，生成新的圖片。最好將這些圖片的背景設置為透明，可通過(guò)圖像處理軟件或在線(xiàn)服務(wù)去除圖片背景。

　　2. 配件巧組裝

　　打開(kāi)Articulate Storyline 2，新建一個(gè)項目，雙擊無(wú)標題場(chǎng)景幻燈片進(jìn)入編輯窗口，右擊設置好它的背景。在幻燈片中插入線(xiàn)路圖、刀片、燈泡等圖片，插入控件按鈕中的一個(gè)滑塊并選中它，在格式選項卡的滾動(dòng)塊樣式處，單擊“滾動(dòng)塊填充”下的“圖片”，選擇“滑塊兒.png”文件，在軌道樣式處單擊“軌道填充”下的“圖片”，選擇“滑桿兒.png”文件，這樣就將插入的滑塊變成了滑動(dòng)變阻器中的滑塊樣式。選擇“設計”選項卡，設置滑塊的開(kāi)始為1，結束為10。再插入“箭頭”形狀作為安培表的指針。最后，調整好各個(gè)圖片及控件的位置，并在時(shí)間線(xiàn)上上下拖動(dòng)調整好各個(gè)元素間的層次關(guān)系（圖

　　小提示：

　　如果滑塊中的圖片大小不太合適，可通過(guò)調整8個(gè)控制點(diǎn)及控制滾動(dòng)塊、軌道的2個(gè)黃色控制點(diǎn)調整大小。

　　3. 更改素材狀態(tài)

　　由于開(kāi)關(guān)有打開(kāi)和閉合兩種狀態(tài)，燈泡的亮度、安培表的指針也要進(jìn)行變化，所以就需要設置它們的不同狀態(tài)。選擇刀片圖片，由時(shí)間線(xiàn)切換到狀態(tài)，點(diǎn)擊“編輯狀態(tài)”按鈕，新增狀態(tài)，狀態(tài)名稱(chēng)處選擇“已選定”，選擇“正�！睜顟B(tài)，調整好圖片的角度。同理，選擇燈泡圖片，新增10個(gè)狀態(tài)，命名從1到10，利用格式選項卡中的亮度、對比度來(lái)調整燈泡的顏色；選擇箭頭（安培表指針），新增10個(gè)狀態(tài)，命名從1到10，調整好指針的角度。

　　4. 設置素材動(dòng)作

　　點(diǎn)擊窗口右邊的“管理項目變量”按鈕新增一個(gè)變量，名稱(chēng)為kg，類(lèi)型為編號，默認值為0。選擇開(kāi)關(guān)（即刀片圖片），新增觸發(fā)器，設置各項參數（圖4）。新增條件，按如圖所示進(jìn)行設置（圖5），這樣表示當開(kāi)關(guān)處于正常狀態(tài)（開(kāi)關(guān)打開(kāi)）時(shí)變量kg的值為0。同樣道理，再新增觸發(fā)器，當圖片5的狀態(tài)處于“Selected”（已選定，開(kāi)關(guān)閉合）時(shí)，變量kg的值為1。

　　新增觸發(fā)器，按如圖所示設置（圖6），表示當滑塊的值為10（在最右側）且開(kāi)關(guān)閉合時(shí)，指針指向狀態(tài)10。再新增9個(gè)觸發(fā)器，目標狀態(tài)分別為9、8……，條件分別為“滑塊1==等于9和kg==等于1”、“滑塊1==等于8和kg==等于1”……直到目標狀態(tài)為1。同理，新增10個(gè)觸發(fā)器，按如圖所示設置（圖7），表示當滑塊的值為10（在最右側）且開(kāi)關(guān)閉合時(shí)，燈泡狀態(tài)為1。

　　和上述操作類(lèi)似，增加10個(gè)觸發(fā)器用于控制燈泡根據滑塊的調整來(lái)更改相應亮度，“時(shí)間：滑塊移動(dòng)”，“對象：滑塊1”，條件和上述類(lèi)似。再增加10個(gè)觸發(fā)器，用于控制指針根據滑塊的調整來(lái)指向不同刻度，“時(shí)間：滑塊移動(dòng)”，“對象：滑塊1”，條件和上述類(lèi)似。

　　新增2個(gè)觸發(fā)器，設置“操作：更改狀態(tài)”，“在對象上”分別為“箭頭1”和“圖片3”（燈泡），“目標狀態(tài)：正�！�，“時(shí)間：變量更改”，“變量：kg”，“條件：kg==等于0”，這樣就實(shí)現了當開(kāi)關(guān)打開(kāi)時(shí)，指針和燈泡都恢復成正常。

　　5. 合理優(yōu)化發(fā)布

　　最后，為了有一個(gè)簡(jiǎn)潔的操作界面，需要切換到視圖狀態(tài)，點(diǎn)擊相應的幻燈片，在幻燈片導航處去掉一些不必要的按鈕；在播放器功能處選擇“自定義選定幻燈片”，去掉一些不必要的按鈕。點(diǎn)擊“發(fā)布”按鈕，在彈出窗口選擇Web選項卡，輸入標題，設置好發(fā)布文件夾，最后發(fā)布就可以了。