当前位置:主页   - 电脑 - 图形图像 - Flash
FLASH教程:可爱不倒翁动画效果
来源:网络   作者:   更新时间:2012-05-06
收藏此页】    【字号    】    【打印】    【关闭

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

  制作不倒翁的步骤并不复杂,主要是靠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

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明