最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

flash教程:跟随鼠标移动拉伸的蜘蛛丝

日期:10-13    来源:中国设计秀    作者:cnwebshow.com

这是以前个人网站上的一个Flash点辍,是用Flash的画线函数实现的,希望给有想像力的同志一点启发,算是抛砖引玉吧。dub中国设计秀
dub中国设计秀
  大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸。dub中国设计秀
 dub中国设计秀

下面我们来讲实现的方法。dub中国设计秀
dub中国设计秀
  1、在Flash中先建三个MC。dub中国设计秀
dub中国设计秀
  一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!dub中国设计秀
  一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。dub中国设计秀
  最后一个是空的MC,line_mc,用来画线(蜘蛛丝)。dub中国设计秀
  dub中国设计秀

dub中国设计秀

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

dub中国设计秀

  3、最关键一步,多建一个action层,写上如下代码。dub中国设计秀
dub中国设计秀
  speed=10; dub中国设计秀
  spider_mc.onEnterFrame = function() { dub中国设计秀
     dx = _root._xmouse-this._x; dub中国设计秀
     dy = _root._ymouse-this._y; dub中国设计秀
     p =Math.atan(dy/dx)*180/Math.PI; dub中国设计秀
     rota = (dx>0) ? (90+p):(270+p); dub中国设计秀
     this._x += dx/speed; dub中国设计秀
     this._rotation = rota; dub中国设计秀
     this._y += dy/speed;dub中国设计秀
  }; dub中国设计秀
  line_mc.onEnterFrame = function() { dub中国设计秀
     this.clear(); dub中国设计秀
     this.moveTo(0, 0); dub中国设计秀
     this.lineStyle(1, 0xffffff, 100); dub中国设计秀
     this.lineTo(_root.spider_mc._x, _root.spider_mc._y); dub中国设计秀
  };dub中国设计秀
dub中国设计秀
dub中国设计秀
  最后生成swf,完成。dub中国设计秀