移動圖標(biāo)和動畫設(shè)計(jì).ppt

《移動圖標(biāo)和動畫設(shè)計(jì).ppt》由會員分享，可在線閱讀，更多相關(guān)《移動圖標(biāo)和動畫設(shè)計(jì).ppt（20頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

第6章移動圖標(biāo)和動畫設(shè)計(jì),本章主要內(nèi)容：移動圖標(biāo)基礎(chǔ)知識“指向固定點(diǎn)”移動類型“指向固定直線上的某點(diǎn)”移動類型“指向固定區(qū)域內(nèi)的某點(diǎn)”移動類型“指向固定路徑的終點(diǎn)”移動類型“指向固定路徑上的任意點(diǎn)”移動類型,6.1移動圖標(biāo)基礎(chǔ)知識6.1.1認(rèn)識移動圖標(biāo)6.1.2設(shè)置移動圖標(biāo)的屬性,6.1.1認(rèn)識移動圖標(biāo),在Authorware中制作移動效果，需使用工具欄中的移動圖標(biāo)，以移動圖標(biāo)來控制對象在演示窗口中的位置移動。,1．移動圖標(biāo)的特點(diǎn),Authorware使用移動圖標(biāo)獲得的移動效果只是二維的動畫效果,即通過使對象位置的改變來獲得移動效果。移動圖標(biāo)可以控制對象移動的時間、速度、起點(diǎn)、終點(diǎn)、路徑，但卻沒有辦法改變對象大小、形狀、方向、顏色等。,2．移動圖標(biāo)的使用,Authorware的移動圖標(biāo)本身并不能夠加入對象，它的作用是控制流程線上對象的移動。移動圖標(biāo)能夠驅(qū)動的對象可以是文字、圖形、圖像、數(shù)字電影、Flash動畫、GIF動畫等。換而言之，移動圖標(biāo)可以驅(qū)動流程線上的顯示圖標(biāo)、交互圖標(biāo)、數(shù)字電影圖標(biāo)等。,6.1.2設(shè)置移動圖標(biāo)的屬性,和其它Authorware圖標(biāo)一樣，通過拖放操作可將圖標(biāo)欄中的移動圖標(biāo)放置到流程線上所需位置。雙擊流程線上的移動圖標(biāo)可打開【屬性：移動圖標(biāo)】面板。,1．指定移動對象,2．移動類型,3．移動中的“層”,4．運(yùn)動的控制,6.2“指向固定點(diǎn)”移動類型6.2.1“指向固定點(diǎn)”移動類型的創(chuàng)建及其屬性設(shè)置6.2.2上機(jī)指導(dǎo)——風(fēng)景照片展示,6.2.1“指向固定點(diǎn)”移動類型的創(chuàng)建及其屬性設(shè)置,“指向固定點(diǎn)”是最常用的一種移動類型。本小節(jié)通過一輛汽車移動的例子來介紹“指向固定點(diǎn)”移動類型的創(chuàng)建方法及其屬性設(shè)置。,（1）設(shè)置文件大小為“根據(jù)變量”。,（2）拖放顯示圖標(biāo)到流程線上。導(dǎo)入背景圖像。調(diào)整演示窗口尺寸以及背景圖像的位置。,（3）拖放顯示圖標(biāo)到“背景”圖標(biāo)下面，導(dǎo)入汽車圖像，并設(shè)置。,（4）拖放一個移動圖標(biāo)到“汽車”圖標(biāo)下面，并命名。,（5）打開【屬性：移動圖標(biāo)】面板。,（6）運(yùn)行程序。,6.2.2上機(jī)指導(dǎo)——風(fēng)景照片展示,本實(shí)例是一個以動畫效果展示風(fēng)景照片的程序。程序運(yùn)行時，演示窗口由中間向四周展開顯示一幅風(fēng)景照片，然后移動到屏幕左上角。接著3幅風(fēng)景照片依次由中間向四周展開，然后再移動到演示窗口的不同位置。第5幅風(fēng)景照片由中間向四周展開后，停留在原位置。,實(shí)例效果,（1）設(shè)置文件大小為“根據(jù)變量”。,（2）拖放5個顯示圖標(biāo)到流程線上，并分別命名。,（3）分別導(dǎo)入風(fēng)景圖像。,（4）調(diào)整圖像形狀和位置。,6.2.2上機(jī)指導(dǎo)——風(fēng)景照片展示,（5）設(shè)置“特效方式”。,（6）分別放入移動圖標(biāo)，并命名。,（7）設(shè)置兩個圖像同時顯示在演示窗口中。,（8）打開【屬性：移動圖標(biāo)】面板。,（9）相同的步驟設(shè)置其他移動圖標(biāo)。,（10）運(yùn)行程序。,6.3“指向固定直線上的某點(diǎn)”移動類型6.3.1“指向固定直線上的某點(diǎn)”移動類型的屬性設(shè)置6.3.2上機(jī)指導(dǎo)——射箭游戲,6.3.1“指向固定直線上的某點(diǎn)”移動類型的屬性設(shè)置,從圖標(biāo)欄拖曳一個移動圖標(biāo)流程線上的相應(yīng)位置，打開【屬性：移動圖標(biāo)】面板，在“類型”后面的下拉列表框中選擇“指向固定直線上的某點(diǎn)”移動類型。,參數(shù)介紹,6.3.2上機(jī)指導(dǎo)——射箭游戲,實(shí)例效果,本實(shí)例制作一個箭射靶心的動畫效果。在演示窗口的右側(cè)放置了3個靶子，標(biāo)號分別是1、2、3，箭出現(xiàn)在演示窗口的左側(cè)。當(dāng)運(yùn)行程序時，箭將隨機(jī)射向3個靶中任意一個靶的中心位置。稍停2秒后，箭會回到原來位置，然后再次隨機(jī)射向3個靶中任意一個靶的中心位置。,,1．新建文檔并設(shè)置背景圖像,2．排列靶子,3．繪制箭,4．設(shè)置移動圖標(biāo)的屬性,5．設(shè)置等待和返回,6.4“指向固定區(qū)域內(nèi)的某點(diǎn)”移動類型6.4.1“指向固定區(qū)域內(nèi)的某點(diǎn)”移動類型的屬性設(shè)置6.4.2上機(jī)指導(dǎo)——自動下象棋,6.4.1“指向固定區(qū)域內(nèi)的某點(diǎn)”移動類型的屬性設(shè)置,“指向固定區(qū)域內(nèi)的某點(diǎn)”是一種指向固定區(qū)域內(nèi)某點(diǎn)的移動方式，在沒有選擇移動對象的時候，其屬性面板左側(cè)的預(yù)覽窗口能夠很清楚地反映運(yùn)動的情況。通過對比可以看到，在屬性面板的中間位置的各項(xiàng)內(nèi)容和“指向固定直線上的某點(diǎn)”的各項(xiàng)內(nèi)容并沒有什么不同。不同的地方在面板右側(cè)的位置選項(xiàng)中，不過不同的也只是從一維的空間定位變?yōu)槎S的空間定位而已。,簡單實(shí)例,6.4.2上機(jī)指導(dǎo)——自動下象棋,本實(shí)例是一個自動下象棋的程序，用一個棋盤作為固定區(qū)域，用一個棋子作為移動對象，使用變量和函數(shù)使棋子在棋盤上不停地、隨機(jī)地移動。,1．創(chuàng)建棋盤和棋子,2．移動圖標(biāo)的添加和設(shè)置,3．設(shè)置等待和返回,6.5“指向固定路徑的終點(diǎn)”移動類型6.5.1“指向固定路徑的終點(diǎn)”移動類型的屬性設(shè)置6.5.2上機(jī)指導(dǎo)——彈跳的小球,6.5.1“指向固定路徑的終點(diǎn)”移動類型的屬性設(shè)置,在【屬性：移動圖標(biāo)】面板中，在【類型】下拉列表框中選擇“指向固定路徑的終點(diǎn)”移動類型，可以看到屬性面板發(fā)生了較大的變化。,參數(shù)介紹,6.5.2上機(jī)指導(dǎo)——彈跳的小球,本實(shí)例是一個小球彈跳的動畫效果。程序運(yùn)行時，小球從演示窗口的左邊高處彈下，彈跳幾次后到演示窗口的右邊結(jié)束。,（1）放置顯示圖標(biāo)到流程線上。繪制小球圖形。,（2）放置移動圖標(biāo)到流程線上。指定移動對象。,（3）設(shè)置移動類型。,（4）創(chuàng)建小球移動路徑。,（5）編輯路徑。,（6）改變移動速度。,（7）運(yùn)行程序。,6.6“指向固定路徑上的任意點(diǎn)”移動類型6.6.1“指向固定路徑上的任意點(diǎn)”移動類型的屬性設(shè)置6.6.2上機(jī)指導(dǎo)——地球衛(wèi)星,6.6.1“指向固定路徑上的任意點(diǎn)”移動類型的屬性設(shè)置,從圖標(biāo)欄拖放一個移動圖標(biāo)到流程線上，雙擊這個移動圖標(biāo)打開【屬性：移動圖標(biāo)】面板，在【類型】下拉列表框中選擇“指向固定路徑上的任意點(diǎn)”移動類型。,參數(shù)介紹,6.6.2上機(jī)指導(dǎo)——地球衛(wèi)星,本實(shí)例是一個衛(wèi)星圍繞地球旋轉(zhuǎn)的動畫效果。程序運(yùn)行時，拖動演示窗口右下角的定位儀上的滑鈕，衛(wèi)星會圍繞地球進(jìn)行圓周旋轉(zhuǎn)，旋轉(zhuǎn)的目標(biāo)位置由定位儀上的滑鈕的位置確定。,1．制作衛(wèi)星圍繞地球旋轉(zhuǎn),2．用定位儀控制衛(wèi)星旋轉(zhuǎn)的位置,