手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果
Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果
摘要:本教程向大家介绍利用Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果,方法很简单,其中用到了Flash函数,推荐给大家,希望对大家有所帮助!这...

本教程向大家介绍利用Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果,方法很简单,其中用到了Flash函数,推荐给大家,希望对大家有所帮助!

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

大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸。

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

1、在Flash中先建三个MC。

一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!

一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。

最后一个是空的MC,line_mc,用来画线(蜘蛛丝)。

Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果1

2、回到场景,建三个层。

最底下一个叫NET,用来放背景net 的,把net拉进去。

中间一个层叫line,用来放line_mc的,把line_mc拉进来,并给这个剪辑命名line_mc。

最后一个当然是放spider_mc 的。

Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果2

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,完成。

以上就是Flash制作跟随鼠标移动拉伸的蜘蛛丝过程,喜欢的朋友可以尝试自己制作一下!

【Flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果】相关文章:

Flash制作卡通风格的飞舞小鸟

Flash AS3 制作文字飞出动画

Flash air制作淡入淡出窗体动画效果

Flash制作跳动的火苗动画效果

Flash简单的鼠标跟随的文字动画实例

Flash制作电影序幕的文字动画效果

Flash制作有趣的亲嘴猪动画教程

Flash制作汽车广告动画

Flash AS3制作茶杯震动gif动画效果

Flash制作有创意的2011新年动画贺卡

精品推荐
分类导航