荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: pIII (徐子陵》重出江湖), 信区: Multimedia
标 题: 图形和文本的特技运用
发信站: BBS 荔园晨风站 (Sat Jun 3 11:06:46 2000), 转信
基本操作提要 在实例1和实例2中我们学习到了【移位】设计按钮的使用，在下述内容中
，我们使用多个小的实例来学习Authorware所提供的多种实现文本和图形特技的工具和
使用方法，包括： ·让对象动起来，【移位】设计按钮的使用，实际动画（数字性电影
）的引入； ·显示效果、擦除效果的设置； ·图形和文本显示中层的概念，利用层来
产生特殊的显示效果； ·【判定】设计按钮和判定分支结构的使用和设置。 & 实例过
程 在很多情况下，动画的吸引力远远超过了静止的图像和呆板的文本，其说服力是非常
强大的。在目前的多媒体设计中，越来越多的动画和声音引入到娱乐作品和教学作品中
，大大激起了用户的兴趣。 Authorware 为程序设计人员提供了简单的二维动画制作能
力，虽然同一些专业的动画制作工具比起来逊色不少，但对于一般的动画要求，这种功
能是非常实用的。 在Authorware设计的程序中，对象有两种运动方式：即对象沿一定路
径的运动和对象实际的动画。 对于对象沿一定路径的运动，我们可以使用Authorware提
供的【移位】设计按钮来实现。Authorware的【移位】设计按钮提供的运动方式创建的
路径动画可使对象，如球形物体、图形或正文对象在一定的时间内跨越展示窗。其特点
是：在运动过程中，对象不改变方向、形状和大小。例如在实例一中，红旗的运动演示
了路径动画。 对象实际的动画可使球图形自转、图象滚动以及文本的变形等。我们可以
通过引入数字电影来实现实际的动画；然而，在实际的动画中，动画在展示窗口中实际
的位置不可能改变。 在实际的应用中，我们将这两种动画结合起来，可以设置一个旋
转的箭头飞向靶子的复合动画效果。 下面请读者分别学习【移位】设计按钮的使用和【
数字化电影】的引入。
在Authorware的设计按钮中，提供了一种能够移动对象的设计按钮，【移位】设计按钮
，利用【移位】设计按钮可以把一个【显示】设计按钮中显示的对象从展示窗口的一个
位置移动到另一个位置。 【移位】设计按钮本身并不含有要移动的对象，它只是移动包
含在其它设计按钮中显示的对象，所有【移位】设计按钮必须和具有显示功能的【显示
】设计按钮或【交互作用】设计按钮结合起来使用，才能用【移位】设计按钮来移动显
示的对象。 一个【移位】设计按钮只能对一个设计按钮中的所有对象进行移动，【移位
】设计按钮只能移动一个【显示】设计按钮或【交互作用】设计按钮中所有的对象，不
能移动单个的对象，如果想移动单个的对象，必须将该单个的对象单独放到一个【显示
】设计按钮中。 多个【移位】设计按钮可以作用于同一个显示对象，这些【移位】设计
按钮作用于同一个显示对象时可以使用不同的动画方式，但不能对同一个显示对象同时
起作用。 要想移动某个设计按钮中显示的对象（包括图像或文本），就必须将【移位】
设计按钮放到该设计按钮的后面。 请读者注意：在同一个文件中，不允许有相同名字的
（1） 至固定点的运动（两点间的运动）。这种运动方式是将显示对象从展示窗口中的
当前位置运动到指定的终点位置。 （2） 至固定直线的运动（点到直线计算点的运动）
。这种运动方式是将显示对象从展示窗口中的当前位置运动到定义了起点和终点的直线
的某一点上。 （3） 至固定区域的运动（点到区域计算点的运动）。这种运动方式是将
显示对象从展示窗口中的当前位置运动到定义了范围区域中的某一点上。 （4） 沿任意
路径到终点的移动。这种运动方式是将显示对象沿定义的路径从展示窗口中的当前位置
运动到终点。 （5） 沿任意路径到指定点的移动。这种运动方式是将显示对象沿定义的
路径从展示窗口中的当前位置运动到路径上的任意位置。 第四和第五种移动方式非常相
似，不同之处是第四种方式是沿指定路径直接移动到终点，第五种方式是沿指定路径移
步骤2【移位】设计按钮对话框设置： 双击流程线上的【移位】设计按钮，打开移位设
计对话框，如图4－2所示。
移位设计按钮标题 移动类型 层设置
未选定移动对象前为移动类型图例，选定移动物体后，为移动对象预览。
输入一个确定时间或速率的数值、 并发性选项
变量或表达式
时间控制选项
（1）【Type】：移动类型选项列表为所有Authorware提供的五种移动类型的列表，我们
可以在该选项列表中选择合适的移动类型，对于每一种移动类型，都有一个与该移动类
型相匹配的【移位】设计按钮对话框。 （2）【Layer】：为设置层的正文输入框，在该
正文输入框中输入要移动的对象在展示窗口中显示时所处的层。 在动画的演示过程中，
不可避免地会出现不同显示对象之间的重叠现象。在重叠时为了决定那个显示对象在上
面，那个显示对象在下面，以产生不同的动画效果，Authorware为我们提供了层的概念
，利用显示对象层次的高低来决定重叠时它们之间的关系。当两个显示对象重叠时，层
在【Layer】正文输入框中，我们可以输入正整数、负整数和零。为了让读者理解层次的
级别是如何影响动画的演示效果的，让我们以一个简单的例子来观察其效果。 请读者按
照图4－3所示的程序的流程结构和相应的图片，建立显示对象和设置相应的移位】设计
按钮。 请读者注意，在设置【移位】设计按钮对话框时，将所有【移位】设计按钮的并
发性选项都设置为【Concurrent】同时执行。这样可以观察三个显示对象同时移动时相
互重叠的效果。
移动的时间控制设置用移动所需时间来控制，三个【移位】设计按钮都把所需时间设计
为1秒，为移动的显示对象设定相同的目标点。
次级别高的显示对象显示在层次级别低的显示对象的上面。
将实例中的方块设置为第0层，椭圆设置为第1层，多边形设置为第2层。
这样在运动的过程中，方块的运动速度最快，多边形的运动速度最慢，椭圆将赶上多边
形，由于椭圆所处的层次级别低于多边形所处的层次级别，则多边形显示在椭圆的上方
，覆盖了椭圆的部分图形，当方块赶上椭圆和多边形后，由于方块比它们两个的层次级
别都低，所以方块处于最底层，被椭圆和多边形所覆盖。程序运行中的重叠效果如图4－
4所示。
下面让我们来改变一下三种显示对象所处的层的级别，然后再看一看重叠的效果。
我们把方块设置为第2层，将椭圆设置为第0层，多边形设置为第1层。
注意：
在这里，显示对象层次的级别只限于在运动过程中，也就是说，显示对象在运动的过程
中遵循层次级别的重叠方式。当显示对象运动到目的地静止后，显示对象之间的重叠方
式则不再遵循设定的层次级别方式，静止后的重叠方式由程序主流程线上【移位】设计
按钮的先后位置决定（如图4－6所示）。
如图4－6所示，因为移动方块的【移位】设计按钮在多边形和椭圆【移位】设计按钮的
最后面，所以在静止后的重叠图形上方块永远处在椭圆和方块上面。
重叠的效果如图4－7所示。
请读者注意该区别，不要把运动中的重叠效果和静止后的重叠效果混淆起来，但读者可
以使用将【移位】设计按钮在主流程线上的顺序和显示对象重叠中的层次级别相对应起
来，使显示对象在静止后同运动时具有相同的重叠效果。
重新运行程序，程序运行中的重叠效果如图4－5所示。
（3）【Timing】为时间的控制选项。 Authorware提供两种时间的控制方法：
Time(sec)：使用移动显示对象所需时间来控制，该控制方法为Authorware默认的控制方
法。
Rate（Sec/in）：用显示对象移动的速率（英寸/秒）来控制。在【Timing】正文输入框
中我们可以输入任何数字类型的数值、变量或表达式。例如：我们选择Time（sec）时间
控制方式，然后在其下方的正文输入框中输入5，意思是显示对象从起始点移动到终点的
时间就是5秒。 我们选择Rate（sec/in）：然后在其下方的正文输入框中输入0.2，表示
显示对象从起始点到终点的移动速度为0.2英寸/秒，如果起始点和终点之间的距离是1英
寸的话，显示对象到达终点所需的时间为5秒。
不同的时间控制方式是可以达到同样的显示对象动画效果。
我们在设置不同的显示对象同时到达的情况下用时间的控制方式。
设置固定速率或不同速度的对象的运动可以使用速度控制方法。
两种方法结合使用，可以产生丰富、生动的二维动画效果。
Authorware提供的移动功能的适用范围非常广泛，不仅仅是图形可以使用该功能，文本
、数字化电影等都可以利用【移位】设计按钮来产生动画的效果。
（4）【Concurrency】：并发控制选项来决定移动开始后Authorware将干什么。
【Wait Until Done】（等待直至完全移完）选项：选择该选项，Authorware在执行该移
位设计按钮后，暂停所有的动作，等待移位设计按钮对显示对象的移动完成后再执行下
一个设计按钮。
【Concurrent】（并发选项）：选择该选项，Authorware在执行该移位设计按钮后，流
程 线上的下一个设计按钮被继续执行。
【Perpetual】（常动选项）：选择该选项，当被激励的对象得以显示并且给定的表达式
为真的话，带有【Perpetual】并发性设置的移位设计按钮将执行。在Authorware程序的
运行过程中，Authorware时刻监视着设定有【Perpetual】并发性设置的移位设计按钮的
触发条件，一旦条件为真，则Authorware自动执行该移位设计按钮来移动显示对象。
（5）【Beyond Range】越界选项列表：一般来说，我们可以使用变量或表达式来控制至
直线上计算点或至区域计算点的移动。在这种情况下，【Beyond Range】：越界选项列
表是非常重要的。
【Stop at Ends】（在终点停止选项〕：该选项防止把对象移动到规定的线或区域外面
。例如：如果控制动画的数值、变量或表达式的值大于线或区域的终点值时，则对象将
仅仅移动到线或区域的终点位置。【Loop】（环路选项）：该选项将线性路径看作其终
点位置和起点位置连接起来，例如：如果起点位置值为0，终点位置值为100，控制移动
的值为150，那么对象将移动到直线上的某个位置（该位置数值等于50＝150－（100－0
））。
【Past Ends】（越过终点）选项，选择该选项，Authorware建立一条长度无限并假定了
起点位置、终点位置和数值都是线上的简单参考点。
例如：如果起点值为0、终点值为100，而支配动画的值是200，那么该对象的位置是在建
步骤3至固定点的移动：
该移动方式的实例和内容设置参见实例1中移位设计按钮移动红旗的使用（程序结构如图
4－8所示）。
【移位】设计按钮【Motion】对话框的设置如图4－9所示。
步骤4至固定直线的移动：
该移动方式的实例和内容设置参见实例2中移位设计按钮移动箭头的使用（程序结构如图
4－10所示）。
该【移位】设计按钮的【Motion】对话框（如图4－11）所示：
图4－10 实例2中的程序流程结构 图4－11实例2中【移位】设计按钮的【
Motion】对话框
图4－11中所示的展示窗口中的黑线为我们设定的直线，物体将根据设定的数值移动到该
直线的某一点上，该直线的起点假定为数值0，终点假定为数值100，越界选项选择【Lo
op】（环路），无论输入的数值、变量或表达式的值有多大，显示对象最终都要移动到
用【Layout】对话框（如图4－12）在展示窗口上设定直线的起始点和终点位置。
单击图4－12所示的【Base】选项，然后在展示窗口中将箭头拖动到起始位置释放，设定
直线的起始位置，Authorware将该位置默认为值置为0。
单击图4－12所示的【End】选项，然后在展示窗口中将箭头拖动到终点位置释放，设定
直线的终点位置，Authorware将该位置默认为值置为100。
单击图4－12所示的【Destination】选项，在该选项的正文输入框中输入值、变量或表
步骤5至固定区域的移动：
如果用户希望通过平面上的X轴和Y轴坐标的方式来决定一个点，从而使显示对象移动到
该点上，可以使用该移动方式，我们可以称该移动方式为沿二维平面定位的动画设计。
首先，我们要在展示窗口上建立一个（X，Y）坐标平面，X和Y轴的起始点和终点位置是
可以任意修改的，X－Y轴的方向有起始点和终点的位置决定，建立了（X，Y）平面之后
，相应的坐标值就决定了平面上的某个点的位置。
然后，我们在【移位】设计按钮的【Layout】对话框中的【Destination】正文输入框中
输入数值、变量或数字型表达式来决定X－Y平面上的点。【移位】设计按钮根据输入的
数值将对象移动到该平面上的相应点。
下面，我们用一个例子来学习如何设计沿二维平面定位的动画。这个动画是一个填充的
小游戏，在屏幕上有一个灰色方块，在方块中心有一个白色的圆盘，从屏幕的下方有一
个同样大小的圆缓慢移动到方块中心，填充白色圆盘（如图4－13所示）。
准备工作：
达式等数字型的参数。来设定对象移动到直线上的位置。
（1）两幅图片（如图4－14所示）。其中中心有圆盘的方块放置在方块【显示】设计按
钮中。
与方块中心的圆盘大小相同的圆放置在圆【显示】设计按钮中。
（2）在主流程线上放置一个【移位】设计按钮，来驱动【显示】设计按钮中的显示对象
圆。
程序的逻辑结构如图4－13所示，由于读者在前面的例子中已经学习了【图形工具箱】的
使
用方法，两幅图片的准备我们在这里就不再赘述。
我们将学习的重点放到【移位设计按钮的设置上。
首先，双击（或执行快捷键Ctrl+R）打开图4－13所示的【移位】设计按钮，弹出【移位
】设计按钮的【Motion】对话框，如图4－15所示，设置该对话框中的相应设置：
（1）在【Type】选项列表中我们选择【Direct to Grid】直接移动到区域。
（2）在【Timing】选项列表中选择Authorware的默认选项“Time（sec）”，以对象移
（1）两幅图片（如图4－14所示）。其中中心有圆盘的方块放置在方块【显示】设计按
钮中。
与方块中心的圆盘大小相同的圆放置在圆【显示】设计按钮中。
（2）在主流程线上放置一个【移位】设计按钮，来驱动【显示】设计按钮中的显示对象
圆。
程序的逻辑结构如图4－13所示，由于读者在前面的例子中已经学习了【图形工具箱】的
使
用方法，两幅图片的准备我们在这里就不再赘述。
我们将学习的重点放到【移位设计按钮的设置上。
首先，双击（或执行快捷键Ctrl+R）打开图4－13所示的【移位】设计按钮，弹出【移位
】设计按钮的【Motion】对话框，如图4－15所示，设置该对话框中的相应设置：
（1）在【Type】选项列表中我们选择【Direct to Grid】直接移动到区域。
（2）在【Timing】选项列表中选择Authorware的默认选项“Time（sec）”，以对象移
（3）【Concurrency】并发选项：选择Authorware默认的选项【Wait Until Done】。
（4）【Beyond Range】越界选项：选择Authorware默认的选项【Stop at Ends】。
然后，单击【Layout】命令按钮，弹出【移位】设计按钮的【Layout】对话框,（如图4
－16所示）。在该对话框中，我们设置（X，Y）坐标平面，设置平面的起始位置和终点
位置，并设置圆盘移动的区域中目的点。
调整该对话框的位置，使展示窗口中的图形对象显示出来。
设置（X，Y）坐标的起始位置：单击图4－16所示的【Layout】的【Base】选项，然后拖
动黑色圆盘到图示位置，使圆盘的中心和方块左上角相重叠。
设置（X，Y）坐标的终点位置：单击图4－16所示的【Layout】的【End】选项，然后拖
动黑色圆盘到方块的右下角，使圆盘的中心和方块右下角相重叠。在展示窗口上会出现
图4－17所示的具有黑色边框的区域，该区域就是我们设置的具有起始点和终止点的X－
Y坐标区域，单击【Layout】对话框中的【Base】和【End】选项，我们会观察到图4－1
7所示的圆盘的位置在起始点和终点之间切换。Authorware默认的起始的坐标为（0，0）
设置圆盘在平面区域上填充时目标的坐标：单击图4－16所示的【Layout】对话框中的【
Destination】选项，用鼠标将圆盘拖动到图4－16中方块中的白色圆盘处释放，使黑色
圆盘的中心和白色圆盘重叠，如图4－18所示。
请读者在移动黑色圆盘的过程中注意观察【Destination】正文输入框中坐标值的变化。
在精确的动画设计中，我们可以手工输入数字来精确定位移动对象的目标点。在该正文
输入框中，我们可以输入任何数字型的数值、变量、表达式等，可以用各种参数来调整
圆盘移动的目标点。
最后，单击【OK】命令按钮结束设置。
运行程序观看运行效果，使用Authorware【Control】菜单项中的【Restart】命令或者
快捷键（Ctrl+R）来观察程序执行的效果。
我们看到，黑色圆盘在3秒钟内，沿直线移动到我们设定的终点位置，在方块的白色圆盘
空白中，黑色圆盘将其填充。
读者可以利用该方法设置更多的丰富生动的二维平面动画。
步骤6沿任意路径到终点的移动：
用【移位】设计按钮移动动画对象，使其沿设定的路径以一定的速率从起始点运动到终
点。在到达终点后，如果用户设定的变量或表达式条件为TRUE的话，该动画对象会沿着
设定的路径继续运动下去。
，终点坐标为（100，100）。
《待续》
--
════════════════════════
我不想再等待！！！
把握现在，意味着开拓未来！
愿同我一起奋斗吗？
██Email：zhalj@cmmail.com
※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 192.168.36.1]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店