文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

最新素材图库


当前位置:首页 >> 网页教程>> Flash教程 >> 互动Flash动画:跟随鼠标移动拉伸的蜘蛛丝

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


作者: yajax 来源:网络 浏览:1664 日期:2006-6-12 18:08:29

  这是以前个人网站上的一个flash点辍,是用flash的画线函数实现的,希望给有想像力的同志一点启发,算是抛砖引玉吧。

  完成效果如下,大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸。

/sj63_uploadfile/Flash/200606/20060612180832882.swf

  下面我们来讲实现的方法。

  1、在flash中先建三个mc。

  一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!
  一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。
  最后一个是空的mc,line_mc,用来画线(蜘蛛丝)。
  

按此在新窗口浏览图片



  2、回到场景,建三个层。
  
  最底下一个叫net,用来放背景net 的,把net拉进去。
  中间一个层叫line,用来放line_mc的,把line_mc拉进来,并给这个剪辑命名line_mc。
  最后一个当然是放spider_mc 的。

按此在新窗口浏览图片

  3、最关键一步,多建一个action层,写上如下代码。

  speed=10;
  spider_mc.onenterframe = function() {
     dx = _root._xmouse-this._x;
     dy = _root._ymouse-this._y;
     p =math.atan(dy/dx)*180/math.pi;
     rota = (dx>0) ? (90+p):(270+p);
     this._x += dx/speed;
     this._rotation = rota;
     this._y += dy/speed;
  };
  line_mc.onenterframe = function() {
     this.clear();
     this.moveto(0, 0);
     this.linestyle(1, 0xffffff, 100);
     this.lineto(_root.spider_mc._x, _root.spider_mc._y);
  };


  最后生成swf,完成。

 


上一篇:创建自己的ProgressBar组件 下一篇:Flash中一个很难发现的快捷建-Alt+Shift
【关闭窗口】 【返回顶部】返回网页教程】 【返回Flash教程

相关推荐文章

开发类似微软中国导航条..

FLASH制作网站过程..

用Flash动画特效制..

用flash做电子地图

创建自己的Progre..

FLASH MX 20..

Flash Actio..


关于本站 | 广告服务 | 联系我们 | 站点留言 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号