和平社区

 找回密码
 注 册

QQ登录

只需一步,快速开始

查看: 1615|回复: 1

互动Flash动画:跟随鼠标移动拉伸的蜘蛛丝

[复制链接]
发表于 2007-1-17 21:16:11 | 显示全部楼层 |阅读模式
<p>这是以前不小心看到的效果,是用Flash的画线函数实现的,希望给有想像力的和平人一点启发,我也是照样子做的。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;下面我们来讲实现的方法。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;1、在Flash中先建三个MC。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;最后一个是空的MC,line_mc,用来画线(蜘蛛丝)。</p><p>&nbsp;<br/>2、回到场景,建三个层。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;最底下一个叫NET,用来放背景net 的,把net拉进去。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;中间一个层叫line,用来放line_mc的,把line_mc拉进来,并给这个剪辑命名line_mc。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;最后一个当然是放spider_mc 的。<br/></p><br/>3、最关键一步,多建一个action层,写上如下代码。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;speed=10; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;spider_mc.onEnterFrame = function() { <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;dx = _root._xmouse-this._x; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;dy = _root._ymouse-this._y; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;p =Math.atan(dy/dx)*180/Math.PI; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp; rota = (dx&gt;0) ? (90+p)270+p); <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this._x += dx/speed; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this._rotation = rota; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this._y += dy/speed;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;}; <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;line_mc.onEnterFrame = function() { <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this.clear(); <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this.moveTo(0, 0); <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this.lineStyle(1, 0xffffff, 100); <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;this.lineTo(_root.spider_mc._x, _root.spider_mc._y); <br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;};<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;最后生成swf,完成

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注 册

x
发表于 2007-1-17 23:33:12 | 显示全部楼层
<p>楼主辛苦啦!</p><p>偶也学着做做看.......</p>
您需要登录后才可以回帖 登录 | 注 册

本版积分规则

站点统计|小黑屋|手机版|Archiver|和平家园 ( 粤ICP备13078947号-1 )

GMT+8, 2024-5-15 19:59 , Processed in 0.014839 second(s), 14 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表