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

Flash动画制作
Flash 3d效果精彩实例(5)
贺新年 制作五彩缤纷焰火动画
FlashMX2004中的XML应用之原理篇
制作一个骄艳的鲜花情人Flash贺卡
有趣 用Flash制作互动的小人
Flash制作鸡年新春动画贺卡
Flash MX 2004 UI组件系列教程(3)
Flash加载外部文件(5)
Flash MX 2004 UI组件系列教程(4)
Flash加载外部文件(2)
Flash加载外部文件(3)
一个最简便的代码实现任意数字和0的来回跳转
让Flash课件中测试题信手拈来
MX中如何实现swf文件的完美跳转
三分钟理解Flash中的级别关系
flash与ASP通信的几种方法
flashMX2004视频插件的应用教程
如何做好一个多人配合的flash项目
AS计算方面的错误
如何防止SWF文件被反编译

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


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