flash制作喷泉效果和方法个人日记

flash制作喷泉效果和方法

个人日记

flash10.用as3语句打造喷泉效果

教学目的：通过本节教学了解和掌握flash10.as3.0的脚本运用，as语句的添加和对动作面板、属性面板的熟悉与运用，以及影片剪辑与属性链接功能创建应用，进而制作出形象逼真的喷泉之动画效果。

　　教学对象：本教材是针对有一定动画制作基础和对属性面板，工具箱以及动作面板有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。

教学要点：as3.0、属性面板、动作面板、as语句。

作前准备：

准备一张规格为550*600的喷泉背景图片，经过制图软件（ps、fw）处理后，保存到指定的文件夹待用。

制作步骤

1.启动FLASH10 软件。首先进入“欢迎”界面。如图1所示：

图1

选择“新建－flash文件（ActionScript3.0）”点击进入工作区。如图2所示：

图2

*我用的是传统版，此外还有动画、基本功能版等，那就要看你的习惯和爱好了。

2.确立文档属性

点击舞台外处，在属性面板点击“编辑”，打开文档属性面板，设置其尺寸550*600，其它默认。如图3所示：

图3

3.导入素材到库

选择“文件－导入－导入到库”，将你准备好的素材图片导入库中。其素材图如下：

素材图

4.创建影片剪辑元件

（1）选择“插入－新建元件”，建立一个名为“水滴”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。

A,选择图层1第一帧，用椭圆形工具打开混色器，设置其参数，如图4所示：

图4

在在舞台拖一个规格为2*8的无边线的椭圆，如图5所示：

图5

（此图放大四倍）

点击该实例，设置其位置为X:-275;Y;-300。如图6所示：

图6

舞台实例规格位置显示，如图7所示：

图7

B.右键库中该影片剪辑元件－属性，打开属性面板如图8、9所示：

图8

图9

点击“高级”按钮，打开属性链接面板，填写其“类”为：pall 。其它参数设置，如图10所示：

图10

点击确定，完成操作。

（2）选择“插入－新建元件”，建立一个名为“as”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。

A.选择图层1第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：

var count:int = 600;
var zl:Number = 1.0;
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() * 4 - 2;
ball["vy"] = Math.random() * -10 - 10;
}
}
}
}