资源简介

(共22张PPT)
项目六 制作复杂交互课件
任务一 制作“正弦曲线”课件
下面通过制作正弦曲线课件，为读者介绍利用Flash的交互功能制作各种函数曲线动态演示课件的方法。
正弦曲线”课件
（一）准备课件素材
下面首先准备制作正弦曲线课件所需的素材，具体步骤如下：
新建并重命名图层
2.在“图层1”上方新建6个图层，并将图层分别命名为“底图”、“坐标轴”、“小球”、“按钮”、“文本”、“输入文本”和“代码”。
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
创建“坐标轴”图形元件
3.使用“线条工具” 在“坐标轴”图层中创建水平坐标轴和垂直坐标轴，并将其转换为名为“坐标轴”的图形元件。
创建“小球”影片剪辑
创建“播放”、“暂停”和“重置”按钮
4.使用“椭圆工具” 在“小球”图层创建一个正圆形，然后为其填充由黄色（#FFFF00）到橘黄色（# FF3300）再到橙黄色（# FF9900）的放射状渐变，并删除正圆的轮廓线，再将其转换为名为“小球”的影片剪辑。
5.在“按钮”图层中创建“播放”、“暂停”和“重置”按钮。
（二）创建静态和输入文本
下面创建课件中所需的静态文本和输入文本，具体操作如下：
输入标题文本 输入其他文本
1.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，“系列”设为“黑体”，“大小”设为“50”，“颜色”设为白色，然后在“文本”图层舞台左下方输入标题文本，并为其添加“投影”滤镜。
2.将“文本工具” 的“系列”改为“隶书”，“大小”改为“40”，然后在“文本”图层舞台左上方输入文本，并为其添加“投影”滤镜。
创建矩形
创建输入文本
3.在“文本”图层舞台左上方的三行文本右侧分别创建一个黑色轮廓白色填充的矩形。
4.将“文本工具” 的“文本类型”设为“输入文本”，“系列”设为“Arial”，“大小”设为“40”，“颜色”设为黑色，然后分别在“输入文本”图层三个矩形的上方按住鼠标左键并拖动创建文本框。
（三）添加ActionScript 2.0代码
下面通过为关键帧和按钮添加ActionScript 2.0代码，实现正弦曲线课件的动态演示效果，具体步骤如下：
设置输入文本的变量 设置“小球”影片剪辑实例的名称
1.选中舞台中“周期”文本右侧的输入文本，在“属性”面板中将其“变量”设为“t”；再利用相同的方法将“振幅”右侧输入文本的“变量”设为“a”，将“向位”文本右侧的输入文本的“变量”设为“f”。
2.将舞台中的“小球”影片剪辑实例移至坐标轴的中心位置，并将其“实例名称”设为“ball”。
为第1帧添加代码
3.将在所有图层的第3帧插入普通帧，在“代码”图层的第2、3帧插入关键帧，然后为“代码”图层的第1帧添加代码。
为第2帧添加代码
4.为“代码”图层的第2帧添加代码。
为第3帧添加代码
为“播放”按钮添加代码
5.为“代码”图层的第3帧添加代码。
6.选中舞台中的“播放”按钮，然后为其添加代码。
为“暂停”按钮添加代码
为“重置”按钮添加代码
7.选中舞台中的“暂停”按钮，然后为其添加代码。
8.选中舞台中的“重置”按钮，然后为其添加代码。
9.保存文档，并按快捷键【Ctrl+Enter】测试课件的播放效果。
任务二 制作课件Loading
下面通过制作课件Loading，为读者介绍利用ActionScript 2.0制作课件Loading的方法。
课件Loading
（一）制作Loading场景
一般情况下Loading都是放在一个单独的场景中，这样可以使课件的结构更加清晰，也更便于添加代码。下面为课件创建Loading场景，并制作Loading的画面，具体步骤如下：
创建“Loading”场景
1.打开 “电磁感应.fla”文档，选择“窗口”>“其他面板”>“场景”菜单，在打开的“场景”面板中创建一个新场景并将其命名为“Loading”，再将其移至所有场景上方。
新建并重命名图层
2.在“Loading”场景中导入 “封面.jpg”图像素材，并在“属性”面板中将其“x”和“y”坐标都设为“0”。
3.在“图层1”上方新建4个图层，并分别将图层重命名为“底图”、“文本”、“动态文本”、“进度条”和“代码”。
创建“进度条”影片剪辑
4.在“进度条”图层的舞台下方创建一个矩形，并为其填充由橘黄色（#FF3300）到黄色（#FFFF00）再到橘黄色（#FF3300）的线性渐变，然后删除矩形的轮廓线，再将其转换为名为“进度条”的影片剪辑。
（二）创建静态和动态文本
下面在“Loading”场景中创建静态文本和动态文本，具体操作如下：
创建静态文本
1.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，将“系列”设为“微软雅黑”，将“大小”设为“30”，将“颜色”设为白色，然后在“文本”图层创建文本，并为其添加“投影”滤镜。
创建动态文本
2.在“属性”面板中将“文本工具” 的“文本类型”设为“动态文本”，将“系列”设为“Arial”，然后在“动态文本”图层中按住鼠标左键并拖动，创建4个动态文本，并为其添加“投影”滤镜。
（三）添加ActionScript 2.0代码
下面为动态文本设置变量，并为关键帧添加ActionScript 2.0代码，实现课件Loading的加载效果，具体操作如下：
设置动态文本的变量
1.选中舞台中“课件大小”右侧的动态文本，在“属性”面板中将其“变
量”设为“totalB” ；再将“KB”文本左侧动态文本的“变量”设为“KB”，将“目前加载的字节”文本右侧动态文本的“变量”设为“loadB”，将“%”文本左侧动态文本的“变量”设为“percent”。
设置实例名称
为第1帧添加代码
2.选中舞台中的“进度条”影片剪辑实例，在“属性”面板中将其“实例名称”设为“jd”。
3.在所有图层的第3帧插入普通帧，在“代码”图层的第2、3帧插入关键帧，然后为“代码”图层的第1帧添加代码。
为第2帧添加代码
4.为“代码”图层的第2帧添加代码。
5.为“代码”图层的第3帧添加代码。
为第3帧添加代码
（四）测试Loading效果
制作好课件Loading后，下面来测试Loading的效果。由于在本地计算机中不管课件的容量多大，都不需要多少时间装载，因此很难看清Loading画面，此时需要进行一些设置，来模拟课件在网络中的装载状况，具体步骤如下：
设置模拟网络环境
1.保存文档，并按快捷键【Ctrl+Enter】测试课件效果，首先在预览窗口中
选择“视图”>“宽带设置”菜单，然后选择“视图”>“下载设置”>“DSL（32.6KB/s）”菜单。
2.选择“视图”>“模拟下载”菜单，然后再次按快捷键【Ctrl+Enter】，即可看到Loading效果。

展开更多......

收起↑