Flash制作跟随鼠标扇形旋转文字视觉特效

/  2007-11-09 01:23:18  来源:网页教学网 闪电儿

Webjx核心提示:本教程主要讲解如何制作跟随鼠标的扇形旋转的文字特效,效果还可以,教程最后提供Flash源码下载。

本教程主要讲解如何制作跟随鼠标的扇形旋转的文字特效,效果还可以,教程最后提供Flash源码下载。主要应用AS实现鼠标跟随的文字特效。

先看效果:

 

Flash源文件下载:/files/soft/mouse-follower-with-text-rotation.zip

制作步骤:

启动flash8新建立文档,大小自己合适就行,然后建立一个图形元件,输入文字。

Flash制作跟随鼠标扇形旋转文字视觉特效_网页教学网webjx.com原创

 

然后再建立一个影片剪辑元件,名字为textAnimation,也就是在这里我们把文字动起来。

Flash制作跟随鼠标扇形旋转文字视觉特效_网页教学网webjx.com原创

 

把文字图形元件放进来,按F6插入关键帧,这时选择第一帧,然后输入下面代码:

以下为引用的内容:

if(_root.xPos < (_root._xmouse - 10))
{
 _root.xPos += 10;
}
else if(_root.xPos > (_root._xmouse + 10))
{
 _root.xPos -= 10;
}
if(_root.yPos < (_root._ymouse - 10))
{
 _root.yPos += 10;
}
else if(_root.yPos > (_root._ymouse + 10))
{
 _root.yPos -= 10;
}

this._x = _root.xPos;
this._y = _root.yPos;

_root.newAngle += 10;
this._rotation = _root.newAngle;

_root.count++;

第二帧加入下面代码:

以下为引用的内容:
_root.attachMovie("Text", "Text" + _root.count, 1000 + _root.count);

在这里可以调整文字颜色。

然后在第30帧插入关键帧,然后修改代码如下:

以下为引用的内容:
this.removeMovieClip();

在这里调文字Alpha为0,并且缩小文字,之后在第1和30帧之间创建动画。

Flash制作跟随鼠标扇形旋转文字视觉特效_网页教学网webjx.com原创

最后回到主场景中,选择第一帧,放入下面代码:

以下为引用的内容:

var newAngle = 0;

var count = 0;

attachMovie("Text", "Text" + count, 1000 + count);

var xPos = Text0._x;
var yPos = Text0._y;

按Ctrl+Enter测试吧!祝你好运!谢谢观看!

更多