交互式多媒體課件的制作

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

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

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

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

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

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

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

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

9、只給出一個按鈕的腳本，其他的按鈕腳本基本本，其他的按鈕腳本基本相同，只是示例名稱和重相同，只是示例名稱和重量變量有所不同。量變量有所不同。方法2主要步驟 在方法在方法1基礎(chǔ)上，刪除第基礎(chǔ)上，刪除第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;應(yīng)用旋轉(zhuǎn)屬性實現(xiàn)旋轉(zhuǎn)效果小結(jié) 拖動對象用按鈕，位置判斷用影片；拖動對象用按鈕，位置判斷用影片； 按鈕按下可拖動，按鈕釋放可停止；按鈕按下可拖動，按鈕釋放可停止； 碰撞語句有講究，影片名字在前面；碰撞語句有講究，影片名字在前面； 碰撞結(jié)果真與假，變量賦值各不同；碰撞結(jié)果真與假，變量賦值各不同； 判斷變量大或小，影片向前或向后；判