用Flash製作一個滑動變阻器

來源:果殼範文吧 2.04W

一位同事請求幫忙用Flash製作一個滑動變阻器的課件。考慮到用Flash製作要用程式碼甚至程式設計,比較高深,於是尋求更為簡單可行的製作方法——改用Articulate Storyline 2軟體來完成滑動變阻器互動式課件的製作。

用Flash製作一個滑動變阻器

例項描述:課件中的線路圖有電源、安培表、開關、滑動變阻器、電燈。當開關閉合時,電燈根據滑動變阻器的滑塊位置達到一定亮度,安培表指標也指到一定數值,且左、右拖動滑動變阻器的滑塊時,電燈的亮度及安培表的指標都發生相應變化。當開關斷開時,電燈滅掉,安培表指標恢復到0

1. 素材準備好

準備好課件中所要用到的圖片素材。燈泡、滑塊、滑桿、開關的刀片都需要單獨的圖片,安培表中的指標可在幻燈片中利用自選圖形畫出,而線路圖可在畫圖軟體中組裝完成,生成新的圖片。最好將這些圖片的背景設定為透明,可通過影象處理軟體或線上服務去除圖片背景。

2. 配件巧組裝

開啟Articulate Storyline 2,新建一個專案,雙擊無標題場景幻燈片進入編輯視窗,右擊設定好它的背景。在幻燈片中插入線路圖、刀片、燈泡等圖片,插入控制元件按鈕中的一個滑塊並選中它,在格式選項卡的滾動塊樣式處,單擊“滾動塊填充”下的“圖片”,選擇“滑塊兒.png”檔案,在軌道樣式處單擊“軌道填充”下的.“圖片”,選擇“滑桿兒.png”檔案,這樣就將插入的滑塊變成了滑動變阻器中的滑塊樣式。選擇“設計”選項卡,設定滑塊的開始為1,結束為10。再插入“箭頭”形狀作為安培表的指標。最後,調整好各個圖片及控制元件的位置,並在時間線上上下拖動調整好各個元素間的層次關係(圖

小提示:

如果滑塊中的圖片大小不太合適,可通過調整8個控制點及控制滾動塊、軌道的2個黃色控制點調整大小。

3. 更改素材狀態

由於開關有開啟和閉合兩種狀態,燈泡的亮度、安培表的指標也要進行變化,所以就需要設定它們的不同狀態。選擇刀片圖片,由時間線切換到狀態,點選“編輯狀態”按鈕,新增狀態,狀態名稱處選擇“已選定”,選擇“正常”狀態,調整好圖片的角度。同理,選擇燈泡圖片,新增10個狀態,命名從1到10,利用格式選項卡中的亮度、對比度來調整燈泡的顏色;選擇箭頭(安培表指標),新增10個狀態,命名從1到10,調整好指標的角度。

4. 設定素材動作

點選視窗右邊的“管理專案變數”按鈕新增一個變數,名稱為kg,型別為編號,預設值為0。選擇開關(即刀片圖片),新增觸發器,設定各項引數(圖4)。新增條件,按如圖所示進行設定(圖5),這樣表示當開關處於正常狀態(開關開啟)時變數kg的值為0。同樣道理,再新增觸發器,當圖片5的狀態處於“Selected”(已選定,開關閉合)時,變數kg的值為1。

新增觸發器,按如圖所示設定(圖6),表示當滑塊的值為10(在最右側)且開關閉合時,指標指向狀態10。再新增9個觸發器,目標狀態分別為9、8……,條件分別為“滑塊1==等於9和kg==等於1”、“滑塊1==等於8和kg==等於1”……直到目標狀態為1。同理,新增10個觸發器,按如圖所示設定(圖7),表示當滑塊的值為10(在最右側)且開關閉合時,燈泡狀態為1。

和上述操作類似,增加10個觸發器用於控制燈泡根據滑塊的調整來更改相應亮度,“時間:滑塊移動”,“物件:滑塊1”,條件和上述類似。再增加10個觸發器,用於控制指標根據滑塊的調整來指向不同刻度,“時間:滑塊移動”,“物件:滑塊1”,條件和上述類似。

新增2個觸發器,設定“操作:更改狀態”,“在物件上”分別為“箭頭1”和“圖片3”(燈泡),“目標狀態:正常”,“時間:變數更改”,“變數:kg”,“條件:kg==等於0”,這樣就實現了當開關開啟時,指標和燈泡都恢復成正常。

5. 合理優化釋出

最後,為了有一個簡潔的操作介面,需要切換到檢視狀態,點選相應的幻燈片,在幻燈片導航處去掉一些不必要的按鈕;在播放器功能處選擇“自定義選定幻燈片”,去掉一些不必要的按鈕。點選“釋出”按鈕,在彈出視窗選擇Web選項卡,輸入標題,設定好釋出資料夾,最後釋出就可以了。

熱門標籤