| 网站首页 | 校园风采 | 德育之窗 | 教学教研 | 教务管理 | 图片校园 | 学生天地 | 侨中校友 | 网络学堂 | 
您现在的位置: 顺德华侨中学 >> 网络学堂 >> flash专区 >> 网络学堂正文
 
 
  互动Flash动画:跟随鼠标移动拉伸的蜘蛛丝
          
互动Flash动画:跟随鼠标移动拉伸的蜘蛛丝
作者:佚名 文章来源:不详 点击数: 更新时间:2006-10-12 20:27:14
 
这是以前个人网站上的一个Flash点辍,是用Flash的画线函数实现的,希望给有想像力的同志一点启发,算是抛砖引玉吧。

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

/imagelist/06/20/4pb1n9t8tf6g.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,完成。

网络学堂录入:admin    责任编辑:admin 
  • 上一个网络学堂:

  • 下一个网络学堂:
  • 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
    文章搜索 高级搜索
    最新热门
     
  • 此栏目下没有热点网络学堂
  • 最新推荐
     
  • 此栏目下没有推荐网络学堂
  • 栏目导航
     
     
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    佛山市顺德华侨中学
    地址:佛山市顺德新城区德民路  电话:0757-22323116
    制作维护:  程序核心:PE2006
    建议访问分辨率:1024×768  IE 5.0+

    佛山市网站公安
    备案编号:200303C0058