- 相關(guān)推薦
在Flash舞臺(tái)上3D空間中的旋轉(zhuǎn)對(duì)象探析論文
1、引言
在 Flash 3D 空間舞臺(tái)上,X 軸、Y 軸、Z 軸分別表示水平、垂直、立體方向。舞臺(tái)最左邊坐標(biāo) X 值為 0,最上邊坐標(biāo) Y值為 0,Z 軸坐標(biāo)值的變化表示對(duì)象離我們距離的遠(yuǎn)近。在3D 空間中旋轉(zhuǎn)一個(gè)對(duì)象稱為 3D 旋轉(zhuǎn)。筆者總結(jié)制作 Flash3D 旋轉(zhuǎn)動(dòng)畫的案例體會(huì),并介紹了使用 Flash 制作舞臺(tái)上影片剪輯的 3D 旋轉(zhuǎn)效果。以 Flash 3D 旋轉(zhuǎn)動(dòng)畫“旋轉(zhuǎn)立方體”為例進(jìn)行說(shuō)明。
要想實(shí)現(xiàn) 3D 效果,必須創(chuàng)建 ActionScript 3.0 類文檔,因?yàn)?ActionScript 2.0 不支持 3D 功能。要想在 ActionScript 3.0 文件中選用 3D 旋轉(zhuǎn)工具來(lái)完成 3D 旋轉(zhuǎn)效果,必須先把操作對(duì)象轉(zhuǎn)換為影片剪輯才能實(shí)現(xiàn)。按鈕元件、圖形元件、文本塊、組、位圖等都不能使用 3D 旋轉(zhuǎn)工具。創(chuàng)建影片剪輯后,使用 3D 旋轉(zhuǎn)工具可以在 3D 空間中旋轉(zhuǎn)影片剪輯實(shí)例。在使用 3D 旋轉(zhuǎn)工具選擇影片剪輯后,影片剪輯的 X、Y 和 Z 三個(gè)軸將顯示在舞臺(tái)上對(duì)象的頂部,X 軸為紅色、Y 軸為綠色,而 Z 軸為藍(lán)色,使用橙色可同時(shí)繞 X 和 Y 軸自由旋轉(zhuǎn)?梢栽 3D 空間中旋轉(zhuǎn)單個(gè)對(duì)象或多個(gè)對(duì)象,下面具體介紹它的使用方法。
2、在 3D 空間中旋轉(zhuǎn)對(duì)象
在 3D 空間中旋轉(zhuǎn)對(duì)象的步驟如下:(1)新建一個(gè) ActionScript 3.0 文檔;(2)新建影片剪輯元件,或轉(zhuǎn)換成影片剪輯元件;(3)選中影片剪輯實(shí)例作為操作對(duì)象;(4)設(shè)置全局、局部模式;(5)調(diào)整 3D 旋轉(zhuǎn)控件。
2.1、在 3D 空間中旋轉(zhuǎn)單個(gè)對(duì)象
要想實(shí)現(xiàn)單個(gè)對(duì)象的 3D 效果,首先需要新建一個(gè)ActionScript 3.0 文檔,接著選中一個(gè)影片剪輯實(shí)例作為操作對(duì)象,其次設(shè)置全局、局部模式,最后調(diào)整 3D 旋轉(zhuǎn)控件。
(1)在舞臺(tái)上繪制一個(gè)長(zhǎng)方形,并將其轉(zhuǎn)換成影片剪輯元件。
。2)在“工具”面板中選擇 3D 旋轉(zhuǎn)工具(或按 W 鍵)。
單擊“工具”面板的“選項(xiàng)”部分中的“全局”切換按鈕,選中其模式。再次單擊該按鈕或按 D 鍵實(shí)現(xiàn)全局、局部模式的切換。
。3)在舞臺(tái)上選擇長(zhǎng)方形影片剪輯元件。
。4)3D 旋轉(zhuǎn)控件將顯示在舞臺(tái)上長(zhǎng)方形對(duì)象的頂部。
如果 3D 旋轉(zhuǎn)控件出現(xiàn)在其他位置,可雙擊控件的中心點(diǎn)把它移動(dòng)到選定的對(duì)象上。這里 3D 旋轉(zhuǎn)控件有四個(gè)旋轉(zhuǎn)軸,X軸為紅色圈、Y 軸為綠色圈,而 Z 軸為藍(lán)色圈,使用橙色圈可同時(shí)繞 X 和 Y 軸自由旋轉(zhuǎn)。
。5)調(diào)整控件的位置。
第一,利用鼠標(biāo)調(diào)整 3D 旋轉(zhuǎn)控件的位置。鼠標(biāo)拖動(dòng)中心點(diǎn)可以重新定位影片剪輯旋轉(zhuǎn)控件中心點(diǎn)位置,移動(dòng)旋轉(zhuǎn)中心點(diǎn)可以影響對(duì)象及其外觀,雙擊中心點(diǎn)可將其移回所選影片剪輯的中心。
第二,利用變形面板調(diào)整控件的位置。通過(guò)“窗口 - 變形”菜單可打開(kāi)變形面板。用戶可以通過(guò)“變形”面板中“3D中心點(diǎn)”屬性修改所選對(duì)象的旋轉(zhuǎn)控件中心點(diǎn)的位置。
。6)拖動(dòng)軸控件旋轉(zhuǎn)調(diào)出 3D 效果。
第一,拖動(dòng)軸控件旋轉(zhuǎn)調(diào)出 3D 效果。將指針?lè)旁谒膫(gè)旋轉(zhuǎn)軸控件之一上,指針在經(jīng)過(guò)四個(gè)控件中的一個(gè)控件時(shí)將發(fā)生變化。拖動(dòng)一個(gè)軸控件繞該軸旋轉(zhuǎn),或拖動(dòng)自由旋轉(zhuǎn)控件(外側(cè)橙色圈)同時(shí)繞 X 和 Y 軸旋轉(zhuǎn)。左右拖動(dòng) X 軸控件可繞 X 軸旋轉(zhuǎn),上下拖動(dòng) Y 軸控件可繞 Y 軸旋轉(zhuǎn),拖動(dòng)Z 軸控件進(jìn)行圓周運(yùn)動(dòng)可繞 Z 軸旋轉(zhuǎn)。單個(gè)對(duì)象軸旋轉(zhuǎn)如圖1 所示。
圖 1 單個(gè)對(duì)象軸旋轉(zhuǎn)
第二,利用變形面板調(diào)整控件的位置。用戶可以通過(guò)“變形”面板中“3D旋轉(zhuǎn)”屬性控制所選影片剪輯實(shí)例的旋轉(zhuǎn)角度。
2.2、在 3D 空間中旋轉(zhuǎn)多個(gè)對(duì)象
要想實(shí)現(xiàn)多個(gè)對(duì)象的3D效果,首先需要新建一個(gè)Action-Script 3.0 文檔,接著需要選中多個(gè)影片剪輯實(shí)例作為操作對(duì)象,其次設(shè)置全局、局部模式,最后調(diào)整 3D 旋轉(zhuǎn)控件。
。1)新建一個(gè) ActionScript 3.0 文檔,在舞臺(tái)上繪制一個(gè)長(zhǎng)方形,并將其轉(zhuǎn)換成影片剪輯元件。
。2)打開(kāi)庫(kù)面板,再拖出 3 個(gè)影片剪輯元件實(shí)例。
。3)在“工具”面板中選擇 3D 旋轉(zhuǎn)工具(或按 W 鍵)。
通過(guò)選中“工具”面板的“選項(xiàng)”部分中的“全局”切換按鈕,驗(yàn)證該工具是否處于所需模式。單擊該按鈕或按 D 鍵可在全局模式和局部模式之間切換。
。4)在舞臺(tái)上選擇 4 個(gè)影片剪輯實(shí)例。選擇 3D 旋轉(zhuǎn)工具指定給第一個(gè)影片剪輯后,按住 Shift 鍵的同時(shí)再選擇其他影片剪輯實(shí)例,可以實(shí)現(xiàn)同時(shí)選擇多個(gè)影片剪輯實(shí)例。雙擊控件中心的小圓圈,使控件位于 4 個(gè)影片剪輯的中心。
。5)調(diào)整控件的位置。
第一,利用鼠標(biāo)調(diào)整控件的位置。若要將中心點(diǎn)移動(dòng)到任意位置,請(qǐng)拖動(dòng)中心點(diǎn)。若要將中心點(diǎn)移動(dòng)到一個(gè)選定的影片剪輯的中心,請(qǐng)按住 Shift 并雙擊該影片剪輯。若要將中心點(diǎn)移動(dòng)到選中影片剪輯組的中心,請(qǐng)雙擊該中心點(diǎn)。
第二,利用變形面板調(diào)整控件的位置。用戶可以在“變形”
面板中調(diào)整中心點(diǎn)的位置。通過(guò)“窗口 - 變形”菜單打開(kāi)變形面板,使用“變形”面板中“3D 中心點(diǎn)”屬性調(diào)整所選對(duì)象旋轉(zhuǎn)控件中心點(diǎn)的位置。
。6)拖動(dòng)軸控件旋轉(zhuǎn)調(diào)出 3D 效果。
第一,拖動(dòng)軸控件旋轉(zhuǎn)調(diào)出 3D 效果。調(diào)整多個(gè)影片剪輯控件時(shí),3D 旋轉(zhuǎn)控件默認(rèn)顯示在最近所選的對(duì)象上。雙擊控件中心的小圓圈,使控件位于 4 個(gè)影片剪輯的中心,所有選中的影片剪輯都將繞 3D 中心點(diǎn)旋轉(zhuǎn)。將指針?lè)旁谒膫(gè)旋轉(zhuǎn)軸控件之一上(紅色圈、綠色圈、藍(lán)色圈、橙色圈),指針在經(jīng)過(guò)四個(gè)控件中的一個(gè)控件時(shí)將發(fā)生變化。拖動(dòng)一個(gè)軸控件繞該軸旋轉(zhuǎn),或拖動(dòng)自由旋轉(zhuǎn)控件(外側(cè)橙色圈)同時(shí)繞 X 和 Y 軸旋轉(zhuǎn)。左右拖動(dòng) X 軸控件可繞 X 軸旋轉(zhuǎn),上下拖動(dòng) Y 軸控件可繞 Y 軸旋轉(zhuǎn),拖動(dòng) Z 軸控件進(jìn)行圓周運(yùn)動(dòng)可繞 Z 軸旋轉(zhuǎn)。多個(gè)對(duì)象軸旋轉(zhuǎn)如圖 2 所示。
圖 2 多對(duì)象軸旋轉(zhuǎn)
第二,利用變形面板調(diào)整控件的位置。用戶可以通過(guò)“變形”面板中“3D旋轉(zhuǎn)”屬性控制所選影片剪輯實(shí)例的旋轉(zhuǎn)角度。
通過(guò)以上步驟制作“飛機(jī)”側(cè)身動(dòng)畫,見(jiàn)表 1。
表 1 “飛機(jī)”側(cè)身動(dòng)畫
具體步驟如下:
。1)新建 ActionScript 3.0 文件。
。2)試用 3D 旋轉(zhuǎn)工具。在舞臺(tái)上繪制 1 架飛機(jī),按F8 轉(zhuǎn)換為“飛機(jī)”影片剪輯(如圖 3 所示),使用工具箱中的 3D 旋轉(zhuǎn)工具點(diǎn)擊“飛機(jī)”實(shí)例,在 X、Y、Z 軸上移動(dòng),體會(huì)在 3 種空間(X,Y,Z)上的變化,觀察效果。
圖 3 “飛機(jī)”影片剪輯
圖 4 3D 旋轉(zhuǎn)工具使用
。3)使用 3D 工具進(jìn)行 3D 動(dòng)畫制作。在第 30 幀上按F5 插入一個(gè)普通幀,右擊選擇創(chuàng)建補(bǔ)間動(dòng)畫。確保選擇第30 幀,使用 3D 旋轉(zhuǎn)工具點(diǎn)選舞臺(tái)上的“飛機(jī)”影片剪輯實(shí)例(如圖 4 所示),調(diào)整 X、Y、Z 值到適當(dāng)值。至此一個(gè)簡(jiǎn)單的 3D 動(dòng)畫制作完成。
3、結(jié) 語(yǔ)
Flash 3D 效果可以更好地結(jié)合到傳統(tǒng)動(dòng)畫與商業(yè)動(dòng)畫制作出更好的 Flash 動(dòng)畫效果,3D 旋轉(zhuǎn)和 Flash 3D 平移是制作3D 效果的關(guān)鍵知識(shí)點(diǎn)。要想獲得更佳的動(dòng)畫效果,可以在Flash 中適當(dāng)引入 3D 效果,這就需要了解 3D 平移和 3D 旋轉(zhuǎn)的相關(guān)知識(shí)。
參考文獻(xiàn)
[1] 王夢(mèng) , 師鳴若 , 鄭睿 .Flash CS6 案例教程 [M]. 北京 :電子工業(yè)出版社 ,2016.
[2] 老虎工作室 , 黃曉瑜 , 田婧 . 從零開(kāi)始 Flash CS6 中文版基礎(chǔ)培訓(xùn)教程 [M]. 北京 : 人民郵電出版社 ,2015.
【在Flash舞臺(tái)上3D空間中的旋轉(zhuǎn)對(duì)象探析論文】相關(guān)文章:
Flash動(dòng)畫的聲音處理技術(shù)探析論文05-06
商業(yè)空間中導(dǎo)視系統(tǒng)色彩運(yùn)用探析論文05-07
芭蕾舞運(yùn)動(dòng)小貼士:在舞臺(tái)上...05-04
論文致謝的對(duì)象與要求04-28
3D GIS中空間對(duì)象的存儲(chǔ)與快速查詢04-28
探析桑弘羊法治思想論文05-04
探析觀測(cè)綜合氣象的論文05-05
鄒韜奮體育思想探析論文05-02