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

http://www.gaoqian.com/  2007-11-09 01:23:18  来源:网页教学网 闪电儿

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

先看效果：

 

Flash源文件下载：http://www.gaoqian.com/files/soft/mouse-follower-with-text-rotation.zip

制作步骤：

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

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

 

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

Flash制作跟随鼠标扇形旋转文字视觉特效_网页教学网gaoqian.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制作跟随鼠标扇形旋转文字视觉特效_网页教学网gaoqian.com原创

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

以下为引用的内容：

var newAngle = 0;

var count = 0;

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

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

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

阅读排行

推荐文章

最新更新