Flash实例教程:好看的跟随鼠标的旋转星星
作者 凌众技术
来源 网页制作
浏览
发布时间 2012-03-08
看看效果: 第一步: 打开FLASH,新建一个影片剪辑元件,命名为“星星”,在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧。选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧的任意一帧创建补间动画,打开属性面板把它的转调成逆时针,选中第20到40帧的任意一帧创建补间动画,打开属性面板把它的转调成顺时针。 第二步: 在新建一个影片剪辑元件,命名为“转圈的星星”,在图层面板的地方找到“添加运动引导层”添加一个引导层出来,在选中该图层的情况下按住AIT+SHIFT键在舞台上绘制一个有边框无填充色的圆(大小你认为合适就OK),然后用鼠标圈住它的一点边选中后删除(这样做是给它一缺口),选中绘制好的圆,把它的左和上对齐舞台中心的注册点,选中第40帧处添加一个帧,锁定该图层,选择第一个图层把我们库中的星星拖进来并把它的中心点对齐引导层中圆的上边的那个缺口的地方,选中第四十帧插入一个关键帧把它的中心点对齐引导层中圆的下边的那个缺口的地方。回到舞台,把库中转圈的星星放到舞台任意位置,并给它一个实例名称mc。 第三步: 继续插入一个影片剪辑元件,命名为“as",选中第一帧添加以下代码: var k:Number=64;//用来定义星星的个数; var n:Number=16;//用来定义一圈星星的个数; var r:Number=2;X坐标和Y坐标的缓动,值越大跟随鼠标移动时就越慢; for(var i=1;i<=k;i++){ duplicateMovieClip("_root.mc","mc"+i,i); setProperty("_root.mc"+i,_rotation,360/n*i); setProperty("_root.mc"+i,_alpha,100/k*i); } setProperty(_root.mc,_visible,0); 选中第二帧处插入一个空白关键帧添加以下代码: for(var j=1;j<=k;j++){ setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/r); setProperty("_root.mc"+j,_y,_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/r); } 选中第三帧处插入一个空白关键帧添加以下代码: gotoAndPlay(2); 添加完代码以后回到主场景; 第四步: 把库中名为as的元件拖放到舞台上,给它一个实例名称mc0.在主 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash实例教程:好看的星光四射动画特效下一篇: 10个让你大饱眼福的创意Flash网站
关于Flash实例教程:好看的跟随鼠标的旋转星星的所有评论