交互式多媒體課件的制作

1、交互式多媒體課件的制作主講主講 黃子謙黃子謙華南師范大學教育信息技術學院華南師范大學教育信息技術學院2014.12.26教學內容與授課方式教學內容教學內容理論知識理論知識硬件操作硬件操作軟件操作軟件操作授授課課方方式式現場講解現場講解圖文教程圖文教程錄制視頻錄制視頻交互課件交互課件以信息技術課程為例教學媒體類型與特點現場演示視頻演示引導交互圖文解說文字介紹直觀抽象經驗缺乏經驗豐富網頁課件交互課件微課視頻媒體特點學習者特點信息資源建設的趨勢網頁網頁課件課件微課微課視頻視頻交互課交互課件件時間課件形式目前過去未來智能智能課件課件案例展示 音頻處理音頻處理 找規(guī)律找規(guī)律 彈簧秤彈簧秤軟件操作類交互示

2、例軟件操作類交互示例工作1：軟件操作錄屏以以Camtasia Studio為例為例1.設置錄屏隱藏光標2.設置錄屏幀頻幀頻：每秒5幀左右3.進行錄屏4.導入媒體并添加到時間軸5.生成swf文件5.生成swf文件選擇MP4/FLV/SWFFlash輸出在下一步進行參數選擇，目的是輸出幀頻較低的flash文件，以方便添加交互5.生成swf文件工作2:添加交互以以Flash為例為例1.創(chuàng)建AS2.0文件2.導入swf到舞臺3.設置幀頻和文檔大小4. 新建圖層第1幀添加stop腳本5.影片中需要停的幀添加關鍵幀6.在需要停的幀添加stop腳本7.新建圖層添加半透明按鈕到第一個交互點，用腳本助手添加pl

3、ay腳本8. 瀏覽每一個需要停止的幀，在按鈕圖層添加對應的關鍵幀，移動按鈕到對應交互點9.對按鈕圖層不需要交互的幀，插入空白關鍵幀10.測試影片觀察交互效果11.必要時可添加操作提示和干擾交互按鈕操作完成請大家自行練習拖動交互應用示例彈簧秤模擬彈簧秤模擬模擬情景假設有物體若干，分別為物體假設有物體若干，分別為物體1、物體、物體2、物體、物體3、物體、物體4、物體、物體5、物體、物體6;其重量分別為重量其重量分別為重量1、重量、重量2、重量、重量3、重量、重量4、重量、重量5、重量、重量6；按下物體按下物體1可以將其拖動到彈簧秤的托盤上；可以將其拖動到彈簧秤的托盤上；釋放時停止拖動，當物體釋放時

4、停止拖動，當物體1被準確放在托盤上則彈簧秤會計算重量被準確放在托盤上則彈簧秤會計算重量1，否則不，否則不計算重量計算重量1；物體物體2、物體、物體3、物體、物體4、物體、物體5、物體、物體6情況相同；情況相同；稱重結果：總重量稱重結果：總重量=重量重量1+重量重量2+重量重量3+重量重量4+重量重量5+重量重量6；彈簧秤初始刻度為彈簧秤初始刻度為0，每次增加物體重量，指針順時針旋轉，反之每次減少，每次增加物體重量，指針順時針旋轉，反之每次減少物體重量，則指針反時針旋轉；當指針刻度與重量相符則不旋轉。物體重量，則指針反時針旋轉；當指針刻度與重量相符則不旋轉。問題思考如何將物體拖動或不拖動？如何將

5、物體拖動或不拖動？ 拖動startDrag與停止拖動stopDrag如何判斷物體是否放在托盤上？如何判斷物體是否放在托盤上？ 影片碰撞檢測函數hitTest問題思考 物體重量如何反映在彈簧秤的指示刻度上物體重量如何反映在彈簧秤的指示刻度上? 利用goto，先制作旋轉動畫，不同幀上的指針旋轉角度不同，轉到不同的幀就會指到不同刻度 利用旋轉屬性_rotation，直接改變指針旋轉角度關鍵函數和語句拖動：拖動：startDrag(對象)停止拖動：停止拖動：stopDrag()碰撞檢測碰撞檢測影片.hitTest(對象)條件語句條件語句if (條件成立) 動作1 else 動作2重復執(zhí)行重復執(zhí)行onE

6、nterFrame = function() 動作 當前幀、當前幀、_currentframe前一幀前一幀prevFrame()下一幀下一幀 nextFrame()旋轉角度旋轉角度_rotation注：對象和影片均指舞臺上元件的實例名稱與hitTest相似的函數 eval(影片影片1._droptarget); /當影片剪輯當影片剪輯“影片影片1”落入另一影片剪輯范圍內，落入另一影片剪輯范圍內，返回落入目標的實例名稱，例如返回落入目標的實例名稱，例如“影片影片2” 與與hitTest的區(qū)別的區(qū)別hitTest在影片接觸到另一對象時返回結果true，未接觸時返回結果false方法1主要步驟 制作

7、表盤和指針旋轉動畫制作表盤和指針旋轉動畫 制作影片剪輯給出實例名代表托盤制作影片剪輯給出實例名代表托盤 制作按鈕給出實例名代表物體，用腳本助手添加制作按鈕給出實例名代表物體，用腳本助手添加startDrag與與stopDrag實現拖動與停止實現拖動與停止 手工添加碰撞檢測腳本，實現拖動位置的判斷手工添加碰撞檢測腳本，實現拖動位置的判斷 手工添加腳本實現變量定義與計算手工添加腳本實現變量定義與計算 手工添加腳本實現播放控制手工添加腳本實現播放控制幀腳本重量重量1 = 0;重量重量2 = 0;重量重量3 = 0;重量重量4 = 0;重量重量5 = 0;重量重量6 = 0;stop();onEnte

8、rFrame = function() 當前幀當前幀 = _currentframe;f = 當前幀當前幀-1;重量重量 = 重量重量1+重量重量2+重量重量3+重量重量4+重量重量5+重量重量6;if (f重量重量) prevFrame();if (f重量重量) nextFrame();應用補間動畫實現旋轉，不同幀代表不同旋轉角度按鈕腳本on (press) startDrag(物體物體1);on (release) stopDrag();if (托盤托盤.hitTest(物體物體1) 重量重量1 = 30;p = 1; else p = 0;重量重量1 = 0; 這里只給出一個按鈕的腳這里

9、只給出一個按鈕的腳本，其他的按鈕腳本基本本，其他的按鈕腳本基本相同，只是示例名稱和重相同，只是示例名稱和重量變量有所不同。量變量有所不同。方法2主要步驟 在方法在方法1基礎上，刪除第基礎上，刪除第1幀后面的其他幀后面的其他 給出指針元件的實例名給出指針元件的實例名 修改幀腳本，按鈕腳本保持不變修改幀腳本，按鈕腳本保持不變幀腳本重量重量1 = 0;重量重量2 = 0;重量重量3 = 0;重量重量4 = 0;重量重量5 = 0;重量重量6 = 0;stop();指針指針.onEnterFrame = function() r = 指針指針._rotation;if (rg) r -= 5;if (r5) r = 0;指針指針._rotation = r;if (r350) r = 350;指針指針._rotation = r;應用旋轉屬性實現旋轉效果小結 拖動對象用按鈕，位置判斷用影片；拖動對象用按鈕，位置判斷用影片； 按鈕按下可拖動，按鈕釋放可停止；按鈕按下可拖動，按鈕釋放可停止； 碰撞語句有講究，影片名字在前面；碰撞語句有講究，影片名字在前面； 碰撞結果真與假，變量賦值各不同；碰撞結果真與假，變量賦值各不同； 判斷變量大或小，影片向前或向后；判