资源简介

(共51张PPT)
项目五 制作简单交互课件
任务四 影片剪辑属性和多场景导航
——电磁感应课件
下面通过制作 “电磁感应”课件，为读者介绍影片剪辑属性函数的应用，以及利用时间轴控制函数实现多场景间跳转的方法。
“电磁感应”课件
（一）制作导航页
首先制作电磁感应课件导航页中的内容，具体步骤如下：
打开素材文档 创建“标题”图形元件
1.打开“电磁感应素材.fla”文件，会看到舞台中已经准备好了实验背景和实验仪器。
2.在“仪器”图层上新建两个图层，并将图层重命名为“文本”和“代码”，然后选择“文本工具” 在“文字”图层的舞台中输入标题文本，并将其转换为名为“标题”的图形元件。
创建按钮元件 设置按钮范围
3.将“文本工具” 的“大小”改为“22”，然后在“文本”图层的舞台中输入3行独立的文本，并分别将输入的文本转换为名为“实验目的”、“实验仪器”和“实验内容”的按钮元件。
4.双击舞台中的“实验目的”按钮元件实例，进入其编辑状态，然后在点击帧插入关键帧，再在舞台中绘制一个覆盖整个文字的矩形，并删除点击帧中的文本。
添加下划线
5.将“文本工具” 的“大小”改为“22”，然后在“文本”图层的舞台中输入3行独立的文本，并分别将输入的文本转换为名为“实验目的”、“实验仪器”和“实验内容”的按钮元件。
6.双击舞台空白区域返回主场景，然后参照步骤4~5的操作，编辑“实验仪器”和“实验内容”按钮元件。
（二）制作实验目的场景
下面，新建实验目的场景并编辑场景中的内容，具体步骤如下：
添加并重命名场景
1.选中所有图层的第1帧，然后在所选图层上右击，在弹出的快捷菜单中选择“复制帧”菜单。
2.选择“窗口”>“其他面”>“场景”菜单，打开“场景”面板，双击“场景1”的场景名称，将其重命名为“导航页”，再单击“添加场景”按钮 ，新建一个场景，并将其重命名为“实验目的”。
输入文本
创建“上一步”按钮元件
3.在“图层1”的第1帧上右击，在弹出的快捷菜单中选择“粘贴帧”菜单，然后删除“文本”图层中的所有内容，并使用“文本工具” 输入文本。
4.在“文字”图层上新建一个图层，并将其命名为“按钮”，然后在“按钮”图层的舞台上输入“返回”文本，再将其转换为名为“返回”的按钮元件。
编辑“返回”按钮元件
5.双击舞台中的“返回”按钮，进入其编辑状态，在指针划过帧、按下帧和点击帧插入关键帧，再在点击帧的舞台中创建一个覆盖整个文本的矩形。
（三）制作实验仪器场景
下面对实验仪器场景进行布局，并制作课件所需的素材，具体步骤如下：
创建“实验仪器”场景
1.打开“场景”面板，选中“实验目的”场景并单击“重制场景”按钮，将“实验目的”场景复制一份，并将复制的场景重命名为“实验仪器”。
输入文本 复制实验仪器
2.删除“文本”图层中的所有内容，然后使用“文本工具” 输入文本。
3.在“仪器”图层上方新建一个图层，并将其命名为“闪烁”，然后利用快捷键【Ctrl+C】和【Ctrl+Shift+V】，将“仪器”图层第1帧中的所有对象原位复制到“闪烁”图层的第1帧中。
创建“闪光电流表”影片剪辑
调整元件实例的色调
4.单击选中“闪烁”图层第1帧中的“电流表2”元件实例，然后按【F8】键将其转换为名为“闪光电流表”的影片剪辑。
5.双击舞台中的“闪光电流表”元件实例进入其编辑状态，在“图层1”的第5帧插入普通帧，在第2、3帧插入关键帧，然后选中第1帧中的“电流表2”元件实例，在“属性”面板中将“样式”设为“色调”，并调整色调参数，再按照相同的方法设置第3帧中“电流表2”元件实例的色调。
创建其他闪光影片剪辑
创建“仪器按钮”按钮元件
6.创建“闪光导线”、“闪光线圈A”、“闪光线圈B”、“闪光电阻”、“闪光电键”、“闪光蓄电池”、“闪光磁铁”、“闪光条形磁铁”和“闪光金属导体”影片剪辑，并在这些影片剪辑中制作闪烁动画。
7.在“按钮”图层中创建一个覆盖“磁铁”文本的矩形，并将其转换为名为“仪器按钮”的按钮元件。
创建透明按钮
复制按钮
8.双击舞台中的“仪器按钮”按钮元件实例进入其编辑状态，然后将弹起帧中的关键帧拖至点击帧处。
9.返回主场景，将“仪器按钮”按钮元件实例复制10份，并使用“任意变形工具” 调整其大小，使按钮覆盖舞台中的仪器名称文本。
（四）制作实验内容场景
下面制作实验内容场景中的实验动画效果，具体步骤如下：
创建“实验内容”场景 新建并重命名图层
1.在“背景”图层的第1帧上右击，在弹出的快捷菜单中选择“复制帧”菜单，然后打开“场景”面板，在“实验仪器”场景下方新建一个场景，并将其重命名为“实验内容”。
2.在“图层1”的第1帧上右击，在弹出的快捷菜单中选择“粘贴帧”菜单，然后在“背景”图层上方新建4个图层，并分别命名为“仪器”、“文本”、“按钮”和“代码”。
“切割磁力线”影片剪辑内部动画
3.将“库”面板“导体切割磁力线”文件夹中的“切割磁力线”影片剪辑拖至“仪器”图层的舞台中，此时双击舞台中的“切割磁力线”元件实例会看到其中是一段切割磁力线的动画效果。
拖入“实验解说”图形元件
4.返回主场景，将“库”面板“导体切割磁力线”文件夹中的“实验解说”图形元件拖至“文本”图层的舞台中。
添加按钮
创建实验一的渐显动画效果
5.右击“库”面板中的“返回”按钮元件，利用“直接复制”菜单创建一个“下一步”按钮元件，并对其进行编辑，再将“返回”和“下一步”按钮拖至“按钮”图层的舞台中。
6.在所有图层的第60帧插入普通帧，在“仪器”和“文本”图层的第15帧插入关键帧，然后在“仪器”和“文本”图层第1~15帧间创建传统补间动画，并将第1帧中“切割磁力线”影片剪辑实例和“实验解说”元件实例的“Alpha”值设为“0%”。
添加影片剪辑和图形元件
添加按钮
7.在“仪器”、“文本”和“按钮”图层的第16帧插入空白关键帧，然后将“库”面板“磁铁在圈中运动”文件夹中的“磁铁运动”影片剪辑拖至“仪器”图层第16帧的舞台中，再将“实验解说2”图形元件拖至“文本”图层第16帧的舞台中。
8.创建一个“上一步”按钮元件，再将“库”面板中的“返回”、“上一步”和“下一步”按钮元件拖至“按钮”图层第16帧的舞台中。
创建实验二的渐显动画
创建实验三的渐显动画
9.在“仪器”和“文本”图层的第30帧插入关键帧，然后参照步骤6的操作创建渐显动画。
10.在“仪器”和“文本”图层的第31帧插入空白关键帧，在“按钮”图层的第31帧插入关键帧，然后将“库”面板“同时运动”文件夹中的“同线圈一起运动”影片剪辑拖至“仪器”图层第31帧的舞台中，将“实验解说3”图形元件拖至“文本”图层第31帧的舞台中，并参照步骤6的操作在第31~45帧间创建渐显动画。
创建实验四的渐显动画
11.在“仪器”和“文本”图层的第46帧插入空白关键帧，在“按钮”图层的第46帧插入关键帧，然后将“库”面板“磁场变动”文件夹中的“闭合线圈”影片剪辑拖至“仪器”图层第46帧的舞台中，将“实验解说4”图形元件拖至“文本”图层第46帧的舞台中，并参照步骤6的操作在第46~60帧建创建渐显动画。
（五）添加ActionScript 2.0代码
下面通过添加ActionScript 2.0代码实现互动效果，具体步骤如下：
跳转场景
1.单击舞台右上方的“编辑场景”按钮，在展开的下拉列表中选择“导航页”选项，跳转到“导航页”场景。
2.选中“代码”图层的第1帧，为其添加“stop”语句。
为导航按钮添加代码
3.选中“文本”图层中的“实验目的”按钮实例，为其添加左图代码；选中“文本”图层中的“实验仪器”按钮实例，为其添加中图代码；选中“文本”图层中的“实验内容”按钮实例，为其添加右图代码。
为“返回”按钮添加代码 设置实例名称
4.跳转到“实验目的”场景，为“代码”图层的第1帧添加“stop”语句，再选中舞台中的“返回”按钮为其添加下图的代码。
5.跳转到“实验仪器”场景，选中舞台中的“闪光电流表”元件实例，在“属性”面板中将其“实例名称”设为“db”。
为“仪器按钮”按钮添加代码
6.将“闪光导线”元件实例的“实例名称”设为“dx”，将“闪光线圈A”元件实例的“实例名称”设为“xqa”，将“闪光线圈B”元件实例的“实例名称”设为“xqb”，将“闪光电阻”元件实例的实例名称”设为“bzq”，将“闪光电键”元件实例的“实例名称”设为“dj”，将“闪光蓄电池”元件实例的“实例名称”设为“xdc”，将“闪光磁铁”元件实例的“实例名称”设为“ct”，将“闪光条形磁铁”元件实例的“实例名称”设为“txct”，将“闪光金属体”元件实例的“实例名称”设为“jsdt”。
7.选中“磁铁”文本上方的“仪器按钮”按钮，然后在“动作”面板中为其添加代码。
8.为其他文本上方的“仪器按钮”按钮添加代码，以控制相应元件实例的可见性和播放。
9.跳转到“实验内容”场景，在“代码”图层的第15、30、45和60帧插入关键帧，并为这4个关键帧添加“stop”语句。
为关键帧添加代码
10.双击“仪器”图层第15帧舞台中的“切割磁力线”影片剪辑实例进入其编辑状态，然后在“代码”图层的第1、2帧上添加“stop”语句，为第15、30和45帧添加左图所示的代码。
为“导体按钮”按钮添加代码
为箭头按钮添加代码
11.选中“按钮”图层第1帧舞台中的“导体按钮”按钮，为其添加代码。
12.为“按钮”图层第2帧中的“左箭头”按钮添加左图所示的代码；为“右箭头”按钮添加中图所示的代码；为“上箭头”按钮添加右图所示的代码。
为“导体按钮”按钮添加代码
13.返回主场景，双击“仪器”图层第30帧舞台中的“磁铁运动”影片剪辑实例，进入其编辑状态，然后为“代码”图层第1、15、23和33帧添加“stop”语句。
14.选中“按钮”图层第1帧中的“导体按钮”按钮，为其添加左1图所示的代码；为第15帧中的“导体按钮”按钮添加左2图所示的代码；为第23帧中的“导体按钮”按钮添加右1图所示的代码；为第33帧中的“导体按钮”按钮添加右2图所示的代码。
为“导体按钮”按钮添加代码
15.返回主场景，双击“仪器”图层第45帧中的“同线圈一起运动”影片剪辑实例，为“代码”图层的第1、10和18帧添加“stop”语句。
16.选中“按钮”图层第1帧中的“导体按钮”按钮，为其添加左图所示的代码；为第10帧中的“导体按钮”按钮添加中图所示的代码；为第18帧中的“导体按钮”按钮添加右图所示的代码。
为“指针”影片剪辑实例添加代码
18.双击第60帧中的“闭合线圈”影片剪辑实例，进入其编辑状态，选中舞台中的“指针”影片剪辑实例，并将其“实例名称”设为“pin”，再将“滑块移动2”影片剪辑的“实例名称”设为“hk”，再为其添加代码。
17.返回主场景，选中“仪器”图层第60帧中的“闭合线圈”影片剪辑实例，并将其“实例名称”设为“bh”。
19.双击舞台中的“指针”影片剪辑，进入其编辑状态，然后为“代码”图层的第1、11和21帧添加“stop”语句。
为第8帧添加代码
20.返回“闭合线圈”影片剪辑的编辑状态，然后双击“电键移动”影片剪辑实例，进入其编辑状态，为“代码”图层的第1帧添加“stop”语句，为第8帧添加代码。
为第10和12帧添加代码
21.为“代码”图层的第10帧添加左图所示的代码；为第12帧添加右图所示的代码。
为第20帧添加代码
为第2和第10帧添加代码
22.为“代码”图层的第20帧添加代码。
23.返回“闭合线圈”影片剪辑的编辑状态，然后双击“滑块移动2”影片剪辑实例，进入其编辑状态，为“代码”图层的第2帧添加左图所示的代码；为第10帧添加右图所示的代码；再为第8帧和第16帧添加“stop”语句。
为“导体按钮”按钮添加代码
为“返回”按钮添加代码
24.双击“滑块”图层第1帧中的“滑块移动”影片剪辑实例，进入其编辑状态，然后选中“图层2”中的“导体按钮”按钮，为其添加代码。
25.返回主场景，为“按钮”图层第1、16、31和46帧中的“返回”按钮添加代码。
为“下一步”按钮添加代码
26.为“按钮”图层第1帧中的“下一步”按钮添加左图所示的代码；为第16帧中的“下一步”按钮添加中图所示的代码；为第31帧中的“下一步”按钮添加右图所示的代码。
为“上一步”按钮添加代码
27.为“按钮”图层第16帧中的“上一步”按钮添加左图所示的代码；为第31帧中的“上一步”按钮添加中图所示的代码；为第46帧中的“上一步”按钮添加右图所示的代码。
28.最后保存文档，并测试课件效果。
（六）补充学习
——影片剪辑的属性和事件函数以及条件语句
一、影片剪辑属性
影片剪辑属性是指舞台上的影片剪辑实例属性。制作课件时，利用动作脚本设置影片剪辑实例的属性，能让它们在播放过程中自身产生变化，从而制作出多姿多彩的特效。下面是一些常用的影片剪辑属性：
_alpha：影片剪辑实例的透明度。有效值为0（完全透明）到100（完全不透明）。默认值为100。例如：js.._alpha=30;，表示将“js”实例的透明度设置为30%。
_rotation：影片剪辑实例的旋转角度（以度为单位）。从0到180的值表示顺时针旋转，从0到﹣180的值表示逆时针旋转。不属于上述范围的值将与360相加或相减以得到该范围内的值。例如：语句js._rotation=450;与js._rotation=90;相同。
_visible：确定影片剪辑实例的可见性，当影片剪辑实例的_visible值是true（或者为1）时，实例可见；当实例的_visible的值是false（或者为0）时，实例不可见。
_height：影片剪辑实例的高度（以像素为单位）。例如：js._height=40;，表示将“js”实例的高度设置为40像素。
_width：影片剪辑实例的宽度（以像素为单位）。例如：js._width=50;，表示将“js”实例的宽度设置为50像素。
_xscale：影片剪辑实例的水平缩放比例。例如：js._xscale =60;，表示将“js”实例的宽度缩小为原来的60%。
_yscale：影片剪辑实例的垂直缩放比例。例如：js._yscale =80;，表示将“js”实例的高度缩小为原来的80%。
_x：影片剪辑在舞台上的x坐标（整数，以像素为单位），例如zh._x=120;，表示将“zh”实例在舞台上的x坐标变为120。
_y：影片剪辑在舞台上的y坐标（整数，以像素为单位）。例如zh._y=240;，表示将“zh”实例在舞台上的y坐标变为240。
二、影片剪辑控制函数
影片剪辑控制函数是用于控制影片剪辑的命令语句，在“动作”面板中展开“全局函数”>“影片剪辑控制”，可以看到Flash内置的影片剪辑控制函数。
影片剪辑控制函数
1．duplicateMovieClip();
duplicateMovieClip语句的作用是复制影片剪辑，它经常被用于制作下雨、下雪等效果。其语法格式为：
duplicateMovieClip（目标，新名称，深度）；
相关参数的意义如下：
目标：要复制的影片剪辑的名称和路径。
新名称：复制后的影片剪辑实例名称。
深度：被复制影片剪辑的堆叠顺序编号。每个复制的影片剪辑都必须设置唯一的深度，否则后来复制的影片剪辑将替换以前复制的影片剪辑，新复制的影片剪辑总是在原影片剪辑的上方。
例如，在主场景时间轴上有一个名称为bin的影片剪辑实例，如果要在动画播放到第50帧时复制出一个该影片剪辑实例，可在第50帧插入关键帧，并输入如下脚本：
duplicateMovieClip("bin","bin2",2);
2．getProperty();
getProperty语句用于获取某个影片剪辑实例的属性。常用于动态地设置影片剪辑实例属性，格式为：
getProperty("目标"，属性);
相关参数的意义如下：
目标：被取属性的影片剪辑实例名称。
属性：取得何种属性。例如：
setProperty("_root.bm",_x, getProperty("_root.js",_x));
表示将影片剪辑实例js的x坐标设置为实例bm的x坐标。或者说，取得影片剪辑实例js的横坐标值，并把这个值作为bm的横坐标值。
3．onClipEvent ();
在影片剪辑实例上添加动作脚本命令语句时，必须先为其添加onClipEvent事件处理函数。onClipEvent函数的语法格式为：
onClipEvent (系统事件) {
此处是语句，用于响应事件
}
Load：载入影片剪辑时，启动此大括号里的动作。
unload：在时间轴中删除影片剪辑实例之后，启动大括号里的动作。
enterFrame：只要影片剪辑在播放，便会不断地启动大括号里的动作。
mouseMove：每次移动鼠标时启动动作。
mouseDown：当按下鼠标左键时启动动作。
mouseUp：当释放鼠标时启动动作。
keyDown: 当按下某个键时启动动作。
keyUp：当释放某个键时启动动作。
Flash中系统事件主要有以下几种。
4．setProperty();
setProperty语句用于设置影片剪辑属性，格式为：
setProperty("目标",属性,值);
相关参数的意义如下：
目标：需要设置属性的影片剪辑实例路径和实例名。
属性：要设置的影片剪辑属性，例如透明度、可见性、放大比例等。
值：属性对应的值。例如：
setProperty(“_root.js.js1”, _alpha, 40);
表示把实例js的子实例js1的透明度设置为40%。
5．removeMovieClip();
removeMovieClip语句用于删除用duplicateMovieClip语句复制的影片剪辑实例，其格式为：
removeMovieClip("复制的影片剪辑实例路径和名称");
名称：要托拽的影片剪辑实例名称和路径。
锁定：表示拖动时中心是否锁定在鼠标，ture表示锁定，false表示不锁定。
左、上、右、下：设置拖拽的范围，注意该范围是相对于未被拖动前的影片剪辑实例而言。
6．startDrag();
startDrag语句用于在播放动画时，拖拽影片剪辑实例，格式为：
名称.startDrag(锁定, 左,上,右,下);
相关参数的意义如下：
除名称外，后面几个参数可以设置，也可以不设置。例如：js.startDrag();，表示可以任意拖动当前场景中的js实例。
7．stopDrag();
stopDrag语句用于停止拖动舞台上的影片剪辑实例，格式为：
stopDrag();
三、认识if条件语句
条件语句用于决定在特定情况下才执行某些指令，或针对不同的条件执行具体的动作。if...else语句是最重要的条件语句之一，主要应用于一些需要对条件进行判断的场合，其使用方法如下。
如果条件表达式为true（真），执行流程a；若为false（假），则执行流程b。
if（条件表达式）{
流程a
}else{
流程b
}
例如：
if (a < 100){
a < b;
}else{
a > b;
}
这段代码的意思是如果a小于100，则a小于b，否则a大于b。
设置第5张幻灯片
4.在“幻灯片”图层的第5帧处插入空白关键帧，在“辅助线”引导层插入普通帧，然后将“库”面板中的“民居.jpg”图像素材拖至舞台中，并调整其大小和位置，再在舞台中创建图形和文本。
5.最后返回主场景，并保存文档，至此实例就完成了。

展开更多......

收起↑