Authorware 基础 移 动图标 -电脑资料

时间:2012-04-06 04:40:12
染雾
分享
WORD下载 PDF下载 投诉

1.6.1Authorware的移动图标有几种

运动方式

在多媒体软件的展示效果中,动画往往比静止的文字和图片更具表达力,

Authorware 基础 移 动图标

。Authorware提供的移动图标可以控制演示窗口中的某些对象按照指定的路径移动,从而产生动画效果。移动图标本身并不能运动,也不能载入文本、图像和图形等对象,它只能以显示图标中的显示对象(如文本、图形和图像等)为移动对象。因此,在导入移动图标时,必须同时有显示图标为其提供可移动的对象,并且流程线上的移动图标位于显示图标的下方。另外,Authorware一次只能控制一个显示图标中的对象的移动,如果要用不同方式移动多个对象,则应将这些对象放在不同的显示图标中。移动图标主要是通过控制若干对象按照预先设置的路径运动而产生动画效果。根据移动图标移动对象方式路径的控制方式,移动图标的移动方式可以分为以下五种。

l固定终点的移动

l沿直线到直线上的任意点的移动。

l到平面内的任意点的移动。

l沿路径到终点的移动。

l沿路径到路径上的任意点的移动。

另外,还有一种特殊的移动方式,即基于层的动画。这几种方式如果配合得好的话,可以产生非常丰富的动画效果。

1.6.2升旗——点到点的移动

指向固定终点的移动是五种运动方式中最为简单的,它创建的是直接从一点运动到目标点的动画。为了说明这种移动方式,我们制作一个升旗程序。

操作步骤介绍如下。

1)单击新建图标新建一个文件,拖动一个显示图标到流程线上,命名为“旗杆”。双击显示图标,在“演示窗口”中用直线绘制旗杆和地面。改变一下线的粗细、颜色和为旗杆添加一个向上的箭头。

用同样的方法,再新建一个名为“红旗”的显示图标,用矩形绘制一面红旗。把矩形的线条和填充色都变为红色。因为移动的对象只有一面红旗,所以应该把红旗放在一个独立的显示图标中。为了红旗和旗杆的位置摆放合理,可以先双击上面的旗杆图标,显示出画有旗杆的演示窗口,然后按住【Shift】键,双击红旗图标,这时本来在不同的显示图标中的红旗和旗杆就放在同一个演示窗口中了,用户可以轻松地调整它们的位置。

2)拖动一个移动图标到程序线上,将其命名为“升旗”,此时的程序流程图如图1-3所示。

图1-3升旗程序流程图

3)双击升旗移动图标,单击红旗图标内的红旗载入移动对象,此时在“移动属性”对话框左上角的对象窗口中呈现出红旗的缩略图,然后设置其移动属性。在属性下拉列表中选择“指向固定点”,其他属性采用默认值。然后回到“演示窗口”,把红旗拖到适当的位置。

单击工具栏上的【播放】按钮,可以看到红旗从起始点一直上升到终点,这就是固定终点的移动方式。

1.6.3弹跳的小球——沿路径到终点的移动

在某些情况下,若希望显示对象能按照同一个轨迹周而复始地移动,就需要用到“指向固定路径的终点”,沿路径到终点的移动是最灵活的一种移动方式,它控制对象沿设置路径运动到终点。路径可以是包含拐角和曲线的复杂路径。关于这种移动方式,我们以弹跳的小球为例。

操作步骤介绍如下。

1)打开一个新的程序文件,拖动一个显示图标到流程线上,命名为“小球”。并在“演示窗口”中绘制一个简单的小球图形,并设置小球的填充色。

2)拖动一个移动图标到流程线上,命名为“弹跳”。双击移动图标,打开“移动属性”对话框。将小球导入移动图标作为移动对象,选择“指向固定路径的终点”移动方式。单击小球,这时小球中间出现一个黑色的三角形,这是路径的起始点。拖动对象(注意不要拖动黑色的三角形)建立一个关键点(圆形或三角形)。也可以将移动对象拖动目标位置,然后编辑路径,即拖动一个关键点到适当位置。在编辑过程中显示一条线,表示移动对象的路径,单击路径上的任一点可添加关键点。三角符号关键点设置直线路径,圆形符号设置弧形路径。双击圆形符号转换为三角符号,双击三角符号转换为圆形符号。图1-4所显示的就是一条路径。

图1-4路径图

3)设置完路径后,还需对“移动属性”对话框做一些设置。双击移动图标打开“移动属性”对话框。在属性对话框中,要将“同步”做以下设置。

l等待直到移动结束:移动图标执行结束后,程序继续执行。

l同步:启动移动图标,系统自动同步执行流程线上后面的图标。

l永久:不自动删除移动对象,必须用清除图标删除。

在此程序中,我们选择了“同时”项,时间设为2秒,流程图如图1-5所示。

图1-5弹跳的小球流程图

到此,该程序己全部完成了。你现在可以单击工具栏上的【播放】按钮,看看效果了。

技巧:如在“移动当”中输入数值1,这时小球会不停地重复运动。

1.6.4移动的小球——沿路径到路径上的

任意点的移动

沿路径定位移动是基于常量、变量或表达式的返回值确定运动终点的一种移动方式。可以生成反映某种状态变化过程的动画效果。该方式也需要定义一段路径,方法与“指向固定路径的终点”方式类似。区别是使用这种方式必须在“目标”文本框内输入一个数值或表达式确定移动对象的终点位置。下面举一个简单的例子说明一下这种移动方式。

操作步骤介绍如下。

1)新建一个程序文件,拖动一个显示图标到流程线上,命名为“小球”,并在“演示窗口”中绘制一个简单的小球图形,并设置小球的填充色。

2)拖动一个移动图标到流程线上,命名为“移动”。双击移动图标打开“移动属性”对话框,单击小球导入移动图标作为移动对象,移动方式选择“指向固定路径上的任意点”。

3)在“目标”文本框中输入一个数值,利用该数值所占&ld

quo;基点”和“终点”的比例决定移动路径的目标位置,

电脑资料

《Authorware 基础 移 动图标》()。移动路径的总长度为100-0=100,上面所示的目标位置为距离初始位置60处。若“基点”、“终点”和“目标”的值分别为10、90、40,则移动路径的总长度为90-10=80,目标位置为距离初始位置40-10=30处。从中可以看到,这三项只提供一个比例关系,决定目标位置,但不改变路径。当然,路径也可以是曲线或拐角,系统也同样可以确定移动对象的目标位置。

这个程序中我们设置时间为2秒,其他可采用默认值设置。运行程序,可发现“小球”沿移动路径向定义的目标移动。根据“目标”中的值不同,“小球”将会停在不同的位置。以后我们可在其内输入一个变量或表达式来控制小球的运动位置。

[1][2]下一页

1.6.5指向直尺上的某刻度——沿直线到直线上的任意点的移动沿直线到直线上的任意点的移动是基于常量、变量或表达式的返回值确定运动终点的移动方式,它从演示窗口中的当前位置(初始)移动对象到指定的一条直线路径上的指定点。如果对象本身位于该直线上,则沿这条路径运动到指定(终止)位置。指定位置是由常量、变量或表达式的返回值确定的位置。下面做一个直尺的示例,来理解这种运动方式。

操作步骤介绍如下。

1)打开一个新的程序文件,拖动一个显示图标到流程线上,命名为“直尺”,在演示窗口中绘制出一把直尺的图形。这个图中关键是如何绘制较精确的刻度线和标注数字刻度。

技巧:首先用绘图工具箱上的直线工具画一根垂直的线段,再画一根水平的短线。用选择工具选中水平的短线,单击工具栏上的「复制」按钮,再连续单击「粘贴」按钮9次,这样就得到了10根一样长短的水平短线,选中最上边一根,用鼠标拖动改变它的位置,使它的高度与开始画的垂直线上端相齐,再选中最下边的那根水平线,使它的高度与开始画的垂直线下端相齐,其余8根线的高度只要在刚才两根之间就行了。用选择工具或按下「Shift」键,用鼠标单个单击即可同时选中10根水平线。再单击「修改」→「排列」菜单或按「Ctrl+Alt+K」快捷键,打开“排列”面板,单击“左对齐”面板使线段左对齐,再单击使线段垂直方向等间距。在保证10根线都选中的同时,用键盘上的方向键(也可用鼠标)调整它们的位置,使之与垂直线相齐,这样刻度线就做好了。再用文本工具分别输入1-10,10个数字放在同一图标的10个对象中,这样便于调整。调整的方法和上面调整线的方法一样。

最后选中“直尺”图标中的所有对象,再单击「修改」→「群组」菜单或按「Ctrl+K」快捷键,这样就是以后要移动直尺的位置,也不会改变其内部刻度的结构。

2)再拖动一显示图标到流程线上,命名为“箭头”,用直线工具画一短的水平线,设一下线的箭头方向。这个箭头线就是我们要移动的对象。把箭头线调整到合适的位置,作为初始位置。

3)拖动一移动图标到流程线上,命名为“箭头移动”。双击移动图标,打开“移动图标”属性对话框。

单击鼠标图像作为移动的对象,然后把移动方式设为“指向固定直线上的某点”。

l基点:起始位置,值设为1. l目标:值设为8(以后这个值我们可以用变量或表达式来代替)。

l终点:值设为10.选中“End”前面的单选按钮,拖动箭头到标尺10的位置。这时会出现一根轨迹线(这根线在程序运行时不可见),这就是箭头运动的范围。

运行程序,箭头在移动到刻度8处停止。该程序的流程图如图1-6所示。

图1-6箭头移动流程图

1.6.6桌面上运动的小球——到平面内任意点的移动以上四种移动方式是物体在一个固定的直线或路径上运动,而到平面内任意点的移动是沿直线定位移动方式的平面扩展,它允许对象在一个矩形区域内运动。下面我们介绍小球在球桌上的运动来理解这种运动方式。

操作步骤如下所示。

1)打开一个新的程序文件并设置文件属性,在“回放”选项卡中设置“大小”为“根据变量”,这样演示窗口的大小可用鼠标自由改变。拖曳两个显示图标到流程线上,分别命名为“球桌”和“小球”,并在“演示窗口”中绘制一张简单的球桌和一个小球,适当调整两者的位置。

2)拖放一个移动图标到流程线上,双击移动图标,将小球导入移动图标作为移动对象,并要适当地设置“移动属性”对话框。选择“类型”为“指向固定区域内的某点”。

这里,做一下说明。

因为小球是在固定的平面中运动的,所以在“目标”中,要设两个参数来确定小球的位置。现在我们先用(75,60)来表示,以后这里我们可以用变量或表达式来代替。这样可以灵活地控制小球在桌面中的位置。最后,也是最重要的,要设置小球的起始位置和终止位置。和沿直线定位移动方式相类似,同样把小球分别移动到起始位置和终止位置。这时在“演示窗口”中出现一个矩形,这就是允许小球运动的范围,在程序实际运动中是不会出现的,其他设置用默认值。最后,单击工具栏上的「播放」按钮,看看运行的效果。

1.6.7如何设置固定路径设计对象的移动路径包括设计固定路径和可变路径,这是设计动画效果的关键。在前面介绍的五种移动方式中,“指向固定路径的终点”和“指向固定路径上的任意点”方式使显示对象沿固定的路径移动。通过使用三角形拐点和圆形拐点,可以生成折线路径或曲线路径,下面介绍几种特殊形状路径的设计方法。

1)制作正圆形路径

①先选中显示对象,这时显示对象上出现一个小三角,再连续两次拖放显示对象,建立一条仅有三个三角形拐点的折线路径,如图1-7(a)所示。

②拖动处于路径起点(或终点)的拐点,直至同处于路径终点(或起点)的拐点完全重合为止,如图1-7(b)、(c)所示。

③双击处于路径中间位置的三角形拐点将其转换为圆形拐点,此时折线路径转换为正圆形路径,如图1-7(d)所示。

④沿任意方向拖动圆形拐点,可在保持正圆形状的同时改变其路径的长度和方向。

图1-7(a)三个三角形拐点的折线路径

图1-7(b)拖动起点(或终点)的拐点

图1-7(c)终点和起点的拐点重合

图1-7(d)三角形拐点将其转换为圆形拐点

2)制作螺旋路径

①先制作如图1-8(a)所示的折线路径。

②双击每一个三角形拐点,将其转换为圆形拐点,同时所有直线段均变为平滑衔接的曲线段,如图1-8(b)所示。

图1-8(a)折线路径

图1-8(b)曲线路径

3)沿特定路线制作路径

沿特定对象的形状制作路径,可以生成如图1-9(a)所示的“管道小球”或如图1-9(b)所示的“沿物体表面运动”的动画效果。

图1-9(a)管道小球

图1-9(b)沿物体表面运动

Authorware 基础 移 动图标 -电脑资料

手机扫码分享

Top