教你做'通关密语测试'案例

2023-11-17 理论教育版权反馈

【摘要】：图7.18 通关密语测试效果图1.设置“文档属性”启动Adobe Flash CS6后，新建一个文档，设置文档大小为550×309像素，背景为白色。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“通关密语测试”。图7.24 元件实例命名Step6 选择“内容”层的第3帧，插入空白关键帧。输入静态文本“Sorry！通关密语错误”，并将“库”面板中的图片“mm2.jpg”拖至舞台，放置在该文本的下面。图7.26 帧标签的更改Step7新建图层3，将其重命名为“actionscript”。

【案例概述】

本案例是使学习者输入数据，使用if语句来进行数据比对，并根据比对结果将影片播放头跳转到不同的帧上。当输入数据正确时，则可以通过单击不同的颜色色块更改衣服的颜色。通过本案例的学习，读者可以掌握文本框的相关知识，if…else和switch…case语句的使用。效果如图7.18所示。

图7.18 通关密语测试效果图

1.设置“文档属性”

启动Adobe Flash CS6后，新建一个文档，设置文档大小为550×309像素，背景为白色。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“通关密语测试”。

图7.19 素材图片

2.导入背景图片

执行“文件”→“导入”→“导入到库”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的图片“背景1.jpg”、“背景2.jpg”、“mm1.jpg”、“mm2.jpg”，再次单击“打开”按钮，导入所需的背景图片如图7.19所示。

3.制作所需元件

Step1 新建“按钮”元件默认命名为“元件1”，在“弹起”帧处使用“矩形”工具创建一个如图7.20所示的正方形，并更改为颜色为“#0x006600”，选择该矩形，使用对齐工具，勾选“与舞台对齐”，使该矩形与舞台在水平和垂直方向上对齐。

使用该方法，再次创建3个按钮元件如图7.21所示，颜色分别为#0xFF0000、#0x0000FF、#0xFF9900。

图7.20 元件1

图7.21 按钮元件

Step2 新建“影片剪辑”元件，命名为“cloth_mc”，使用“钢笔”工具绘制出如图7.22所示的衣服，并把衣服的颜色设置为#0xFF0000。

4.布置主场景

Step1 返回主场景，双击“图层1”重命名为“背景”。将“库”面板中的图片“背景1.jpg”拖入到舞台，使其与舞台中心对齐。

Step2 在第2帧处插入空白关键帧，将“库”面板中的图片“背景2.jpg”拖入到舞台，使其与舞台中心对齐，并在第3帧处插入帧。

Step3 新建图层2，重命名为“内容”。右键单击第1帧，插入空白关键帧。使用“文本工具”输入静态文本“请输入通关密语：”，并拖动出一个文本框，在属性面板中将其设置为“输入文本”，如图7.23所示。(www.chuimin.cn)

设置静态本文和输入文本框的文字大小为20，并调整好位置。

图7.22 影片剪辑元件

图7.23 文本的属性面板

Step4 插入按钮。执行“窗口”→“公用库”→“Buttons”菜单命令，打开“外部库”对话框，根据个人喜好，选择并插入一个按钮，放至输入文本框的后，在属性面板中将其实例命名为“ent_btn”。

Step5 选择“内容”层的第2帧，插入空白关键帧。将“库”面板中的影片剪辑元件“cloth_mc”、按钮“元件1-4”拖入到舞台，并摆放好位置，在颜色按钮的下面输入静态文本“单击色块可以改变衣服颜色哦！”以作为提示。在舞台的左上角输入静态文本“Right！恭喜过关”，并将“库”面板中的图片“mm1.jpg”拖至舞台，放置在该文本的下面。

在属性面板中，将影片剪辑元件“cloth_mc”实例命名为“cloth_mc”，四个按钮元件实例命名为“a_btn”、“b_btn”、“c_btn”、“d_btn”，如图7.24所示。