Authorware-动画与交互实现教程.ppt

;5.1 动画设计的基本步骤 ;;;5.2 移动图标的属性 ;;5.3 五种动画设计方式 ;;通过实例来验证一下选择不同的【执行方式】时程序的运行情况 ;5.3.2 指向固定直线上的某点 ;;5.3.3 指向固定区域内的某点 ; 下面做一个鼠标跟随动画的练习： 1) 建立一个新文件，在流程线上添加一个显示图标，命名为“圆形”。 2) 双击“圆形”显示图标，在演示窗口中画一个红色的圆。 3) 向流程线上添加一个移动图标，并命名为“跟随”。 4) 运行程序，当程序遇到空白的移动图标后会自动停止，并弹出【属性：移动图标】对话框。 5) 在对话框中选择【指向固定区域内的某点】方式，然后拾取演示窗口中的红色的圆，通过拖曳鼠标确定移动区域。 6) 在【目的地】选项中输入两个系统变量：cursorX和cursorY。这两个变量的作用是让红色的圆捕捉光标位置，如图5-12所示。 ;;7) 在【移动】标签中设置各项参数，如图5-13所示。 ;5.3.4 指向固定路径的终点 ;;;;5.3.5 指向固定路径上的任意点 ;5.4 利用变量控制动画 ;; 5) 单击 按钮，如果变量“x”没有在其它地方使用过，则弹出【新的变量】对话框，直接单击 按钮即可。 6) 向流程线上添加一个计算图标，双击该图标，在打开的计算窗口中输入“x=1”后关闭窗口。 7) 运行程序，可以看见圆形在指定的路径上往复不停地旋转。 ;5.5 交互功能的实现 ;;5.5.2 按钮响应 ;图5-22 计算窗口;2. 设置按钮响应属性 ;;3. 改变按钮的大小、位置与外观 ;;; 4. 按钮响应实例 下面，使用按钮响应制作一个简单的多媒体课件。 1) 建立一个新文件。在流程线上添加一个计算图标，命名为“窗口”。 2) 双击流程线上的“窗口”计算图标，将演示窗口大小设为（520，280）。 3) 向“窗口”计算图标的下方添加一个显示图标，命名为“背景”。 4) 用前面学过的方法，向“背景”图标中导入一幅图片作为背景。 5) 向流程线上添加一个交互图标，并命名为“交互”。 ; 6) 拖曳一个计算图标至交互图标的右侧，在弹出的【响应类型】对话框中选择【按钮】选项，然后单击按钮，将图标命名为“退出程序”。 7) 在交互图标右侧添加四个群组图标，并分别命名为“复习旧课”、“导入新课”、“讲授内容”和“请你欣赏”。这时不再弹出【响应类型】对话框，将使用第一次设置的响应类型，该流程线如图5-29所示。 ;; 8) 运行程序，如果发现按钮分布不符合要求，可以双击交互图标，在演示窗口中调整按钮的位置和大小。 9) 调整按钮后运行程序，结果运行画面如图5-30所示。 ; 10) 用前面学过的方法，为每一个按钮选择手形光标。运行程序时，当光标指向按钮时将出现手形光标。 11) 双击“复习旧课”群组图标，打开其二级流程线。 12) 向该流程线上添加一个显示图标，在显示图标的演示窗口中绘制一个小的“演示窗”作为复习旧课的承载窗口。 13) 用户可以根据爱好和需要在流程线上添加其它图标，以丰富课件，如文字、音乐、电影等。在此我们添加一个显示图标，在其演示窗口中输入“温习单词”、“good——好的”、“bad——坏的”等内容。 ;14) 运行程序时，单击 按钮，将出现如图5-31所示的画面。 ;5.5.3 热区响应 ; 5) 运行程序，可以发现画面中的按钮消失了，但当光标指向按钮所在区域时仍将变为手形光标（如图5-32所示），单击鼠标左键将出现“复习旧课”的内容。 ; 6) 如果需要修改热区，可以双击交互图标，打开演示窗口。 7) 单击“复习旧课”热区标志，则热区周围出现八个控制点。将光标指向控制点按住鼠标左键拖曳，可以改变热区的大小；将光标指向热区标志后按住鼠标左键拖曳，可以改变热区的位置。如果仍要在演示窗口中出现“复习旧课”字样，可以重新输入“复习旧课”字样，然后用热区将其覆盖即可，如图5-33所示。 ;; 8) 用同样的方法修改其它的按钮。运行程序时的画面如图5-34所示。 ;2. 设置热区响应的属性 ;;;;;5.5.4 热对象响应 ; 4) 在“对象”群组图标的下面添加一个交互图标，命名为“介绍”。 5) 在交互图标的右侧添加一个群组图标，在弹出的【响应类型】对话框