Flash 8中文版实用教程 第2版 作者 李如超 09.pptVIP

4、加入展示用汽车图片元件。 （1）在所用图层的第13帧插入帧，然后在“图片0-9”图层和“图片10-19”图层的第4帧插入空白关键帧，时间轴状态如图9-42所示 。 图9-42 时间轴状态 （2）在“图片0-9”图层之上新建一个图层并重命名为“汽车简介”图层。 （3）在“汽车简介”图层的第4帧插入空白关键帧，将【库】面板中的“图片0”元件拖动舞台中。 （4）在【属性】面板中锁定其宽高比，设置其高为“400”，位置坐标y为“125”，如图9-43所示，效果如图9-44所示。 图9-43 设置元件的高和位置坐标y 图9-44 最终效果 这里设计的页面的主要用途是展示汽车的信息，读者也可发挥创意，对页面进行丰富，比如在图片两侧加一些说明文字。 （5）重复前两个步骤，依次在“汽车简介”图层的第5帧～第13帧插入空白关键帧，并依次将【库】面板中的元件“图片1”～“图片9”拖入舞台，设置其高为“400”，坐标y为“125”，并相对于舞台左右居中对齐，完成后的时间轴状态如图9-45所示。 图9-45 时间轴状态 5、添加帧控制代码。 1、在“标题”图层之上新建一个图层并重命名为“AS代码”图层。 2、选中“AS代码”图层的第1帧，按F9?键打开【动作－帧】面板，输入控制代码。 在教学素材的“素材\综合实训\汽车网站\控制代码.txt”中提供了本案例的主要代码。 （3）在“AS代码”图层第2帧处插入空白关键帧，按F9?键打开【动 作－帧】面板，输入控制代码 。 要实现旋转效果，需要使用相关数字函数进行计算，所涉及的算法在这里不作详细介绍。读者可自行研究或者在此基础上发挥创意，用另外的算法实现不同的效果 。 （4）在“AS代码”图层第3帧处插入空白关键帧，按F9?键打开【动 作－帧】面板，输入控制代码。 6、添加“图片0-9”图层中元件上的控制代码。 （1）选中“图片0-9”图层中的“图片0”元件，按F9?键打开【动作－按钮】面板，输入控制代码。 （2）重复前一个步骤，在“图片0-9”图层的“图片1”元件上添加控制代码。 （3）在“图片0-9”图层的“图片2”元件上添加控制代码。 （4）在“图片0-9”图层的“图片3”元件上添加控制代码。 （5）在“图片0-9”图层的“图片4”元件上添加控制代码。 （6）在“图片0-9”图层的“图片5”元件上添加控制代码。 （7）在“图片0-9”图层的“图片6”元件上添加控制代码。 （8）在“图片0-9”图层的“图片7”元件上添加控制代码。 （9）在“图片0-9”图层的“图片8”元件上添加控制代码。 （10）在“图片0-9”图层的“图片9”元件上添加控制代码。 7、添加“汽车简介”图层中元件上的控制代码。 （1）选中“汽车简介”图层第4帧中的“图片0”元件，按F9?键打开【动作－按钮】面板，输入控制代码。 （2）重复前一个步骤，依次选中“汽车简介”图层第5帧～第13帧上的元件，在其上添加相同的控制代码 （3）保存并测试影片，一个具有三维旋转效果的汽车展示网站便制作完成。 案 例 小 结 本案例通过制作“汽车网站”的效果，讲述了如何使用代码实现对图片的动画制作，从而实现动态的三维 图片旋转效果。 【综合实训四】——制作“丛林贪吃蛇” 【设计效果】 本案例将应用Flash来制作一个经典的小游戏——贪吃蛇，其制作思路及效果如图9-46所示 。 图9-46 制作思路及效果 制作开始界面 制作游戏场景 设置元件实例名称 创建控制元件和失败提示 游戏效果图 游戏失败界面 【操作步骤】 1、布置舞台。 （1）新建一个Flash文档。 （2）选择【文件】\【导入】\【打开外部库】命令，将教学素材中的“素材/综合实训/丛林贪吃蛇/丛林贪吃蛇.fla”文件打开。 （3）用鼠标右键单击【库】面板中的“吃掉”音频文件，声音属性的具体设置如图9-47所示。 （4）使用【库】面板中的元件搭建如图9-48所示的舞台效果，并在【属性】面板中设置“开始按钮”的【实例名称】为“bStart”。 图9-47 设置声音属性 图9-48 导入元件 将“背景”元件拖入舞台后，需要对其宽高和位置进行设置，使其能刚好覆盖整个舞台。而其他元件可以根据读者的艺术欣赏自行放置 。 （5）在默认“图层1”的第2帧处插入空白关键帧，然后在第2帧利用【库】面板中的元件和【文字】工具布置舞台，如图9-49所示，并在【属性】面板中设置“食物”、“蛇头”、“蛇身”元件的【实例名称】分别为“food”、“head”、“body”；设置“动态文本框”的【变量名】为“score”。 图9-49 布置第2帧处的舞台 使用“墙”元件构建矩形框时，请注意按照图9-49