您好!欢迎您光临flash10.用as3语句打造喷泉效果_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>fs10教程>>>flash10.用as3语句打造喷泉效果
flash10.用as3语句打造喷泉效果
发表日期:2012/9/19 17:22:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2617

 

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;
}
}
}
}

    B.完成后的时间轴,如图11所示:

 

图11

    5.编辑制作场景

    返回场景1,添加一个图层,共两个图层。自下而上命名为背景、喷泉。

    (1)选择背景图层第一帧,从库中拖出背景图片(素材图)到舞台,规格为550*600,全居中。上锁。如图12所示:

 

图12

    (2)选择喷泉图层第一帧,依次从库中拖出两个“as”影片剪辑元件到舞台,规格不变,分别将其放置在背景图片的适当位置。上锁。如图13所示:

  

图13

    6.本作业完成后时间轴显示如图14所示:

 

图14



  7.测试存盘

    *说明:

    本教程脚本是as3语句编程,as2以下版本不适用。

 

最终效果显示:


http://www.hsb2011.com/Article/UploadFiles/201107/2011073018255172.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167