Flash制作鼠标感应的心型漂浮动画

  本文举例源代码或素材下载

  演示效果:



  这种效果制作过程倒不复杂主要运用到了个类-Tween利用Tween类进行MC缓动效果制作熟悉Tween类对以后物体运动制作很重要

  1、设置影片属性这里设置为800*600

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  2、创建个影片剪辑并设置为可以AS中调出

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  3、在第帧中绘制出个桃心然后填充颜色

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  4、在第 2帧插入关键帧并把填充颜色改

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  5、然后依次再创建 3个关键帧并分别调整MC填充效果

  6、这个时候为了增强立体效果可以再新建个层然后增加些透明效果使MC更具立体效果

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  7、插入个AS层在第帧添加AS:

  stop;

  8、图层样式如下:

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  9、回到场景中添加AS:

Flash制作鼠标感应<img src='/icons/79335de.gif' />心型漂浮动画

  10、AS代码如下:

//版权声明开始//
//★淘沙网:http://www.taoshaw.com
//★淘沙网所有教程欢迎转载不过请转载时注明出处谢谢合作
//版权声明结束//
//创建新右键菜单
myMenu=ContextMenu;
//隐藏右键菜单
myMenu.hideBuiltInItems;
myMenu.customItems.push(ContextMenuItem("淘沙網:http://www.taoshaw.com",PR));
Stage.scaleMode=’noScale’;
functionPR(obj,item){
getURL("http://www.taoshaw.com","_blank");
}
//将新菜单赋予给场景
_root.menu=myMenu;
stop;
//导入Tween类
importmx.transitions.Tween;
//导入easing类
importmx.transitions.easing.*;
//在场景中创建个空影片剪辑用于加载库中MC
_root.createEmptyMovieClip("blank_mc",2);
//变量
vari:Number=1;
//设定总量
varmenber:Number=500;
//设置主体运行即复制星星
function_begin:Void{
//库中星星
varmy_mc=blank_mc.attachMovie("my_heart","my_heart"+i,i+100);
//设置变量
my_scale=random(50)+70;
my_xeizhe=_xmouse+random(150)-90;
my_yweizhi=_ymouse+random(90)-30;
//此处表示对_xsacle参数进行设置,Strong端或两端添加较慢运动此效果类似于Regular缓动类但它更明显
//easeInOut在过渡开始和结尾提供缓动效果以及设置开始值、结束值、动画持续时间等是否以秒做为计时单位
//以下是分别设置复制星星_xscale、_yscale、_alpha、_x、_y
varmy_tew1:Tween=Tween(my_mc,"_xscale",Strong.easeOut,30,my_scale,10,true);
varmy_tew2:Tween=Tween(my_mc,"_yscale",Strong.easeOut,30,my_scale,10,true);
varmy_tew3:Tween=Tween(my_mc,"_alpha",Strong.easeOut,10,my_scale,2,true);
varmy_tew4:Tween=Tween(my_mc,"_x",Strong.easeOut,_xmouse,my_xeizhe,2,true);
varmy_tween_y:Tween=Tween(my_mc,"_y",Strong.easeIn,my_yweizhi,0,2,true);
//设置星星显示第几帧内容
my_mc.gotoAndStop(Math.floor(Math.random*6));
//当动画到达持续时间结束点时下面删除my_mc這樣會降低CPU使用率推薦使用這個
my_tween_y.onMotionFinished=function{
removeMovieClip(my_mc);
};
(i>=menber){
i=1;
}
//持續copy
i;
}
//设定触发此处设置为鼠标效果
onMouseMove=function:Void{
_begin;
};


Tags: 

延伸阅读

最新评论

发表评论