Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果
平面设计 2021-07-03 14:35www.168986.cn平面设计培训
本教程向大家介绍利用Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果，方法很简单，其中用到了Flash函数，推荐给大家，希望对大家有所帮助！
这是以前个人网站上的一个Flash点辍，是用Flash的画线函数实现的，希望给有想像力的同志一点启发，算是抛砖引玉吧。
大家移动鼠标，可以看到蜘蛛丝会跟随鼠标移动和拉伸。
狼蚁网站SEO优化我们来讲实现的方法。
1、在Flash中先建三个MC。
一个是spider_mc，画一个蜘蛛,像样点就算了,呵呵！
一个是_mc，一个蜘蛛网，当背景用的，没有太大用。
一个是空的MC，line_mc，用来画线（蜘蛛丝）。
2、回到场景，建三个层。
最底下一个叫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);
};
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，完成。
以上就是Flash制作跟随鼠标移动拉伸的蜘蛛丝过程，喜欢的朋友可以尝试自己制作一下！
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么