移動圖標和動畫設計.ppt

《移動圖標和動畫設計.ppt》由會員分享，可在線閱讀，更多相關《移動圖標和動畫設計.ppt（20頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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