快速业务通道

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

作者 凌众技术 来源 网页制作 浏览 发布时间 2012-03-11

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

先看效果:

 

Flash源文件下载:http://www.webjx.com/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测试吧!祝你好运!谢谢观看!

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号