概述
下面为大家带来Flash AS3代码打造简单的文字旋转效果教程,教程制作出来的文字效果很不错,难度不hi很大,代码也只有30多行,对于初学者很值得学习,推荐到靠谱客,一起来学习吧!下面是制作步骤:
1、新建Flash(AS3)文件,在库中新建一个影片剪辑元件,画一个动态文本(不用打入文字),命名为mytext,其它选项根据需要设置,如下图所示:
其中的字符嵌入很重要,点击打开“字符嵌入”对话框在“包含这些字符”框中输入要旋转的文字。如果省略这一步,旋转时文字将不能正确显示,你可以自己测试一下。
2、影片剪辑的属性按下图设置:
3、在主场景中第一帧写代码:
复制代码
代码如下:var wx:Number=275;
var wy:Number=200;
var A:Number=0;
var speed:Number=0.00015;
var sA:Number=0.4;
//定义数组
var wzs:Array = new Array();
//设置要旋转的文字</p> <p> var myText:String="中国教程网论坛互助学习交流平台";
for (var i:uint = 0; i < myText.length; i++) {
var mc:MC = new MC();
mc.x=wx;
mc.y=wy;
//取出每个字并放进数组
mc.mytext.text=myText.substr(i,1);
wzs.push(mc);
addChild(mc);
}
addEventListener(Event.ENTER_FRAME, enterframe);
function enterframe(e:Event):void {
for (var j:uint = 0; j < myText.length; j++) {
var xm:Number=mouseX;
var dx:Number = (xm-wx)*speed;
var sx:Number=.2+.8*Math.cos(A+sA*j);
var sy:Number = .6+.4*Math.abs(Math.cos((A+sA*j)/2));
wzs[j].x=Math.sin(A+sA*j)*180+wx;
wzs[j].alpha=sy;
wzs[j].scaleX=sx;
wzs[j].scaleY=sy;
}
A+=dx;
}
var wy:Number=200;
var A:Number=0;
var speed:Number=0.00015;
var sA:Number=0.4;
//定义数组
var wzs:Array = new Array();
//设置要旋转的文字</p> <p> var myText:String="中国教程网论坛互助学习交流平台";
for (var i:uint = 0; i < myText.length; i++) {
var mc:MC = new MC();
mc.x=wx;
mc.y=wy;
//取出每个字并放进数组
mc.mytext.text=myText.substr(i,1);
wzs.push(mc);
addChild(mc);
}
addEventListener(Event.ENTER_FRAME, enterframe);
function enterframe(e:Event):void {
for (var j:uint = 0; j < myText.length; j++) {
var xm:Number=mouseX;
var dx:Number = (xm-wx)*speed;
var sx:Number=.2+.8*Math.cos(A+sA*j);
var sy:Number = .6+.4*Math.abs(Math.cos((A+sA*j)/2));
wzs[j].x=Math.sin(A+sA*j)*180+wx;
wzs[j].alpha=sy;
wzs[j].scaleX=sx;
wzs[j].scaleY=sy;
}
A+=dx;
}
4、OK,测试,保存
以上就是Flash AS3代码打造简单的文字旋转效果过程,希望大家喜欢!
最后
以上就是诚心小霸王为你收集整理的Flash AS3代码打造简单的文字旋转效果的全部内容,希望文章能够帮你解决Flash AS3代码打造简单的文字旋转效果所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复