as3.0高級動畫教程
AS3.0能夠制作逼真的噴泉動畫場景你造嗎?趕緊看看教程學起來吧。下面是陽光網小編給大家整理的as3.0高級動畫教程，供大家參閱!
AS3.0制作逼真的噴泉動畫詳細教程
前言：網絡中這個教程已經有了，但是教程寫得都不盡詳細，尤其是AS3.0腳本語句，在本地電腦中導出的swf影片不能正常顯示播放，因此就給Flash初學者和剛剛接觸AS3.0的人們造成了很大的困惑，也因此我運用網絡中的這段AS3.0代碼寫下了本教程，希望大家都能學會運用這個逼真的噴泉特效代碼。
先看效果演示:
制作方法：
一、啟動Flash軟件，建立AS3.0文檔，舞臺大小默認，顏色為黑的(我用的是Flash CC，用Flash cs4、cs5、cs6制作方法是同樣的)
二、下載一張適合制作噴泉效果的背景圖片導入到庫，并且重命名為“背景圖片”;再下載一張帶有噴泉設備的圖片導入到庫，并且在Flash中把圖片中的噴泉設備摳圖(摳圖方法我就不再這里羅嗦了)，轉換為圖形元件，命名為“噴泉設備”。
在這里我把我所用的圖片素材提供給大家來練習使用：
背景圖片
噴泉設備
(已經摳好的透明PNG圖片，直接導入Flash軟件中即可使用)
三、制作水滴元件：
1、新建名稱為“水滴”影片剪輯元件，該編輯區內點選時間軸第一幀，選取橢圓工具，在舞臺上畫出一個2X6像素的無邊、白色、橢圓，并把這個畫好的小橢圓移動到舞臺的大致左上方位置(位置是代碼中數據決定的)，見圖1;
(圖1)
2、打開庫面板，右鍵單擊庫中該影片剪輯元件-屬性，打開屬性面板，見圖2;
(圖2)
3、點擊“高級”按鈕，打開屬性鏈接面板，填寫其“類”為：pall，然后點擊“確定”按鈕完成設置，所有設置見圖3;
(圖3)
4、新建元件，類型：影片剪輯，命名為：AS，在該影片剪輯編輯區內，點選時間軸第一幀，打開動作面板，復制粘貼下方完整的AS3.0腳本語句，粘貼好后返回主場景;
var count:int = 2000;
var zl:Number = 0.8;
var balls:Array;
balls = new Array();
for (var i:int = 5; i < count; i++) {
var ball:pall = new pall();
ball.x = 275;
ball.y = 300;
ball["vx"]= Math.random() * 4 - 1;
ball["vy"] = Math.random() * -10 - 10;
addChild(ball);
balls.push(ball);
addEventListener(Event.ENTER_FRAME, onEnterFrame);
function onEnterFrame(event:Event):void {
for (var i:Number = 5; i < balls.length; i++) {
var ball:pall = pall(balls[i]);
ball["vy"] += zl;
ball.x +=ball["vx"];
ball.y +=ball["vy"];
if (ball.x - ball.width/2> stage.stageWidth ||
ball.x + ball.width/2 < 0 ||
ball.y - ball.width/2 > stage.stageHeight ||
ball.y + ball.width/2 < 0) {
ball.x = 275;
ball.y = 300;
ball["vx"]= Math.random() * 8 - 4;
ball["vy"] = Math.random() * -10 - 10;
}
}
}
}
四、組織場景：
1、主場景中共建立三個圖層，圖層1重命名為“背景”、圖層2重命名為“噴泉設備”、圖層3重命名為“AS”見圖4;
(圖4)
2、點選背景圖層第一幀，把庫面板中背景圖片拖上舞臺，調整大小和舞臺同樣，做全居中，鎖定該圖層;
3、點選噴泉設備圖層第一幀，把庫面板中噴泉設備圖形元件拖上舞臺，調整好你所需要的大小和位置，鎖定該圖層;
4、點選AS圖層第一幀，把庫中AS影片剪輯拖上舞臺，打開屬性面板，調整該元件的透明度為50%，(如果背景圖片亮度高，可設置為70、或80%，如果是夜景圖片，可設置為30%)，該圖層先不要上鎖，因為還要調整噴水的位置;
5、測試影片看水的位置后，框選舞臺上小白點，用鍵盤上的方向鍵調整位置，直到把水的位置和噴泉設備的位置調整吻合為止;
五、代碼中幾個關鍵數據的解釋與修改：
1、代碼中第一行中的數字“2000;”，是噴泉噴出水珠的數量，數字越大，噴出的水珠就越多，可根據自己制作的場景來修改水珠的數量。
2、代碼中倒數第六行(倒數四個大括號上邊第二行)中的ball["vx"]= Math.random() * 8 - 4;，其中的數字“8 - 4”，前邊的“8”是噴水范圍的.寬度，數字越大噴水的范圍越寬，數字越小，噴水的范圍越窄;后邊的“4”是噴水的方向，數字越大噴水方向越向左，數字越小噴水方向越向右;
3、代碼中倒數第五行(倒數四個大括號上邊第一行)中的ball["vy"] = Math.random() * -10 - 10;，其中的數字“10 - 10”，都是調整噴水的高度的，數字越大水噴得越高，數字越小水噴得越低，調整時兩個數字最好相同。
代碼中其他數字就沒有調整的必要了，根據自己制作的場景調整好這三組數據后作品就完工了，最后看效果吧。
FlashAS3.0動畫制作介紹
Flash AcfionScript(AS)3.0是一種功能強大的面向對象的編程語言。當前，網絡游戲、網絡特效、互動廣告的火爆帶動了它的應用和開發。本書以ActionScript 3.0程序設計為主線，從動畫編程的角度介紹了Flash動畫的制作與開發。全書由三大部分組成：第一部分為As 3.0語言基礎，介紹了ActionScript 3.0的基本語法、事件偵聽機制、類的設計與應用;第二部分為AS 3.0動畫編程基礎，內容涵蓋Flash動畫基礎知識、Flash動畫中的顯示編程及交互編程技術;第三部分為AS 3.0動畫編程提高，內容涉及動畫制作中從簡單運動到復雜運動的諸多內容。本書最大特色是對動畫編程附以大量程序范例進行講解，使讀者的學習能夠輕松而高效，并在此基礎上做出優秀的動畫作品。
本書知識系統、范例豐富，每章配備提高思考題，既適合作為Flash ActionScript的初中級讀者的教材或自學教材，也適合作為各級培訓讀本。
FlashAS3.0動畫制作目錄
第一部分 AS3.0語言基礎
第1章 簡介
1.1 AS3.0簡介
1.2 FlashCS3IDE介紹
1.3 一個AS3.0實例
第2章 基本語法
2.1 變量與常量
2.2 數據與數據類型
2.3 運算符與表達式
2.4 數組
2.5 程序結構與函數
第3章 面向對象與類
第4章 事件偵聽機制
4.1 事件與事件偵聽
4.2 常用內置事件類
第二部分 AS3.0動畫編程基礎
第5章 Flash動畫簡介
5.1 動畫與動畫原理
5.2 “靜態”動畫與“動態”動畫
5.3 Flash動畫中的坐標系統
5.4 角與角度、旋轉
第6章 顯示編程
6.1 顯示列表
6.2 渲染
第7章 用戶交互
7.1 鼠標事件及響應
7.2 鍵盤事件及響應
7.3 移動物體
第三部分 AS3.0動畫編程提高
第8章 簡單運動
8.1 速度與加速度
8.2 環境邊界與摩擦力
8.2.1 環境邊界
8.2.2 摩擦力
第9章 復雜運動
第10章 3D動畫
10.1 從一維、二維到三維
10.2 3D線框模型與填充
10.3 消隱與3D燈光
10.3.1 消隱技術
10.3.2 3D燈光
第11章 其他動畫技巧
11.1 隨機運動
11.2 隨機分布
11.3 基于定時器的動畫
11.4 基于時間的動畫
參考文獻
【as3.0高級動畫教程】相關文章：
8.高級古代格言大全