WEB开发网
开发学院图形图像Flash [Flash基础理论课10] 缓动效果 [Tween类] 阅读

[Flash基础理论课10] 缓动效果 [Tween类]

 2009-05-30 12:09:29 来源:WEB开发网   
核心提示: 实例2:飞入菜单思路:1.初始化时把mc放到舞台外,这样才能出现飞入效果; 2.初始化时把mc的_yscale缩小,[Flash基础理论课10] 缓动效果 [Tween类](3),为放大效果做准备,步骤1: 随便画些什么,保存为影片剪辑,放在舞台中心

实例2:飞入菜单

思路:1.初始化时把mc放到舞台外,这样才能出现飞入效果;

    2.初始化时把mc的_yscale缩小,为放大效果做准备。

步骤1:

   随便画些什么,保存为影片剪辑,放在舞台中心,实例名为"mc";

   再绘制两个按钮在舞台中,实例名分别为"in_btn","out_btn";

步骤2:

加入AS代码(注释的new Tween()部分请大家可替换后试试效果):

import mx.transitions.Tween;
import mx.transitions.easing.*;
//导入Tween类及其方法
mc._x = 1000;
mc._yscale = 10;
//设置mc的初始位置和高度
in_btn.onRelease = function() {
 //飞入效果
 new Tween(mc, "_yscale", Bounce.easeOut, mc._yscale, 100, 4, true);
 //mc._yscale放大到100
 new Tween(mc, "_x", Back.easeOut, mc._x, Stage.width/2, 5, true);
 //mc._x移动到舞台宽度的一半(即舞台中心)
 //new Tween(mc, "_x", Bounce.easeOut, mc._x, Stage.width/2, 5, true);
 //new Tween(mc, "_x", Elastic.easeOut, mc._x, Stage.width/2, 5, true);
 //new Tween(mc, "_x", Regular.easeOut, mc._x, Stage.width/2, 5, true);
 //new Tween(mc, "_x", Strong.easeOut, mc._x, Stage.width/2, 5, true);
 //new Tween(mc, "_x", None.easeNone, mc._x, Stage.width/2, 5, true);
};


out_btn.onRelease = function() {
 //飞出效果
 new Tween(mc, "_yscale", Bounce.easeIn, mc._yscale, 50, 3, true);
 //mc._yscale缩小到50
 new Tween(mc, "_x", Elastic.easeIn, mc._x, -1000, 5, true);
 //mc._x移动到-1000(即舞台外部)
 //new Tween(mc, "_x", Bounce.easeOut, mc._x, -1000, 5, true);
 //new Tween(mc, "_x", Elastic.easeOut, mc._x, -1000, 5, true);
 //new Tween(mc, "_x", Regular.easeOut, mc._x, -1000, 5, true);
 //new Tween(mc, "_x", Strong.easeOut, mc._x, -1000, 5, true);
 //new Tween(mc, "_x", None.easeNone, mc._x, -1000, 5, true);
};

上一页  1 2 3 4  下一页

Tags:Flash 基础 理论课

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接