用Flash製作一個滑動變阻器
一位同事請求幫忙用Flash製作一個滑動變阻器的課件。考慮到用Flash製作要用代碼甚至編程,比較高深,於是尋求更為簡單可行的製作方法——改用Articulate Storyline 2軟件來完成滑動變阻器交互式課件的製作。
實例描述:課件中的線路圖有電源、安培表、開關、滑動變阻器、電燈。當開關閉合時,電燈根據滑動變阻器的滑塊位置達到一定亮度,安培表指針也指到一定數值,且左、右拖動滑動變阻器的滑塊時,電燈的亮度及安培表的指針都發生相應變化。當開關斷開時,電燈滅掉,安培表指針恢復到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選項卡,輸入標題,設置好發佈文件夾,最後發佈就可以了。
相關文章
-
如何用Flash AS製作一個簡單的loading
品牌型號:華為P50系統:HarmonyOS3軟件版本:閒魚7.4.80 閒魚不可以無理由退貨,除非質量存在問題,可與賣家協商退貨。一般來説,閒魚上面的東西絕大部分都是屬於二手商品,這些二手商品出現質量問題 -
用flash製作火苗教程
本例講解了使用AS代碼製作鼠標跟隨效果,讓火苗跟着你的鼠標呈現出美麗的圖形吧!效果演示:現在開始製作:新建flash文檔,背景色為黑色,其它默認。首先來畫火苗:新建圖形元件,取名為:“火苗”,用橢園工具無填充,畫一橢園,如圖:然後用 -
怎樣用Flash CS4製作撲克牌切換效果
本例思路:<1>創建實例背景。<2>繪製牌的正面和反面並轉換為圖形元件。<3>創建一個牌的容器,轉換為元件類“Card”,將正反面牌分別放置於第1、2幀。<4>創建文檔類,控制撲克牌對象的rotationY屬性。實例步驟:(1)新建一個空白 -
flash動畫製作的廣告優勢
導語: 一直以來,互聯網作為新媒體的興起,給全世界帶來了不同的生活感受,不同的工作感受等等,而互聯網也帶來了更多能夠改變我們生活以及生活習慣的東西。下面就由小編為大家介紹一下flash動畫製作的廣告優勢,希望對大家有所 -
i recall with embarrassing clarity the flavor of those particular ashes ?
on slef-respect Joan Didion如何翻譯Although now,some years later,I marvel that a mind on the outs with itself should have nonetheless made painstaking record of its every tremor,I recall with embarras -
如何使用flash簡單製作太極圖
這篇教程是向大家介紹用flash簡單製作太極圖方法,希望能對大家有幫助!説明:小編使用的是flash cs6 軟件。用flash畫太極圖的步奏:1、打開flash的軟件,新建一個ActionScript 3.0 的畫布。新建的ActionScript 3.0 的畫布大小 -
誰是第一個被愚弄的人?The First April Fools
本文目錄論文的學術評語關於學位論文的學術評語對畢業論文的學術評語博士學位論文的學術評語曹建華的論文《山水畫畫法嬗變研究》從中國山水畫畫法的沿革脈絡入手,從青綠之變、水墨之變、筆墨之變幾個方面梳理了山水畫 -
Flash as3 和 PHP哪個就業前景好 平均工資
如題,Flash as3 和 PHP哪個就業前景好 平均工資高 -
滑動變阻器在電路中的幾種作用介紹
滑動變阻器在國中物理佔有極為重要的一席之地,被稱為會考的八大基本器材(刻度尺、温度計、 量筒、天平、彈簧測力計、電流表、電壓表、滑動變阻器)之一,是八大器材中唯一的非測量工具。滑動變阻器在電路中到底起什麼作用, -
如何使用Flash遮罩製作圖片切換特效
讓我們先看看效果:第一步、打開Flash新建1個圖層,用線條工具畫一條豎直線,放在相對舞台的左面,第30幀處插入關鍵幀。圖1第二步、點擊第30幀把豎直線拉到舞台右面。圖2第三步、點住任意一幀,在屬性裏面把補間改為形狀。圖3