《打字效果》的制作方法
【实例说明】:
本例制作一个打字效果动画的效果。
【操作步骤】:
〖一〗、新建文档
- 单击“文件”/“新建”命令,创建一个新文档;
- 单击“修改”/“文档”命令;在“文档属性”对话框中设置“尺寸”为400×300,背景色为白色;单击“确定”按钮。
〖二〗、制作“背景层”
- 双击“图层1”;然后将其命名为“背景层”;
- 然后选择工具栏上的矩形工具随意在舞台上绘制一个矩形背景;可参照下面的背景图形:

3、选中该层的第4帧;按F5键插入“帧”;
〖三〗、制作“文字层”
- 单击时间轴上的添加新图层按钮,再添加一个新“图层2”;然后双击“图层2”将其命名为“文字层”;
- 选择工具栏上的文本工具;打开属性面板;选择“动态文本”、字体颜色选白色,并且将“单行”改为“多行”;然后选中该动态文本框,在变量名中命名为“text”;
然后随便输入一段文本信息;参照下图:

注意:请将动态文本框的大小稍微调的比文字稍微大一些,否则有可能有部分文本打不出来。
3、选中该层的第4帧;按F5键插入“帧”;
〖四〗、,创建“代码层”
- 单击时间轴上的“添加新图层”按钮,再添加一个新“图层3”;然后双击该将其命名为“代码层”
- 选中“代码层”的第1帧,添加如下代码:
texttemp = text;
text = "";
textlen = 1;
//首先将存储动态文本的变量text值赋给变量texttemp,然后将变量text赋值为空,并初始化保存文本长度的变量textlen为1.
function judge() {
if (Number(textlen)<=Number(length(texttemp)) and Number(textlen)<>0) {
text = texttemp.substr(0, textlen);
textlen = textlen+1;
} else {
textlen = 0;
}
}
//使用function定义了一个用户函数,函数名为judge(),judge()函数的作用是用来判断显示的文本是否已经完全,若未完成,则将显示长度加1,然后使用substr函数从texttemp中提取指定的长度的字符串,并将其赋值给动态文本存储变量text,用于显示.
- 选中“代码层”的第2帧;按键盘上的F7键插入“空白关键帧”;然后选中该帧添加如下代码:
judge();
//调用前面在第1帧脚本中定义的用户函数judge().
- 选中“代码层”的第4帧;按键盘上的F7键插入“空白关键帧”;然后选中该帧添加如下代码::
gotoAndPlay(2);
5、关于改变打字速度的说明:如果您想改变打字速度,可以将“代码层”的第4帧向前移动到第3帧(速度变快);也可以将第4帧向后移到第5帧(速度变慢);
〖五〗、最后按“Ctrl+Enter”组合键测试影片
|