PPT制作動(dòng)化效果.ppt

1、第4章 制作動(dòng)畫(huà)效果,4.1 認(rèn)識(shí)移動(dòng)圖標(biāo) 4.2 制作直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà) 4.3 制作沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà) 4.4 使用變量控制對(duì)象移動(dòng) 4.5 制作沿直線定位的動(dòng)畫(huà) 4.6 制作沿路徑定位移動(dòng)的動(dòng)畫(huà) 4.7 沿平面定位的動(dòng)畫(huà),4.1 認(rèn)識(shí)移動(dòng)圖標(biāo),移動(dòng)圖標(biāo)本身并不是用于呈現(xiàn)顯示對(duì)象的，只是簡(jiǎn)單地讓這些顯示對(duì)象從一個(gè)位置移到另一個(gè)位置，包括數(shù)字影像對(duì)象。移動(dòng)圖標(biāo)操作的對(duì)象包括一個(gè)顯示圖標(biāo)、交互圖標(biāo)或計(jì)算圖標(biāo)中的顯示內(nèi)容。并且將這些圖標(biāo)中的所有對(duì)象當(dāng)作一個(gè)集合進(jìn)行移動(dòng)。也可以在不同時(shí)刻，由單個(gè)移動(dòng)圖標(biāo)移動(dòng)單個(gè)對(duì)象。且移動(dòng)的類(lèi)型不同，各對(duì)象獨(dú)立地移動(dòng)到目的位置上。,4.1 認(rèn)識(shí)移動(dòng)圖標(biāo),移動(dòng)

2、設(shè)計(jì)圖標(biāo)操作的對(duì)象就叫移動(dòng)對(duì)象，它主要有以下幾種類(lèi)型： 1. 文字及圖片 2. 數(shù)字畫(huà)電影 3. 插入媒體,4.2 制作直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà),直接移動(dòng)到終點(diǎn)類(lèi)型的動(dòng)畫(huà)是移動(dòng)圖標(biāo)的默認(rèn)設(shè)置。當(dāng)用戶(hù)選擇了這種類(lèi)型后，用戶(hù)在設(shè)置對(duì)象目的位置時(shí)，無(wú)論將對(duì)象如何拖曳，即使有拐彎，但對(duì)象移動(dòng)時(shí)，只以直線方式，從其在演示窗口上的顯示位置移動(dòng)到對(duì)象拖曳到的目的位置。這種類(lèi)型的移動(dòng)是功能上最簡(jiǎn)單，也是操作上最容易設(shè)置的移動(dòng)。如果對(duì)象需要從當(dāng)前位置以最短距離，即以直線方式移到演示窗口的某位置時(shí)，用戶(hù)可以將此對(duì)象的移動(dòng)方式設(shè)為此方式。,4.2 制作直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà),（1）啟動(dòng)Authorware 7.0，在設(shè)計(jì)

3、窗口的流程線上放置一個(gè)圖標(biāo)，將其名稱(chēng)改為“籃球”。,4.2 制作直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà),（2）雙擊流程線上的名為“籃球”的顯示圖標(biāo)，進(jìn)入演示窗口。調(diào)出“屬性：文件”面板，設(shè)置背景。,（3）將圖片插入到圖標(biāo)中。,4.2 制作直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà),（4）將圖片的大小調(diào)整好后，返回設(shè)計(jì)窗口，設(shè)置圖標(biāo)。從圖標(biāo)欄上拖一個(gè)圖標(biāo)到顯示圖標(biāo)的下方，并命名為“直線滾動(dòng)”。 （5）雙擊顯示圖標(biāo)，彈出屬性面板，設(shè)置整個(gè)路程的運(yùn)動(dòng)時(shí)間 （6）雙擊顯示圖標(biāo)，在演示窗口中用鼠標(biāo)按住圖片不放，然后拖至屏幕的右端松開(kāi)，這樣，圖片的運(yùn)行路線就被設(shè)置和飛行路線。,4.2 制作直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà),4.3 制作沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà)

4、,沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà)方式是指將對(duì)象從當(dāng)前位置沿著一條設(shè)定的路徑，移動(dòng)到路徑的終點(diǎn)。路徑可以由直線段或曲線段組成。它與直接移動(dòng)到終點(diǎn)的動(dòng)畫(huà)方式的區(qū)別在于，路徑起點(diǎn)可以不是對(duì)象在演示窗口初始顯示的位置。這樣，當(dāng)移動(dòng)開(kāi)始時(shí)，對(duì)象可能會(huì)從初始顯示位置處突然跳到路徑起點(diǎn)。這一點(diǎn)對(duì)某些情況是很有用的。并且，這種類(lèi)型的對(duì)象移動(dòng)結(jié)束后，它停留在路徑的終點(diǎn)。,4.3 制作沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà),（1）創(chuàng)建一個(gè)程序文件，拖動(dòng)一個(gè)顯示圖標(biāo)到主流程線上，并將其命名為“小球”。 （2）雙擊該顯示圖標(biāo)，在演示窗口的繪圖工具欄中選擇圓形工具，繪制一個(gè)圓，并用紫色填充其顏色。 （3）拖動(dòng)一個(gè)移動(dòng)圖標(biāo)到主流程線上，命名為“

5、沿路徑移動(dòng)到終點(diǎn)”。 （4）雙擊移動(dòng)圖標(biāo)，打開(kāi)“移動(dòng)圖標(biāo)”面板，將移動(dòng)類(lèi)型設(shè)置為“指向固定路徑的終點(diǎn)”。,4.3 制作沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà),（5）根據(jù)面板上的提示，單擊需要移動(dòng)的對(duì)象，該對(duì)象中心會(huì)出現(xiàn)一個(gè)小三角形標(biāo)志，表示它已被選中。 （6）根據(jù)面板上的提示，拖曳對(duì)象至演示窗口中下一個(gè)位置處。釋放鼠標(biāo)，另一個(gè)小三角形出現(xiàn)。這兩個(gè)三角形之間由一條直線相連，即創(chuàng)建了對(duì)象移動(dòng)的一段路徑。繼續(xù)拖曳對(duì)象至下一個(gè)位置，創(chuàng)建對(duì)象移動(dòng)的完整路徑。并且在每一個(gè)位置處，都會(huì)出現(xiàn)一個(gè)小三角形標(biāo)志，即路徑關(guān)鍵點(diǎn)，,4.3 制作沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà),4.3 制作沿路徑移動(dòng)到終點(diǎn)的動(dòng)畫(huà),（7）單擊移動(dòng)圖標(biāo)屬性框上的移

6、動(dòng)標(biāo)簽，將出現(xiàn)指向固定路徑終點(diǎn)移動(dòng)類(lèi)型的移動(dòng)面板。不難發(fā)現(xiàn)，此時(shí)，移動(dòng)面板上比其他類(lèi)型多了個(gè)Move When控制（只有指向固定路徑終點(diǎn)移動(dòng)類(lèi)型才具有此條件設(shè)置）。如果此條件文本框的內(nèi)容為空，即保持默認(rèn)狀態(tài)，此時(shí)，表示在移動(dòng)開(kāi)始時(shí)條件為真，移動(dòng)過(guò)程完成一次后，則條件變?yōu)榧佟?4.4 使用變量控制對(duì)象移動(dòng),4.4.1 使用自定義變量作為移動(dòng)條件 4.4.2 使用系統(tǒng)變量作為移動(dòng)條件 4.4.3 使用變量控制移動(dòng)的速度,4.4.1 使用自定義變量作為移動(dòng)條件,設(shè)置“移運(yùn)圖標(biāo)”面板中的運(yùn)動(dòng)條件為自定義的邏輯變量，則可以通過(guò)改變變量值來(lái)控制移動(dòng)對(duì)象是否進(jìn)行移動(dòng)。前面介紹的“小球”沿路徑到終點(diǎn)一例中，在

7、“移運(yùn)圖標(biāo)”面板的運(yùn)動(dòng)條件文本框中輸入運(yùn)動(dòng)，把運(yùn)動(dòng)作為一個(gè)自定義的變量，在條件運(yùn)算圖標(biāo)將其值定為真。則程序在運(yùn)行時(shí)，圓球會(huì)不停地沿指定的路徑運(yùn)動(dòng)，每移動(dòng)一次后，Authorware會(huì)檢查一下“移動(dòng)條件”面板中的值，如果為真，移動(dòng)就會(huì)重復(fù)進(jìn)行；如果為假，則圓球就會(huì)停止運(yùn)動(dòng)。,4.4.2 使用系統(tǒng)變量作為移動(dòng)條件,使用上面介紹的方法，只能在終止程序之后對(duì)設(shè)計(jì)圖標(biāo)的內(nèi)容進(jìn)行修改，以改變對(duì)移動(dòng)的控制，而使用系統(tǒng)變量則能彌補(bǔ)這個(gè)缺陷，它能在程序運(yùn)行期間直接控制移動(dòng)的停啟。,4.4.2 使用系統(tǒng)變量作為移動(dòng)條件,將移動(dòng)圖標(biāo)的執(zhí)行方式屬性設(shè)置為永久持續(xù)移動(dòng)的方式，則Authorware 7.0在運(yùn)行程序的整

8、個(gè)過(guò)程中，會(huì)不停地查看移動(dòng)條件屬性的值，只要移動(dòng)條件屬性的值為真，Authorware 7.0就立即執(zhí)行該移動(dòng)圖標(biāo)，也就是按下Shift鍵或雙擊鼠標(biāo)左鍵立即開(kāi)始運(yùn)動(dòng)的原因。而知道結(jié)束和同時(shí)方式不具備這種特性，一旦移動(dòng)條件的屬性值變?yōu)榧?，Authorware便認(rèn)為該移動(dòng)圖標(biāo)執(zhí)行完畢。,4.4.3 使用變量控制移動(dòng)的速度,將移動(dòng)圖標(biāo)的執(zhí)行方式屬性設(shè)置為永久持續(xù)移動(dòng)的方式，則Authorware 7.0在運(yùn)行程序的整個(gè)過(guò)程中，會(huì)不停地查看移動(dòng)條件屬性的值，只要移動(dòng)條件屬性的值為真，Authorware 7.0就立即執(zhí)行該移動(dòng)圖標(biāo)，也就是按下Shift鍵或雙擊鼠標(biāo)左鍵立即開(kāi)始運(yùn)動(dòng)的原因。而知道結(jié)束和同

9、時(shí)方式不具備這種特性，一旦移動(dòng)條件的屬性值變?yōu)榧?，Authorware便認(rèn)為該移動(dòng)圖標(biāo)執(zhí)行完畢。,4.4.3 使用變量控制移動(dòng)的速度,（1）建立程序流程線。在“圓球”設(shè)計(jì)圖標(biāo)中建立一個(gè)圓形對(duì)象，在“標(biāo)尺”圖標(biāo)中創(chuàng)建一個(gè)直線對(duì)象（作為調(diào)整滑鈕位置的參照物），在“滑鈕”圖標(biāo)中創(chuàng)建一個(gè)小圓形對(duì)象。 （2）對(duì)“滑鈕”圖標(biāo)的屬性進(jìn)行設(shè)置，把定位和移動(dòng)屬性都設(shè)置為沿路徑，并將路徑設(shè)置成與作為標(biāo)尺的直線對(duì)象在位置上完全重合。這樣在程序運(yùn)行時(shí)使用鼠標(biāo)將只能沿定義的路徑拖動(dòng)圓形滑鈕。,4.4.3 使用變量控制移動(dòng)的速度,（3）為“圓球”圖標(biāo)增加一個(gè)“沿圓周運(yùn)動(dòng)”圖標(biāo)，對(duì)其屬性進(jìn)行設(shè)置。其中PathPositio

10、n是系統(tǒng)變量，返回其引用的圖標(biāo)在顯示路徑上的位置；符號(hào)“”是引用符號(hào)，與圖標(biāo)名稱(chēng)連用返回該圖標(biāo)的ID號(hào)，注意圖標(biāo)名稱(chēng)一定要用雙引號(hào)括起來(lái)；移動(dòng)條件設(shè)置為真，結(jié)合永久的同步方式使用，則程序運(yùn)行時(shí)該圖標(biāo)會(huì)不停地執(zhí)行，因?yàn)橐苿?dòng)條件屬性永遠(yuǎn)不會(huì)變?yōu)榧佟?4.4.3 使用變量控制移動(dòng)的速度,（4）運(yùn)行程序，用鼠標(biāo)拖動(dòng)滑鈕，發(fā)現(xiàn)滑鈕只能沿標(biāo)尺左右移動(dòng)，將滑鈕拖向左邊，圓球會(huì)轉(zhuǎn)動(dòng)得非?？?；將滑鈕拖向右邊，圓球轉(zhuǎn)速會(huì)變得很慢。,4.5 制作沿直線定位的動(dòng)畫(huà),（1）新建一個(gè)文件，并在程序設(shè)計(jì)窗口建立流程圖。 （2）將圖標(biāo)拖到圖標(biāo)的右邊，彈出“交互類(lèi)型”對(duì)話(huà)框，單擊單選按鈕，選擇文本輸入響應(yīng)的交互方式。 （3）此

11、時(shí)的文本輸入響應(yīng)是判斷輸入字符是否為未命名，將未命名刪除，這時(shí)可以接收鍵盤(pán)上輸入的字符來(lái)具體控制鼠標(biāo)的移動(dòng)位置。,4.5 制作沿直線定位的動(dòng)畫(huà),（4）按快捷鍵CtrlW返回到流程線上，雙擊圖標(biāo)，打開(kāi)移動(dòng)圖標(biāo)屬性面板。打開(kāi)“類(lèi)型”下拉列表框，選擇下拉列表框中的指向固定直線上的某點(diǎn)的動(dòng)畫(huà)方式。 （5）用鼠標(biāo)拖動(dòng)籃球到圖標(biāo)欄上的第一個(gè)圖標(biāo)上，這個(gè)位置就是籃球滾動(dòng)的起始位置。面板的標(biāo)題變?yōu)橥蟿?dòng)對(duì)象到終點(diǎn)，該標(biāo)題提示用戶(hù)把圖片移動(dòng)到終點(diǎn)位置。,4.5 制作沿直線定位的動(dòng)畫(huà),（6）當(dāng)移動(dòng)到終點(diǎn)位置后，在基點(diǎn)和終點(diǎn)之間就會(huì)出現(xiàn)一條直線，這條直線就是沿直線定位的動(dòng)畫(huà)的那條直線。 （7）已經(jīng)設(shè)置好了目標(biāo)直線的兩

12、個(gè)端點(diǎn)。它們的對(duì)應(yīng)值分別是0和100，可以根據(jù)需要修改這些數(shù)值。 （8）選中【目標(biāo)】單選按鈕，然后在文本輸入x：NumEntry。在目標(biāo)文本框中輸入NumEntry變量，它會(huì)將通過(guò)鍵盤(pán)輸入的值傳給此處的圖標(biāo)，這個(gè)數(shù)值就是鼠標(biāo)運(yùn)動(dòng)的目標(biāo)位置。,4.5 制作沿直線定位的動(dòng)畫(huà),（9）在關(guān)閉該面板時(shí)，會(huì)彈出一個(gè)新的變量窗口，該窗口要求用戶(hù)輸入新變量的初始值。在這里可以輸入數(shù)值0。 （10）設(shè)置完圖標(biāo)，單擊【確定】按鈕返回流程線，然后雙擊工具欄上的num交互按鈕。雙擊顯示圖標(biāo)，然后按住Shift鍵雙擊交互圖標(biāo)，Authorware 7.0會(huì)同時(shí)將兩個(gè)圖標(biāo)的內(nèi)容顯示在演示窗口中。然后運(yùn)行程序，畫(huà)面上有個(gè)光

13、標(biāo)在閃爍，是文本輸入響應(yīng)的結(jié)果。在光標(biāo)處輸入某一數(shù)值，如85，并按下回車(chē)鍵，圖片就會(huì)自動(dòng)移動(dòng)到直線響應(yīng)比例的地方。,4.6 制作沿路徑定位移動(dòng)的動(dòng)畫(huà),（1）創(chuàng)建一個(gè)程序文件，拖動(dòng)一個(gè)顯示圖標(biāo)到主流程線上，并將其命名為“小球”。 （2）雙擊該顯示圖標(biāo)，在演示窗口的繪圖工具欄中選擇圓形工具，繪制一個(gè)圓，并用紫色填充其顏色。 （3）拖動(dòng)一個(gè)移動(dòng)圖標(biāo)到主流程線上，命名為“沿路徑定位移動(dòng)”。 （4）再拖動(dòng)兩個(gè)顯示圖標(biāo)到流程線上，分別命名為標(biāo)尺和滑鈕，并在標(biāo)尺圖標(biāo)中創(chuàng)建一個(gè)直線對(duì)象，在滑鈕圖標(biāo)中創(chuàng)建一個(gè)小的圓形對(duì)象。,4.6 制作沿路徑定位移動(dòng)的動(dòng)畫(huà),（5）雙擊移動(dòng)圖標(biāo)，打開(kāi)對(duì)象屬性面板，將移動(dòng)類(lèi)型設(shè)置為

14、指向固定路徑上的任意的方式。并將執(zhí)行方式設(shè)置為永久，將超出范圍設(shè)置為在終點(diǎn)處停止，基點(diǎn)、終點(diǎn)和目的值分別設(shè)置為0、10和ition“滑鈕”。 （6）將滑鈕圖標(biāo)的顯示路徑的基點(diǎn)和終點(diǎn)分別設(shè)置為0，20。 （7）沿正圓路徑畫(huà)出一個(gè)圓環(huán)。,4.6 制作沿路徑定位移動(dòng)的動(dòng)畫(huà),（8）運(yùn)行程序。用鼠標(biāo)拖動(dòng)滑鈕，可以看到小球沿正圓路徑移動(dòng)，最后停止在標(biāo)尺刻度指示出的位置，比如將滑鈕拖動(dòng)到標(biāo)尺刻度值為5的位置，則小球就會(huì)移動(dòng)到正圓移動(dòng)路徑上位置為5的地方。但是如果將滑鈕拖動(dòng)到標(biāo)尺刻度值大于10的任一位置，由于定義的正圓移動(dòng)路徑總長(zhǎng)為10，小球?qū)?huì)停止在移動(dòng)路徑的端點(diǎn)位置。,4.6 制作沿路徑定位移動(dòng)的動(dòng)畫(huà),（

15、9）將超出范圍屬性改為循環(huán)，并再次運(yùn)行程序，這回可以看到將滑鈕拖動(dòng)到標(biāo)尺刻度值大于10的位置上時(shí)，比如15，則小球會(huì)移動(dòng)到正圓路徑上位置為5的地方停止下來(lái)。 （10）單擊【保存】按鈕，保存設(shè)置。,4.7 沿平面定位的動(dòng)畫(huà),沿平面定位的動(dòng)畫(huà)方式是將對(duì)象從當(dāng)前位置移動(dòng)到通過(guò)計(jì)算得到的網(wǎng)格上的一點(diǎn)。利用這種類(lèi)型，可使創(chuàng)建對(duì)象在二維平面上移動(dòng)。該移動(dòng)類(lèi)型與沿直線定位的動(dòng)畫(huà)類(lèi)型非常相似，只是這種類(lèi)型需要設(shè)置X和Y坐標(biāo)，才能確定一個(gè)點(diǎn)。而沿直線定位的動(dòng)畫(huà)類(lèi)型只需設(shè)置X坐標(biāo)，就完成點(diǎn)的設(shè)置。把移動(dòng)圖標(biāo)的類(lèi)型設(shè)置為“指向區(qū)域內(nèi)的某點(diǎn)”后，它的屬性面板中就會(huì)出現(xiàn)3個(gè)單選按鈕。,4.7 沿平面定位的動(dòng)畫(huà),（1）新

16、建一個(gè)程序文件。拖動(dòng)一個(gè)計(jì)算、一個(gè)設(shè)計(jì)、一個(gè)移動(dòng)圖標(biāo)到程序流程線上。 （2）雙擊計(jì)算圖標(biāo)后設(shè)置窗口大小，在這里使用了一個(gè)函數(shù)ResizeWindow( 600,400)，ResizeWindow( ) 是一個(gè)調(diào)整演示窗口大小的函數(shù)，這里演示窗口尺寸調(diào)整為600*400。 （3）在ball1圖標(biāo)中畫(huà)一個(gè)紫色的圓球。,4.7 沿平面定位的動(dòng)畫(huà),（4）雙擊移動(dòng)圖標(biāo)，打開(kāi)移動(dòng)圖標(biāo)屬性面板，將移動(dòng)類(lèi)型設(shè)置為“指向固定內(nèi)區(qū)域的某點(diǎn)”類(lèi)型，指定移動(dòng)對(duì)象的移動(dòng)方式。并按照?qǐng)D中顯示的設(shè)置移動(dòng)對(duì)象的移動(dòng)目標(biāo)和終點(diǎn)。值得注意的是在這里將目標(biāo)設(shè)置為(CursorX, CursorY)，它表示分別返回鼠標(biāo)的坐標(biāo)值，也就

17、是對(duì)象始終跟隨鼠標(biāo)移動(dòng)對(duì)象的效果。,4.7 沿平面定位的動(dòng)畫(huà),（5）單擊顯示圖標(biāo)，按快捷鍵CtrlC后連續(xù)按2次快捷鍵CtrlV，即將該圖標(biāo)復(fù)制后粘貼2次，將粘貼后的圖標(biāo)分別命名為ball2和ball3，類(lèi)似地將移動(dòng)圖標(biāo)粘貼并重命名，這樣每個(gè)圖標(biāo)的屬性都是一樣，從而免去了分別設(shè)置的麻煩。 （6）把ball2和ball3圖標(biāo)中的Authorware程序圖標(biāo)依次按一定比例縮小。 （7）把“follow the ball1follow the ball3”圖標(biāo)屬性中的計(jì)時(shí)選項(xiàng)的時(shí)間按依次增大設(shè)定，如0.1，0.15，0.2。其他選項(xiàng)不變。 （8）完成后調(diào)試程序。將看到紫色的小球隨著鼠標(biāo)的移動(dòng)而不停地移動(dòng)。,4.7 沿平面定位的動(dòng)畫(huà),（5）單擊顯示圖標(biāo)，按快捷鍵CtrlC后連續(xù)按2次快捷鍵CtrlV，即將該圖標(biāo)復(fù)制后粘貼2次，將粘貼后的圖標(biāo)分別命名為ball2和ball3，類(lèi)似地將移動(dòng)圖標(biāo)粘貼并重命名，這樣每個(gè)圖標(biāo)的屬性都是一樣，從而免去了分別設(shè)置的麻煩。 （6）把ball2和ball3圖標(biāo)中的Authorware程序圖標(biāo)依次按一定比例縮小。 （7）