Flash制作美丽的蜻蜓飞舞效果动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-11
|
演示效果：  点击浏览该文件 点击浏览该文件制作步骤： 1.新建立一个Flash文档，修改其属性如下图所示： 
2.在主场景中把图层1改名为back，这是背景层，我们选择矩形工具绘制一个550*300的矩形正好和舞台重合，在这里要使用混色器面板，设置线性填充效果如下图：
3.之后我们新建一个元件，画一些草，为了让动画效果更好你可以让草也动起来，在这里我制作的是一个静止的图，如下�**荆�
4.接下来我们制作蜻蜓动画，蜻蜓动画其实只是蜻蜓的四个翅膀在动，所以我的方法是先建立翅膀静止的元件，然后建立翅膀动的元件，然后组织成为一个蜻蜓电影剪辑元件．绘制过程如下：
美化一下翅膀：
组织成一个蜻蜓，把翅膀旋转一下就可以了！在此不详细叙述．
继续美化蜻蜓身体：
美化一下蜻蜓的翅膀：
组织成一个效果较好的蜻蜓：
5.这时我们新建立一个电影剪辑元件，命名为trans，绘制一个小的白色矩形，效果如下（注意我已经将显示比例调到了200％）：
6.回到主场景，新添加一个＂草＂层，然后把我们制作的草拖出来，连续拖出两次，使草看起来错综复杂，效果如下：
7.新建立一个图层＂蜻蜓＂，然后把蜻蜓电影剪辑从酷中拖出来，依次重复5次，打开属性面板，分别给蜻蜓命名实例名为fly1，fly2，fly3，fly4，fly5，效果如下：
8.新建立一个图层＂trans＂，然后把蜻蜓电影剪辑从酷中拖出来，依次重复5次，打开属性面板，分别给蜻蜓命名实例名为transp1，transp2，transp3，transp4，transp5，效果如下：
9.新建立一个图层＂action＂，按F9打开动作面板添加如下指令代码：
probability = 30; scene_width = 550; scene_height = 300; speed = 0.03; MovieClip.prototype.smoothMove = function (speed, targetx, targety) { this._x += speed*(targetx-this._x); this._y += speed*(targety-this._y); }; MovieClip.prototype.rotateTo = function (targetx, targety) { var diffX = targetx-this._x; var diffY = targety-this._y; this._rotation = Math.atan2 (diffY, diffX)*180/Math.PI; }; _root.transp1.onEnterFrame = function () { if (random (probability) == 0) { target1X = random (scene_width); target1Y = random (scene_height); } this._visible = 0; this.smoothMove (speed, target1X, target1Y); }; _root.fly1.onEnterFrame = function () { this.smoothMove (speed, transp1._x, _root.transp1._y); this.rotateTo (_root.transp1._x, _root.transp1._y); }; _root.transp2.onEnterFrame = function () { if (random (probability) == 0) { target2X = random (scene_width); target2Y = random (scene_height); } this._visible = 0; this.smoothMove (speed, target2X, target2Y); }; _root.fly2.onEnterFrame = function () { this.smoothMove (speed, transp2._x, _root.transp2._y); this.rotateTo (_root.transp2._x, _root.transp2._y); }; _root.transp3.onEnterFrame = function () { if (random (probability) == 0) { target3X = random (scene_width); target3Y = random (scene_height); } this._visible = 0; this.smoothMove (speed, target3X, target3Y); }; _root.fly3.onEnterFrame = function () { this.smoothMove (speed, transp3._x, _root.transp3._y); |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 环绕立体图片效果下一篇: 金闪客AS课堂实录二
关于Flash制作美丽的蜻蜓飞舞效果动画的所有评论
