第4章AS初識(shí).ppt

FLASH動(dòng)畫(huà)設(shè)計(jì)與制作 主講 吳芳 第4章AS初識(shí)ActionScript語(yǔ)言 2 總學(xué)時(shí) 4學(xué)時(shí) 講課2 上機(jī)2具體內(nèi)容 了解Flash中ActionScript腳本語(yǔ)言基礎(chǔ)常用的交互控制語(yǔ)句和命令Flash動(dòng)畫(huà)控制實(shí)例 按鈕和AS的初步使用廣告條的制作重點(diǎn) ActionScript腳本語(yǔ)言 廣告條的制作 按鈕和AS的初步使用 難點(diǎn) ActionScript腳本語(yǔ)言習(xí)題 Flash內(nèi)嵌的腳本程序是什么 按鈕元件有幾幀 3 4 ActionScript基本概念 ActionScript是Flash的腳本語(yǔ)言 是一種面向?qū)ο缶幊陶Z(yǔ)言 使用ActionScript可以控制Flash動(dòng)畫(huà)中的對(duì)象 創(chuàng)建導(dǎo)航元素和交互元素 擴(kuò)展Flash創(chuàng)作交互動(dòng)畫(huà)和網(wǎng)絡(luò)應(yīng)用的能力 所謂 動(dòng)作 指的是一套命令語(yǔ)句 當(dāng)某事件發(fā)生或某條件成立時(shí) 就會(huì)發(fā)出命令來(lái)執(zhí)行設(shè)置的動(dòng)作 Action 動(dòng)作 和 Script 腳本 的組合 動(dòng)作腳本的英文縮寫(xiě)為 AS 5 動(dòng)作腳本基本語(yǔ)法 點(diǎn)語(yǔ)法 分號(hào) 大括號(hào) 圓括號(hào) 關(guān)鍵字ContinueDeleteElseForIfNewRetureWith大小寫(xiě)字母注釋 6 Action腳本的添加方法 工作界面介紹 7 寫(xiě)入程序的位置 寫(xiě)入程序的位置 點(diǎn)選所要添加動(dòng)作腳本的幀 按鈕或者影片剪輯 8 常用的ACTION語(yǔ)句 1 場(chǎng)景 幀控制語(yǔ)句gotoAndPlay gotoAndPlay 25 gotoAndStop play on press play stop on release Stop 9 停止 播放和跳轉(zhuǎn)語(yǔ)句1 play命令時(shí)間軸上的播放頭從當(dāng)前幀開(kāi)始播放 2 stop命令時(shí)間軸上的播放頭停止在當(dāng)前幀上 3 gotoAndPlay命令時(shí)間軸上的播放頭跳至特定的幀上 并從該幀開(kāi)始播放 4 gotoAndStop命令時(shí)間軸上的播放頭跳至特定幀上停止 10 2 屬性設(shè)置語(yǔ)句3 影片剪輯控制語(yǔ)句starDrag target 鼠標(biāo)跟蹤4 時(shí)間獲取語(yǔ)句Date getHours Date getMinutes Date getSeconds 5 聲音控制語(yǔ)句newSound MySound start MySound start secondOffset loop Sound stop 6 循環(huán)控制語(yǔ)句whiledowhilefor 11 7 條件控制語(yǔ)句ifelseif xmouse ymouse cat play else sun play 幫助 FLASH幫助 命令的 面板 ActionScrip2 0語(yǔ)言參考 進(jìn)行學(xué)習(xí) 12 用幀動(dòng)作控制影片 為關(guān)鍵幀添加動(dòng)作的方法1 選中要添加動(dòng)作腳本的關(guān)鍵幀或空白關(guān)鍵幀2 按下快捷鍵 F9 打開(kāi) 動(dòng)作 面板3 在 動(dòng)作 面板上添加動(dòng)作腳本 13 用按鈕動(dòng)作控制影片 為按鈕添加動(dòng)作的方法選中要添加動(dòng)作腳本的按鈕按下 F9 鍵打開(kāi) 動(dòng)作 面板添加觸發(fā)事件關(guān)鍵字 on 添加指定觸發(fā)動(dòng)作的鼠標(biāo) 鍵盤(pán)事件添加執(zhí)行的處理程序 14 按鈕元件按鈕是一個(gè)特殊的元件類(lèi)型 起一種橋梁的作用 在動(dòng)畫(huà)中使用按鈕元件可以實(shí)現(xiàn)動(dòng)畫(huà)與用戶(hù)的交互 當(dāng)創(chuàng)建一個(gè)按鈕元件時(shí) FLASH會(huì)創(chuàng)建一個(gè)擁有4幀的時(shí)間軸 分別是 彈起 指針經(jīng)過(guò) 按下 點(diǎn)擊 按鈕元件 15 創(chuàng)建按鈕元件 在Flash中 按鈕元件實(shí)際上是一個(gè)只有4幀的交互影片剪輯 當(dāng)鼠標(biāo)指針移到按鈕上或單擊按鈕時(shí) 即可產(chǎn)生交互 按鈕也會(huì)隨之改變外觀 當(dāng)創(chuàng)建元件為按鈕后 會(huì)進(jìn)入一個(gè)特殊的編輯環(huán)境 通過(guò)在4幀時(shí)間軸上創(chuàng)建關(guān)鍵幀 可以指定不同的按鈕狀態(tài) 如圖所示 制作一個(gè)按鈕元件 16 寫(xiě)入腳本程序 動(dòng)作 影片剪輯 當(dāng)輸入 動(dòng)作 影片剪輯 的時(shí)候 注意語(yǔ)句的開(kāi)頭也必須有句首 onClipEvent 而且在運(yùn)行按鈕動(dòng)作和影片剪輯動(dòng)作的時(shí)候 沒(méi)有很明顯的標(biāo)識(shí) 17 寫(xiě)入腳本程序 動(dòng)作 按鈕 在加入按鈕動(dòng)作的時(shí)候 語(yǔ)句必須有句首 on 而且在動(dòng)作面板顯示是以動(dòng)作 按鈕顯示的 18 用按鈕動(dòng)作控制影片 關(guān)于鼠標(biāo)事件處理程序on1 鼠標(biāo)處理程序on的語(yǔ)法On 鼠標(biāo) 鍵盤(pán)事件 事件發(fā)生時(shí)要執(zhí)行的處理程序 2 鼠標(biāo) 鍵盤(pán)事件 19 按鈕點(diǎn)播春夏秋冬相冊(cè) 20 應(yīng)用ActionScript制作時(shí)鐘 21 22 在FLASH文檔中調(diào)用SWF動(dòng)畫(huà)文件 loadmovie js swf a a x 5 a y 50 注意 新的剪輯影片 SWF 和老的剪輯影片 SWF 要放在同一目錄里 23 播放完動(dòng)畫(huà)后自動(dòng)跳到某網(wǎng)頁(yè) getURL 公用庫(kù)窗口 公用庫(kù) 24 25 26 組件 初識(shí)組件組件可以是一個(gè)簡(jiǎn)單的用戶(hù)界面控件 如單選按鈕或一個(gè)復(fù)選框 也可以是一個(gè)復(fù)雜的控件元素 如媒體控制器或滾動(dòng)窗格 組件甚至可以是不可見(jiàn)的 例如焦點(diǎn)管理器 向Flash文檔添加組件有多種方法 對(duì)于初學(xué)者 可以使用 組件 面板將組件添加到文檔中 27 28 29 組件 應(yīng)用 制作萬(wàn)年歷 30 實(shí)戰(zhàn) 加載組件的應(yīng)用 31 制作廣告條Banner的制作 叫做網(wǎng)頁(yè)廣告 是指網(wǎng)頁(yè)上端的具有廣告作用的Flash作品 這種Flash作品形式體積小巧 主題鮮明 可讀性強(qiáng) 網(wǎng)頁(yè)廣告是網(wǎng)絡(luò)商務(wù)說(shuō)媒體宣傳的重要組成部分 也是FLASH重要的應(yīng)用領(lǐng)域 FLASH廣告的特點(diǎn) 多媒體支持 表現(xiàn)形式多樣性 更直觀 廣告針對(duì)性強(qiáng) 適合網(wǎng)絡(luò)應(yīng)用 可以添加交互功能FLASH廣告的應(yīng)用領(lǐng)域 用于鏈指定的內(nèi)容用于宣傳特定內(nèi)容演示指定產(chǎn)品 32 Banner的設(shè)計(jì)原則 Banner主要包括三個(gè)部分 文字 圖片和動(dòng)畫(huà)效果 文字是直接傳達(dá)廣告信息的手段 在Banner中應(yīng)用非常廣泛 圖片一般作為展示產(chǎn)品 Banner背景來(lái)應(yīng)用 其逼真的效果能夠傳達(dá)客觀的信息 在瀏覽者頭腦中留下第一印象 動(dòng)畫(huà)效果是吸引瀏覽者目光并點(diǎn)擊的重要手段 一段節(jié)奏明快 動(dòng)畫(huà)炫目的效果 能夠極大地吸引瀏覽者 33 FLASH廣告的制作流程 確定廣告主題前期構(gòu)思制作廣告要素編輯廣告并發(fā)布 34 廣告條制作 35 36 這節(jié)課有難度 了解Flash中ActionScrip