资源简介

(共17张PPT)
项目六 制作复杂交互课件
任务三 制作“计算顶点间距”课件
下面通过制作计算顶点间距课件，为读者介绍利用ActionScript 2.0代码绘制连线，并计算顶点间距的方法。
“计算顶点间距”课件
（一）制作课件场景
首先制作课件场景，具体步骤如下：
新建并重命名图层
2.在“图层1”上方新建5个图层，并分别将图层重命名为“底图”、“线条”、“顶点”、“文本”、“动态文本”和“代码”。
1.新建一个Flash文档，将场景大小设为800 600像素，然后将“底图.jpg”图像素材导入到舞台中，并将其“x”和“y”坐标都设为“0”。
设置线条的巡航杜和坐标
3.在“图层1”上方新建5个图层，并分别将图层重命名为“底图”、“线条”、“顶点”、“文本”、“动态文本”和“代码”。
创建“O点”影片剪辑
输入文本
4.在“顶点”图层的舞台中创建一个红色的正圆形，并删除其轮廓线，然后将其转换为名为“O点”的影片剪辑。
5.双击舞台中的“O点”影片剪辑实例，进入其编辑状态，选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，将“系列”设为“Arial”，将“大小”设为“20”，将“颜色”设为黑色，然后在正圆的右下角输入“O”。
创建透明正圆
创建“A点”和“P点”影片剪辑
6.在“图层1”上方新建“图层2”，再将“图层2”拖至“图层1”下方，然后在“图层2”中创建一个比红色正圆和文本略大的正圆形，并将其填充颜色的“Alpha”值设为“0%”，再删除其轮廓线。
7.利用“直接复制”命令，再创建一个“A点”和一个“P点”影片剪辑，并修改影片剪辑中的文本。
设置影片剪辑实例坐标并绘制连线
8.将“A点”和“P点”影片剪辑拖至“顶点”图层的舞台中，然后将“O点”影片剪辑实例的坐标设为（500,455），将“A点”影片剪辑实例的坐标设为（320,455），将“P点”影片剪辑实例的坐标设为（500,250），再在“线条”图层中绘制O点到P点的连线。
（二）创建静态和输入文本
下面创建课件中的静态文本和输入文本，具体步骤如下：
创建标题文本
1.选择“文本工具” ，在“属性”面板中将“文本类型”设为“静态文本”，将“系列”设为“隶书”，将“大小”设为“60”，将“颜色”设为白色，然后在“文本”图层中输入标题文本，并为其添加“投影”滤镜。
输入文本并创建矩形 创建动态文本
2.将“文本工具” 的“系列”设为“Arial”，将“大小”设为“20”，将“颜色”设为黑色，然后在“文本”图层舞台的左上角输入文本，并创建一个覆盖所创建文本的白色矩形。
3.将“文本工具” 的“文本类型”设为“动态文本”，将“系列”设为“Bookman Old Style”，然后在“动态文本”图层的舞台中按住鼠标左键并拖动，创建动态文本。
（三）添加ActionScript 2.0代码
下面为影片剪辑实例和关键帧添加代码，实现计算顶点间距课件的交互效果，具体步骤如下：
　　　　　　
设置动态文本的变量 设置影片剪辑实例的实例名称
1.选中创建的动态文本，在“属性”面板中将其“变量”设为“pa”。
2.选中“O点”影片剪辑实例，在“属性”面板中将其“实例名称”设为“O”；再参照相同的操作将“Ａ点”影片剪辑实例的“实例名称”设为“Ａ”，将“Ｐ点”影片剪辑实例的“实例名称”设为“Ｐ”。
为“A点”影片剪辑实例添加代码
3.选中舞台中的“A点”影片剪辑实例，然后在“动作”面板中为其添加代码。
添加用于绘制线段的代码
4.选中“代码”图层的第1帧，并为其添加代码。
添加用于计算顶点距离的代码
5.继续在“动作”面板中为第1帧添加代码。
6.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果.
（四）任务所用函数详述
1．onEnterFrame()函数
onEnterFrame()函数的作用是循环执行，例如在某个关键帧上添加如下代码：
onEnterFrame = function(){
程序语句
}
表示在加载该帧时循环执行大括号中的程序。
2．createEmptyMovieClip()函数
createEmptyMovieClip()函数用于创建空白影片剪辑，例如本任务中的：
this.createEmptyMovieClip("xiantiao",0);
表示在主时间轴创建一个实例名称为“xiantiao”的影片剪辑实例，深度为0。
3．lineStyle()函数
lineStyle()函数用于绘制线条，其格式为：
lineStyle(粗细,颜色,透明度);
lineStyle()函数一般会和moveTo()及lineTo()函数配合使用，其中moveTo()函数用于确定线条的起点坐标，lineTo()函数用于确定线条的终点坐标。
为“后退”按钮添加代码 为“重新”按钮添加代码
9.选中舞台中的“后退”按钮，然后为其添加左图所示的代码；选中“重新”按钮，为其添加右图所示的代码。
10.最后保存文档，并按快捷键【Ctrl+Enter】测试课件效果。

展开更多......

收起↑