WEB开发网
开发学院图形图像Flash FLASH教程:可爱不倒翁动画效果 阅读

FLASH教程:可爱不倒翁动画效果

 2008-06-12 11:25:30 来源:WEB开发网   
核心提示:先看效果:(用鼠标点击人像底部或拖动人像看效果,)制作不倒翁的步骤并不复杂,FLASH教程:可爱不倒翁动画效果,主要是靠as代码来实现其不倒的效果,声明一下代码不是我编的,可以把不倒翁制成运动的元件,背景再美化一下,我只是讲解一下制作步序:1、新建文档/导入需要的图片;2、新建影片剪辑元件1,把图片拖入场景中

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

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

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

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

FLASH教程:可爱不倒翁动画效果

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

FLASH教程:可爱不倒翁动画效果

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

FLASH教程:可爱不倒翁动画效果

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,测试!

Tags:FLASH 教程 可爱

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