您好!欢迎您光临flash10.用as3语句制作擦拭效果_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>fs10教程>>>flash10.用as3语句制作擦拭效果
flash10.用as3语句制作擦拭效果
发表日期:2012/9/19 0:54:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3128

flash10.用as3语句制作擦拭效果 

 

    教学目的:通过本节教学了解和掌握flash10.as3.0的脚本运用以及对动作面板、属性面板的熟悉与运用,进而制作出擦拭的动画效果。

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

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

 

 

     作前准备:

    准备1张虎年图片,经过制图软件(ps、fw)处理后,规格约为550*400,保存00到指定的文件夹待用。

    制作步骤

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

图1

选择“新建-flash文件(ActionScript3.0)”点击进入工作区。如图2所示:


图2

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

    2.确立文档属性 点击右边属性下方的编辑,如图3所示:


图3

进入属性设置界面,设置动画尺寸为550*400,帧频为24,背景黑色,其它默认。点击确定,进入场景1。如图4所示:



图4

    3.导入素材到库


素材图

    4.创建影片剪辑

    选择“插入-新建元件”,建立一个名为“底图”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出虎年图片到舞台,设置其规格为550*400,全居中。

    5.编辑制作场景

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

    (1)选择图片图层第一帧,从库中拖出底图影片剪辑元件到舞台,规格为550*400,全居中。上锁。如图5所示:

图5

选中该实例,在属性面板填写其实例名称为:mc 。上锁。如图6所示:

图6

    (2)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

var container:Sprite = new Sprite();
addChild (container);
mc.mask = container;
container.graphics.moveTo (mouseX, mouseY);
addEventListener (Event.ENTER_FRAME, enterFrameHandler);
function enterFrameHandler (e:Event):void {
        container.graphics.beginFill(0xff00ff);
        container.graphics.drawRect(mouseX-50, mouseY-50, 100, 100);
        container.graphics.endFill();
}
Mouse.hide();

锁定该图层。

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


图7


  7.测试存盘

    *说明:

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

最终效果显示:



http://hsb345.16789.net/domName/hsb345/20102162024871352.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167