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

Flash动画制作
Flash实例教程:用AS3代码表现倾斜角与斜率
Flash实例教程:用AS3代码制作交互式3D旋转动画效果
Flash cs3仿真艺术设计5.6:图形元件的同步与不同步
Flash cs3仿真艺术设计5.7:图形元件的同步应用
Flash cs3仿真艺术设计5.8:铰连身体部分
Flash实例教程:用AS2代码制作图片循环效果
Flash实例教程:AS3代码简单表现照片底片效果
Flash cs3仿真艺术设计5.9:关闭缺口_完善角色肢体连接
Flash入门实例教程:图片不间断滚动动画效果
Flash AS2实例教程:鼠标感应放大缩小图片效果
Flash AS3实例教程:鼠标跟随炫舞线条动画效果
Flash AS2实例教程:制作360度全景动画效果
Flash cs3仿真艺术设计5.10:位图动画的表现
Flash cs3仿真艺术设计5.11:导入PSD文件
Flash AS3基础教程:物理基础之速度向量(Velocity)
Flash AS3.0菜鸟学飞教程:帧循环学习实例
Flash MX 视频导入功能详解(6)
Flash教程:视频导入与编辑
Flash cs3仿真艺术设计5.12:运动引导层制作布什搞笑动画
Flash cs3仿真艺术设计5.13:人物行走动画制作技巧

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


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