《制作动化效果》PPT课件.ppt

第4章 制作动画效果,4.1 认识移动图标 4.2 制作直接移动到终点的动画 4.3 制作沿路径移动到终点的动画 4.4 使用变量控制对象移动 4.5 制作沿直线定位的动画 4.6 制作沿路径定位移动的动画 4.7 沿平面定位的动画,4.1 认识移动图标,移动图标本身并不是用于呈现显示对象的，只是简单地让这些显示对象从一个位置移到另一个位置，包括数字影像对象。移动图标操作的对象包括一个显示图标、交互图标或计算图标中的显示内容。并且将这些图标中的所有对象当作一个集合进行移动。也可以在不同时刻，由单个移动图标移动单个对象。且移动的类型不同，各对象独立地移动到目的位置上。,4.1 认识移动图标,移动设计图标操作的对象就叫移动对象，它主要有以下几种类型： 1. 文字及图片 2. 数字画电影 3. 插入媒体,4.2 制作直接移动到终点的动画,直接移动到终点类型的动画是移动图标的默认设置。当用户选择了这种类型后，用户在设置对象目的位置时，无论将对象如何拖曳，即使有拐弯，但对象移动时，只以直线方式，从其在演示窗口上的显示位置移动到对象拖曳到的目的位置。这种类型的移动是功能上最简单，也是操作上最容易设置的移动。如果对象需要从当前位置以最短距离，即以直线方式移到演示窗口的某位置时，用户可以将此对象的移动方式设为此方式。,4.2 制作直接移动到终点的动画,（1）启动Authorware 7.0，在设计窗口的流程线上放置一个图标，将其名称改为“篮球”。,4.2 制作直接移动到终点的动画,（2）双击流程线上的名为“篮球”的显示图标，进入演示窗口。调出“属性：文件”面板，设置背景。,（3）将图片插入到图标中。,4.2 制作直接移动到终点的动画,（4）将图片的大小调整好后，返回设计窗口，设置图标。从图标栏上拖一个图标到显示图标的下方，并命名为“直线滚动”。 （5）双击显示图标，弹出属性面板，设置整个路程的运动时间 （6）双击显示图标，在演示窗口中用鼠标按住图片不放，然后拖至屏幕的右端松开，这样，图片的运行路线就被设置和飞行路线。,4.2 制作直接移动到终点的动画,4.3 制作沿路径移动到终点的动画,沿路径移动到终点的动画方式是指将对象从当前位置沿着一条设定的路径，移动到路径的终点。路径可以由直线段或曲线段组成。它与直接移动到终点的动画方式的区别在于，路径起点可以不是对象在演示窗口初始显示的位置。这样，当移动开始时，对象可能会从初始显示位置处突然跳到路径起点。这一点对某些情况是很有用的。并且，这种类型的对象移动结束后，它停留在路径的终点。,4.3 制作沿路径移动到终点的动画,（1）创建一个程序文件，拖动一个显示图标到主流程线上，并将其命名为“小球”。 （2）双击该显示图标，在演示窗口的绘图工具栏中选择圆形工具，绘制一个圆，并用紫色填充其颜色。 （3）拖动一个移动图标到主流程线上，命名为“沿路径移动到终点”。 （4）双击移动图标，打开“移动图标”面板，将移动类型设置为“指向固定路径的终点”。,4.3 制作沿路径移动到终点的动画,（5）根据面板上的提示，单击需要移动的对象，该对象中心会出现一个小三角形标志，表示它已被选中。 （6）根据面板上的提示，拖曳对象至演示窗口中下一个位置处。释放鼠标，另一个小三角形出现。这两个三角形之间由一条直线相连，即创建了对象移动的一段路径。继续拖曳对象至下一个位置，创建对象移动的完整路径。并且在每一个位置处，都会出现一个小三角形标志，即路径关键点，,4.3 制作沿路径移动到终点的动画,4.3 制作沿路径移动到终点的动画,（7）单击移动图标属性框上的移动标签，将出现指向固定路径终点移动类型的移动面板。不难发现，此时，移动面板上比其他类型多了个Move When控制（只有指向固定路径终点移动类型才具有此条件设置）。如果此条件文本框的内容为空，即保持默认状态，此时，表示在移动开始时条件为真，移动过程完成一次后，则条件变为假。,4.4 使用变量控制对象移动,4.4.1 使用自定义变量作为移动条件 4.4.2 使用系统变量作为移动条件 4.4.3 使用变量控制移动的速度,4.4.1 使用自定义变量作为移动条件,设置“移运图标”面板中的运动条件为自定义的逻辑变量，则可以通过改变变量值来控制移动对象是否进行移动。前面介绍的“小球”沿路径到终点一例中，在“移运图标”面板的运动条件文本框中输入运动，把运动作为一个自定义的变量，在条件运算图标将其值定为真。则程序在运行时，圆球会不停地沿指定的路径运动，每移动一次后，Authorware会检查一下“移动条件”面板中的值，如果为真，移动就会重复进行；如果为假，则圆球就会停止运动。,4.4.2 使用系统变量作为移动条件,使用上面介绍的方法，只能在终止程序之后对设计图标的内容进行修改，以改变对移动的控制，而使用系统变量则能弥补这个缺陷，它能在程序运行期间直接控制移动的停启。,4.4.2 使用系统变量作为移动条件,将移动图标的执行方式属性设置为永久持续移动的方式，则Authorware 7.0在运行程序的整个过程中，会不停地查看移动条件属性的值，只要移动条件属性的值为真，Authorware 7.0就立即执行该移动图标，也就是按下Shift键或双击鼠标左键立即开始运动的原因。而知道结束和同时方式不具备这种特性，一旦移动条件的属性值变为假，Authorware便认为该移动图标执行完毕。,4.4.3 使用变量控制移动的速度,将移动图标的执行方式属性设置为永久持续移动的方式，则Authorware 7.0在运行程序的整个过程中，会不停地查看移动条件属性的值，只要移动条件属性的值为真，Authorware 7.0就立即执行该移动图标，也就是按下Shift键或双击鼠标左键立即开始运动的原因。而知道结束和同时方式不具备这种特性，一旦移动条件的属性值变为假，Authorware便认为该移动图标执行完毕。,4.4.3 使用变量控制移动的速度,（1）建立程序流程线。在“圆球”设计图标中建立一个圆形对象，在“标尺”图标中创建一个直线对象（作为调整滑钮位置的参照物），在“滑钮”图标中创建一个小圆形对象。 （2）对“滑钮”图标的属性进行设置，把定位和移动属性都设置为沿路径，并将路径设置成与作为标尺的直线对象在位置上完全重合。这样在程序运行时使用鼠标将只能沿定义的路径拖动圆形滑钮。,4.4.3 使用变量控制移动的速度,（3）为“圆球”图标增加一个“沿圆周运动”图标，对其属性进行设置。其中PathPosition是系统变量，返回其引用的图标在显示路径上的位置；符号“”是引用符号，与图标名称连用返回该图标的ID号，注意图标名称一定要用双引号括起来；移动条件设置为真，结合永久的同步方式使用，则程序运行时该图标会不停地执行，因为移动条件属性永远不会变为假。,4.4.3 使用变量控制移动的速度,（4）运行程序，用鼠标拖动滑钮，发现滑钮只能沿标尺左右移动，将滑钮拖向左边，圆球会转动得非常快；将滑钮拖向右边，圆球转速会变得很慢。,4.5 制作沿直线定位的动画,（1）新建一个文件，并在程序设计窗口建立流程图。 （2）将图标拖到图标的右边，弹出“交互类型”对话框，单击单选按钮，选择文本输入响应的交互方式。 （3）此时的文本输入响应是判断输入字符是否为未命名，将未命名删除，这时可以接收键盘上输入的字符来具体控制鼠标的移动位置。,4.5 制作沿直线定位的动画,（4）按快捷键CtrlW返回到流程线上，双击图标，打开移动图标属性面板。打开“类型”下拉列表框，选择下拉列表框中的指向固定直线上的某点的动画方式。 （5）用鼠标拖动篮球到图标栏上的第一个图标上，这个位置就是篮球滚动的起始位置。面板的标题变为拖动对象到终点，该标题提示用户把图片移动到终点位置。,4.5 制作沿直线定位的动画,（6）当移动到终点位置后，在基点和终点之间就会出现一条直线，这条直线就是沿直线定位的动画的那条直线。 （7）已经设置好了目标直线的两个端点。它们的对应值分别是0和100，可以根据需要修改这些数值。 （8）选中【目标】单选按钮，然后在文本输入x：NumEntry。在目标文本框中输入NumEntry变量，它会将通过键盘输入的值传给此处的图标，这个数值就是鼠标运动的目标位置。,4.5 制作沿直线定位的动画,（9）在关闭该面板时，会弹出一个新的变量窗口，该窗口要求用户输入新变量的初始值。在这里可以输入数值0。 （10）设置完图标，单击【确定】按钮返回流程线，然后双击工具栏上的num交互按钮。双击显示图标，然后按住Shift键双击交互图标，Authorware 7.0会同时将两个图标的内容显示在演示窗口中。然后运行程序，画面上有个光标在闪烁，是文本输入响应的结果。在光标处输入某一数值，如85，并按下回车键，图片就会自动移动到直线响应比例的地方。,4.6 制作沿路径定位移动的动画,（1）创建一个程序文件，拖动一个显示图标到主流程线上，并将其命名为“小球”。 （2）双击该显示图标，在演示窗口的绘图工具栏中选择圆形工具，绘制一个圆，并用紫色填充其颜色。 （3）拖动一个移动图标到主流程线上，命名为“沿路径定位移动”。 （4）再拖动两个显示图标到流程线上，分别命名为标尺和滑钮，并在标尺图标中创建一个直线对象，在滑钮图标中创建一个小的圆形对象。,4.6 制作沿路径定位移动的动画,（5）双击移动图标，打开对象属性面板，将移动类型设置为指向固定路径上的任意的方式。并将执行方式设置为永久，将超出范围设置为在终点处停止，基点、终点和目的值分别设置为0、10和ition“滑钮”。 （6）将滑钮图标的显示路径的基点和终点分别设置为0，20。 （7）沿正圆路径画出一个圆环。,4.6 制作沿路径定位移动的动画,（8）运行程序。用鼠标拖动滑钮，可以看到小球沿正圆路径移动，最后停止在标尺刻度指示出的位置，比如将滑钮拖动到标尺刻度值为5的位置，则小球就会移动到正圆移动路径上位置为5的地方。但是如果将滑钮拖动到标尺刻度值大于10的任一位置，由于定义的正圆移动路径总长为10，小球将会停止在移动路径的端点位置。,4.6 制作沿路径定位移动的动画,（9）将超出范围属性改为循环，并再次运行程序，这回可以看到将滑钮拖动到标尺刻度值大于10的位置上时，比如15，则小球会移动到正圆路径上位置为5的地方停止下来。 （10）单击【保存】按钮，保存设置。,4.7 沿平面定位的动画,沿平面定位的动画方式是将对象从当前位置移动到通过计算得到的网格上的一点。利用这种类型，可使创建对象在二维平面上移动。该移动类型与沿直线定位的动画类型非常相似，只是这种类型需要设置X和Y坐标，才能确定一个点。而沿直线定位的动画类型只需设置X坐标，就完成点的设置。把移动图标的类型设置为“指向区域内的某点”后，它的属性面板中就会出现3个单选按钮。,4.7 沿平面定位的动画,（1）新建一个程序文件。拖动一个计算、一个设计、一个移动图标到程序流程线上。 （2）双击计算图标后设置窗口大小，在这里使用了一个函数ResizeWindow( 600,400)，ResizeWindow( ) 是一个调整演示窗口大小的函数，这里演示窗口尺寸调整为600*400。 （3）在ball1图标中画一个紫色的圆球。,4.7 沿平面定位的动画,（4）双击移动图标，打开移动图标属性面板，将移动类型设置为“指向固定内区域的某点”类型，指定移动对象的移动方式。并按照图中显示的设置移动对象的移动目标和终点。值得注意的是在这里将目标设置为(CursorX, CursorY)，它表示分别返回鼠标的坐标值，也就是对象始终跟随鼠标移动对象的效果。,4.7 沿平面定位的动画,（5）单击显示图标，按快捷键CtrlC后连续按2次快捷键CtrlV，即将该图标复制后粘贴2次，将粘贴后的图标分别命名为ball2和ball3，类似地将移动图标粘贴并重命名，这样每个图标的属性都是一样，从而免去了分别设置的麻烦。 （6）把ball2和ball3图标中的Authorware程序图标依次按一定比例缩小。 （7）把“follow the ball1follow the ball3”图标属性中的计时选项的时间按依次增大设定，如0.1，0.15，0.2。其他选项不变。 （8）完成后调试程序。将看到紫色的小球随着鼠标的移动而不停地移动。,4.7 沿平面定位的动画,（5）单击显示图标，按快捷键CtrlC后连续按2次快捷键CtrlV，即将该图标复制后粘贴2次，将粘贴后的图标分别命名为ball2和ball3，类似地将移动图标粘贴并重命名，这样每个图标的属性都是一样，从而免去了分别设置的麻烦。 （6）把ball2和ball3图标中的Authorware程序图标依次按一定比例缩小。 （7）