拖动一个"心"字的星

作者佚名技术来源服务器技术浏览发布时间 2012-07-12

拖动的例子很多.但我们是不是作一个比较"浪"一点的又"漫"一点的效果看看呢?呵呵.一起来学习一下吧.

点击浏览该文件

1.打开FLASHMX.,按下新建一个图形元件.命名为”星”.在星元件里画一个”星” 按此在新窗口浏览图片

2.再按下新建一个影片剪辑~命名为”星成心”.在它的编辑窗口中拖也一个”星”元件~ 按此在新窗口浏览图片

3.在图层1上新建一个引导层.并在引导层中画一”半个心形”的线条作为引导路径.(注意它相对于中心点的位置.它会影响到最终效果的拖动位置.如图) 按此在新窗口浏览图片

4.在图层1的第20帧处插入一个关键帧.在引导层的20帧处”插入帧” 按此在新窗口浏览图片

5.选中图层1的第1帧.将这帧上放置的”星”元件的注册点放到引导层中引导线的如图位置.(此时打开吸附工具可以很方便的放置上去.) 按此在新窗口浏览图片

6.选中图层1的第20帧,将这帧上放置的”星元件”的注册点放到引导层中引导线的如图位置. 按此在新窗口浏览图片

7.选中图层1第1帧然后右键”创建间补动画”. 按此在新窗口浏览图片

此时回车看看星是不是沿着引导路径在运动.如果不是请再次调整图层1的第1帧与第20帧的”星”元件位置.使它的注册点吸附到引导线上.
8.如果第7步没有问题.那我们用上面同样的办法把”星”元件沿另一半心线路运动的效果作出来.如图: 按此在新窗口浏览图片

此时回车看看是不是两个”星”元件都是沿各自的引导线在运动.如果是进行下一步.如果不是请调整.调不整好后在最后一个关键帧上加上stop();让它只运动一次.
9.按下新建一个影片剪辑,起名叫”复制星”.在它的编辑窗口中拖入”星成心元件”,并调整一下它的位置与大小.然后给它起实例名叫”star”..如图:
按此在新窗口浏览图片

10.新建一图层.并将在这个图层上插入两个关键帧.(这时图层上应该有三个关键帧).然后把图层1也延长两帧(在图层1第三帧处”插入帧”就行了.不要”插入关键帧”.) 按此在新窗口浏览图片

11.在图层2的第一帧上加上动作代码: startDrag("sta", true); //开始拖动sta
n = 0; //初始化复制数量
setProperty("sta", _visible, false); //在复制前将sta设置成不可见第二帧上加: if (n<20) { //如果没有复制到20个星星~(20根据星沿引导线运动的帧长数来定)
duplicateMovieClip("sta", "sta" add n, n); //复制sta
n++; //复制数自加1
} else { //如果复制到了20sta,那么复制个数清0
n = 0;
}第三帧上加: gotoAndPlay(2); //让播放头反回到第2帧进行复新复制. 按此在新窗口浏览图片

12.回到主场景.将”复制星”拖到主场景中来.测试吧~~

点击浏览该文件

点击浏览该文件关键词：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: flash 和asp 分页的一点心得下一篇: Flash动画的“遮丑”研究

关于拖动一个"心"字的星的所有评论

随机推荐