征集网锐志网络淘途找素材上91123RF图片库
创意在线首页
官方微博:腾讯
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
教程网 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
当前位置:首页 > 教程 > Flash > 正文
AS 3.0 TransitionManager类实例
作者: 来源:中国教程网论坛 发表时间:2010-3-2 16:57:32 浏览:
这个教程将学习如何运用 AS 3.0的 TransitionManager类制作动画

演示:

http://www.68design.net/download/201002/2010022217952655.swf

TransitionManager 类让你应用不同的动画效果到影片剪辑。整体来说,有十个不同的动画可以用。这些是:遮帘过渡、淡化过渡、飞行过渡、光圈过渡、相片过渡, 像素溶解过渡,挤压过渡、旋转过渡、划入/划出和缩放过渡。

1、新Flash文件,设置宽、高为:700 × 400 ,背景颜色任意。

2、导入一张 100 × 100的图片到舞台。

3、右键单击图片,转换成影片剪辑。命名为 " box " 设定注册点到中心。图1:

4、选中box,按住Ctrl键拖动进行复制操作,复制出10个影片剪辑。图2:

5、在属性面板中分别为实例命名 “box1″, “box2″, box3″, … , “box10″。图3:

6、新建as层,选中第1帧,打开动作面板,输入代码:


//We need for the animations

import fl.transitions.*;

import fl.transitions.easing.*;



//This array will store all the transitions

var transitions:Array = new Array();



//Add MOUSE_OVER handlers to each box

box1.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box2.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box3.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box4.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box5.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box6.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box7.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box8.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box9.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

box10.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);



//Assign a different transition to each box

box1.transition = Blinds;

box2.transition = Fade;

box3.transition = Fly;

box4.transition = Iris;

box5.transition = Photo;

box6.transition = Rotate;

box7.transition = Squeeze;

box8.transition = Wipe;

box9.transition = PixelDissolve;

box10.transition = Zoom;



//This function is called everytime the mouse moves over a box

function mouseOverBox (e:Event):void {



        //Store the selected box in a local variable

        var selectedBox:MovieClip = MovieClip(e.target);



        //Remove the event listener (the user can’t stop the animation once started)

        selectedBox.removeEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);



        /* 

        Start a new transition with the following parametes

        type: We use a transition type that is defined for each box

        direction: The direction of the animation (Transition.OUT is the second option)

        duration: Duration of the animation in seconds

        easing: The type of easing applied to the animation

        shape: A mask shape. Applies only when using the "Iris" transition

        */

        var myTransitionManager:TransitionManager = new TransitionManager(selectedBox);

        myTransitionManager.startTransition ({type:selectedBox.transition, 

         direction:Transition.IN, duration:1, easing:Regular.easeOut, shape:Iris.CIRCLE});



        //Add the transition to an array, so it won’t get garbage collected

        transitions.push(myTransitionManager);



        //Add a listener that calls the function animationComplete, when the animation is finished

        myTransitionManager.addEventListener ("allTransitionsInDone", animationComplete);



}



//This function is called when a box animation is complete

function animationComplete (e:Event):void {



        //Start listening for the MOUSE_OVER again

        e.target.content.addEventListener (MouseEvent.MOUSE_OVER, mouseOverBox);

}
7、好了,测试你的影片吧!




在线编辑:xudf
本文链接:


推荐阅读:
·第九届中国高校美术(设计)作品学年展 征稿章程
·2017第三届“包豪斯奖”国际设计大赛
·青春唯美插画培训网络远程班正在招生
·创企同盟VIP:网络品牌建设提供商-木兰设计
·“汇聚文创动能,发展天府文化”成都创意设计周将于11月10日开启
·2019 年国际足联女子世界杯会徽和口号正式
·世界最大移动通讯公司 沃达丰(Vodafone)启用新 LOGO
·德国足协公布2024年欧洲杯申办LOGO
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

创意素材推荐 矢量 | PSD | 模板 | 高清 | PNG | 网页背景
2009-02-06
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
近期推荐报道 返回首页更多精彩等着你!

Photoshop| Photoshop快速调出情侣图片柔美的插画艺术| 绝望的小熊—美国插画师Luke
网页设计| 波兰Tiquet网站设计作品欣赏插画艺术| Nanami Cowdroy灵动黑白插画
Photoshop| Photoshop调出美女图片绚丽的橙红HTML/CSS| 实现DIV透明而里面的文字不透明
平面设计| 世界杯之平面广告欣赏插画艺术| Alberto Cerrite&ntil
平面设计| Havaianas人字拖最新平面广告系列网页设计| 英国madefavourite简洁细腻型
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:whaternet
网站地址:http://whaternet.com/
加入时间:2014-8-5 13:59:20
网站名称:mnnaite
网站地址:http://www.mnnaite.com/static/
加入时间:2014-8-5 13:58:07
网站名称:tijuanaflats
网站地址:http://tijuanaflats.com/
加入时间:2014-8-5 13:55:32
网站名称:digital
网站地址:http://production-digital.com/
加入时间:2014-8-5 13:54:45
网站名称:deutschesee
网站地址:http://www.deutschesee.de/
加入时间:2014-8-5 13:51:54
网站名称:kennedy
网站地址:http://www.kennedyandoswald.com/
加入时间:2014-8-5 13:50:57
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿