艺灵设计

全部文章
×

flash制作鼠标跟随五角星效果

作者:艺灵设计 | 来源:http://www.yilingsj.com ,http://www.yilingsj.com/| 时间:2013-09-01 09:40:15 | 评: | 阅: | 积分:0

前面讲到了自定义鼠标指针的方法,今天来教大家制作鼠标跟随效果。

全屏预览 |  点此下载

从上面的预览中我们可以看到一个五角星在不停的旋转而且形状上从大到小到消失然后又变大,当鼠标滑过时,会有一连串越来越小的五角星跟随。现在大致的思路已经出来了,接下来便是具体的操作了,读者朋友要注意了。

第一步:打开软件新建一画布,填充背景色#99CC33

第二步:在面板里面找到“矩形工具”点开并选择“多角星形工具”,然后在属性面板里面点“工具设置”,可以修改多边形样式边等。
多角星形工具

第三步:在舞台上画一个五角星,接着转化为“元件“,命名为xing。双击“xing”图形,然后在第10帧时单击一下时间轴后按下“F6”,在第15帧处再单击一下后再按下“F6”,然后选中第1到第15帧中间的内容后右键选择”创建传统补间“此时选择区域变成淡紫色。然后点击第10帧,按Ctrl+Alt+s进行缩放,并调整透明度。
alpha

第四步:这一步就开始写动作语言了。新建一图层,命名为as,然后点击第一帧后按F9,写入

  1. i=1
  2. _root.xing._visible=0;/*隐藏掉舞台上的xing*/

然后新建一空白关键帧后在第2帧内写入

  1. if (i<20) {
  2. duplicateMovieClip("xing", "xing"+i, i);
  3. setProperty("xing"+i, _rotation, i*5);
  4. setProperty("xing"+i, _x, _root._xmouse);
  5. setProperty("xing"+i, _y, _root._ymouse);
  6. i=i+1;
  7. } else {
  8. i=1;
  9. }
鼠标跟随_as

然后再新建一空白关键帧后在第3帧内写入

  1. gotoAndPlay(2); /*跳转到第2帧并播放内容*/

图层中帧的情况如下图:
鼠标跟随_帧

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/flash/flashsb/2013-09-01/31.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 鼠标跟随五角星 flash鼠标跟随 flash as鼠标跟随 鼠标跟随星星动画

上一篇: flash教程--自定义鼠标样式   下一篇: 返回列表

相关文章

共有条评论评论

 换一张

友情提示:提交内容中不支持html标签,请勿输入非法字符!