★★★Flash制作蜻蜒点水~~~大家都来练习下吧~★★★

前些天看到有些朋友想学鼠标跟随,所以先做一个简单的实例给大家练习下~


先看下效果~用鼠标点下水面试试:



新建一个空白的FLASH文档，按Ctrl+F8新建一个名为“蜻蜒”的图形元件



1.jpg


在元件中绘制蜻蜒，（如果不会画，就导入一张图片替代也行的）



2.jpg


按Ctrl+F8再新建一个名为“蜻蜒飞”的影片剪辑元件



3.jpg

在这个元件中，要把蜻蜒的翅膀做成动画，首先按Ctrl+L打开库面板，把刚画好的蜻蜒拖到场景中，然后按Ctrl+B分解蜻蜒，然后选点选起蜻蜒的一边翅膀，按F8把它转化为图形元件，再用同样的方法把另一边的翅膀也转成图形元件。然后，点下一边的翅膀，按Ctrl+X剪切，新建一个图层2，在图层2按Ctrl+Shift+V粘贴到原来的位置，用同样的方法把另外一边的翅膀也放到一个图层里。好了，现在呢，图层1里是没有翅膀的蜻蜒，图层2是一边翅膀，图层3是另一边，首先，在图层1第5帧插入帧，然后在分别在图层2和图层3第3帧和5帧插入关键帧，插入后，把图层2和图层3第3帧的蜻蜒翅膀稍微用变形工具往后改下，最后分别在这两个图层的第1帧和第3帧右击创建补间动画就行了。



4.jpg


按Ctrl+F8新建一个按钮元件



5.jpg


在元件中，把笔触颜色设置为无，把填充色设置为透明，然后在场景中画一个四方形，最后按把后面三帧都插入关键帧就行了。



6.jpg


按Ctrl+F8新建一个名为“水波”的影片剪辑元件



7.jpg

在元件中图层1第1帧，把按钮元件从库中拖到场景中，



8.jpg


新建一个图层2，在图层2第2帧插入关键帧，然后在这一帧中画一个蓝色小圆圈，（小圆圈画法：选择好椭圆工具，然后把笔触颜色设置为蓝色，填充色为无，然后在舞台上拖出来就行了），在这一层的第7帧插入关键帧，然后用变形工具把椭圆放大一些，再在第10帧插入关键帧，再把椭圆放大一些，然后点下舞台上的椭圆，Ctrl+F9层开混色器，在这里把椭圆的颜色设置为无。最后，分别在第2帧和第7帧创建形状补间动画。



9.jpg



10.jpg

现在一个慢慢放大消失的圆做好了，接下来，点下图层2第2帧，按住Shift不放，再点下第10帧，把这9帧会部选取起来，右击，复制，然后新建图层3，在图层3第4帧右击粘贴帧，再新建一个图层4，同样，在第7帧右击粘贴帧，这样
，一个水波就做好了。



好了，现在要来加上几句代码，放心，这几句很简单的。
首先，点下图层1（也就是放按钮那个）第1帧，按F9打开动作面板，然后在里面输入stop();   这个不需要解释了吧，停止的意思~呵~



11.jpg


然后点下舞台上的按钮，再次按F9打开动作面板，输入下面的语句
on (release) {
        gotoAndPlay(2);
}


意思呢，就是当单击鼠标时跳转到第2帧并播放


12.jpg





好了，下面，回到场景中，在图层1导入一第有水的图片，(文件——导入——导入到舞台)，导入后修改下图片的大小跟场景一样就行了~



15.jpg


新建图层2，按Ctrl+L打开库面板，把水波元件往图片上有水的地方放（如图）



16.jpg

最后，再新建一个图层3，把蜻蜒飞元件从库中拖到场景上，点下场景中的蜻蜒，在属性面板中把实例名改为“a”（不含引号），




17.jpg

然后点下图层3第1帧，按F9打开动作面板，输入下面

的代码
Mouse.hide();   
startDrag("a", true);



这两句代码实现的就是隐藏鼠标，元件跟随鼠标移动



18.jpg


好了~测试下吧~



最后再给大家一张蜻蜒图~

[本帖最后由 清风掠影 于 2007-8-22 15:39 编辑]

蜻蜒点水.swf
(2007-08-22 15:09:46, Size: 717 KB, Downloads: 9)

蜻蜒点水.rar
(2007-08-22 15:09:46, Size: 727 KB, Downloads: 1)

蜻蜒.gif