当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > FLASH教程:可爱不倒翁动画效果

Flash动画制作
Flash5任意两点间随机画线(二)
Flash5的DATE对象(一)
Flash5任意两点间随机画线(四)
Flash 神奇遮罩之图片篇(2)
Flash 神奇遮罩之应用篇(3)
Flash MX的自由变形工具(4)
利用Flash MX模板制作XML动态菜单(3)
Freehand和Flash的结合应用(9)
Flash5 位移操作(一)
Flash5任意两点间随机画线(五)
Flash 神奇遮罩之应用篇(2)
Flash 神奇遮罩教程之以假乱真篇
Flash 神奇遮罩之透明度篇(3)
实例学用Flash MX增强的AS功能(3)
利用Flash MX模板制作XML动态菜单(5)
Flash5任意两点间随机画线(一)
Flash层的运用(二)
Flash 神奇遮罩之应用篇(4)
Flash 神奇遮罩之综合篇(2)
Flash 神奇遮罩之综合篇(1)

Flash动画制作 中的 FLASH教程:可爱不倒翁动画效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 144 ::
收藏到网摘: n/a

 先看效果:(用鼠标点击人像底部或拖动人像看效果。)

   制作不倒翁的步骤并不复杂,主要是靠as代码来实现其不倒的效果。声明一下代码不是我编的,我只是讲解一下制作步序:

1、新建文档/导入需要的图片;

2、新建影片剪辑元件1,把图片拖入场景中,居中对齐。见图一

3、新建影片剪辑元件2,把新建影片剪辑元件1拖入场景中,取实例名为:dr;并把它90度顺时针旋转,适当离开场景的中心点,注意离开中心点距离越远,摆动的幅度越大。见图二

4、回到主场景,第一层第一帧把新建影片剪辑元件2拖入场景中,并把它90度逆时针旋转,取实例名为:mc;安放在适当的位置。见图三

 5、新建图层2第一帧输入如下代码:

function eseaing()
{
    var _loc1 = (-90 - mc._rotation) * 3.000000E-001;
    v = v + _loc1;
    v = v * 8.000000E-001;
    mc._rotation = mc._rotation + v;
} // End of the function
var dr = false;
mc.onPress = function ()
{
    dr = true;
};
mc.onRelease = function ()
{
    dr = false;
};
mc.onReleaseOutside = function ()
{
    dr = false;
};
onEnterFrame = function ()
{
    if (dr)
    {
        angle = Math.atan2(_ymouse - mc._y, _xmouse - mc._x) * 180 / 3.141593E+000;
        if (angle > -10 && angle < 90)
        {
            angle = -10;
        } // end if
        if (angle < -170 || angle > 90)
        {
            angle = -170;
        } // end if
        mc._rotation = angle;
    }
    else
    {
        eseaing();
    } // end else if
};
var v = 0;



代码什么意思我也一知半解,恕不解释。

(友情提示:如果想制作效果好一点,可以把不倒翁制成运动的元件,背景再美化一下。)

ok,测试!