flash AS3制作漂亮的遮罩动画_AS3实例教程

时间:2012-03-09 10:10:01  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:ion=6,0,40,0" height="300" title="flash as3制作好看的遮罩动画" width="500">
  正文:flash AS3制作漂亮的遮罩动画,主要还是as命令控制遮罩层运动路径,效果及漂亮,先看一下效果吧。

1、首先准备一张图片。网络上随便找一张。
2、新建一个500*300的Flash文档。(设置舞台大小宽、高同你的图片大小相同)
3、将图片导入到库中。
4、从库中把图片拖到舞台上,对齐方式选择左对齐,上对齐。
5、右键点击舞台中图片,选择转换成影片剪辑。元件名称为:“cityMC”。图1:
sshot-1.png
6、在属性面板中输入影片剪辑实例名称为:“cityMC”。图2:
sshot-2.png
7、将图层一锁定,添加图层2。用圆角矩形工具在舞台上任意位置画一个圆角为10的40*40的矩形。填充色随意。图3:
sshot-3.png
8、把圆角矩形转换成影片剪辑,名称为“maskMC”,注册点选择居中。图4:
flash as3制作好看的遮罩动画
9、删除舞台上的圆角矩形。打开库右键单击maskMC影片剪辑,选属性作类链接,类名:“MaskRectangle” 图5:
flash as3制作好看的遮罩动画


10、把图层2改为as,输入以下代码

//We need these classes for the animation

import fl.transitions.Tween;

import fl.transitions.easing.*;

 

//These are the mask rectangle’s width and height

var boxWidth:Number = 40;

var boxHeight:Number = 40;

 

//We want nine rows and 14 columns to make the animation look nice

var rows:Number = 9;

var columns:Number = 14;

 

//We will add the rectangle’s into an array (we need this array in the animation)

var rectangles:Array = new Array();

 

//We add the tweens into an array so they don’t get carbage collected

flash AS3制作漂亮的遮罩动画_AS3实例教程》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19249.html

感谢q930的投稿


关于《flash AS3制作漂亮的遮罩动画_AS3实例教程》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td