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

Flash动画制作
Flash卡通景物绘制
鼠绘偏写实人物
鼠绘--柱顶红的画法
FLASH实现滚动条+网页书签效果
Flash MX中Button Object的用法
as入门之数学函数--弧度
as入门之数学函数--Math类
闪动的变色圆盘
组件封装为mxp文件的方法
判断数字大小
Flash 缓存问题的解决
Flash MX pro 2004 新特性之Flash Lite
在Flah MX2004的ListBox中应用HTML
Flash MX 2004中的XML应用之原理篇
Flash MX 2004视频教程超速入门系列(1)
Flash MX 2004视频教程超速入门系列(2)
Flash MX 2004视频教程超速入门系列(3)
Flash MX 2004视频教程超速入门系列(4)
Flash MX 2004视频教程超速入门系列(5)
Flash MX 2004视频教程超速入门系列(6)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 135 ::
收藏到网摘: 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,测试!