您的位置:主页>动画制作>Authorware> Authorware 6.5 轻松学 字串3
第一部分 图标化的设计流程
相对于同是Macromedia旗舰产品的"同门兄弟"Director,Authorware的门槛更低,即使您没有任何的编程基础,只要懂得基本的Windows操作知识,一样可以轻轻松松地学会并掌握Authorware的开发设计流程!熟悉多媒体软件设计的开发人员都说Authorware易学易用,为什么?原来这一切都缘于Authorware直接面向对象的图标化设计流程,只要在流程线上添加各种各样的设计图标并进行相关属性设置,就可以实现复杂的功能,实在是不可思议!敏而好学的您心动了吧?下面笔者就给大家介绍一下Authorware 6.5的核心设计元素——设计图标。
启动Authorware 6.5进入程序主界面,在窗体左边的就是Authorware的图标栏,它上面的图标即是Authorware流程线上的核心元素,如图1所示。其中,图标栏上方的13个图标用于流程线的设置,通过它们来完成程序的计算、显示、决策、交互控制等功能;位于设计图标下面的"开始旗帜"和"结束旗帜"则是用于调试控制程序执行的起始位置和结束位置;而在图标栏最下方的是设计图标调色板。下面我们先来讲解图标栏上各个设计图标的具体功能及使用技巧,为后面的灵活设计程序流程打下必要的基础。
【显示】设计图标
显示图标是Authorware设计流程线上使用最频繁的图标之一,在显示图标中可以存储多种形式的图片及文字,另外,还可以在其中放置函数变量进行动态地运算执行。
【移动】设计图标
字串4
【导航】设计图标
导航图标主要用于控制程序流程间的跳转,通常与框架图标结合使用,在流程中设置与任何一个附属于框架设计图标页面间的定向链接关系。
【框架】设计图标
框架图标提供了一个简单的方式来创建并显示Authorware的页面功能。框架图标右边可以下挂许多图标,包括显示图标、群组图标、移动图标等,每一个图标被称为框架的一页,而且它也能在自己的框架结构中包含交互图标、判断图标,甚至是其它的框架图标内容,功能十分的强大!
熟悉了Authorware设计图标的具体功能后,您一定很心急,"蠢蠢欲动"地想体验一下Authorware 6.5独特的图标化设计流程吧?!OK,下面我们就利用Authorware的图标来设计制作一个与古诗相关的Authorware动画,借此亲身感受Authorware的图标化流程设计风格。
【范例设计思路】
南宋诗人杨万里的《小池》大家应该不会陌生,"泉眼无声惜细流,树阴照水爱睛柔。小荷才露尖尖角,早有蜻蜓立上头",描绘出美妙动人的诗境。
下面我们就通过Authorware 6.5,把"小荷才露尖尖角,早有蜻蜓立上头"的诗情画意描绘设计为一生动的Authorware动画。程序执行预览如图2所示。 字串2
字串5

图 2
字串8
【流程设计过程】
字串7
1. 设计程序背景
首先我们根据"小荷才露尖尖角,早有蜻蜓立上头"的诗情画意,利用图象处理软件例如Adobe Photoshop 7.0等设计一程序背景图片。
启动Authorware 6.5,新建一Authorware文件"DragonFly.a6p"。在程序流程线上添加一显示图标,并命名为"BackGround"。同时把事先设计好的程序背景图片导入到显示图标"BackGround"中,如图3所示。
字串2

图 3
2. 设计动画过程
我们来描绘一下这个简单的动画过程:蜻蜓在荷花小池上空悠闲地飞来飞去,并不时地停立在含苞待放的荷蕾上。这样的动画过程如何在Authorware里设计实现呢?且看下面的设计分解。
继续在程序流程上添加一决策图标,并命名为"DragonFly"。快捷键Ctrl I调出决策图标属性对话窗口,选择【Repeat】决策分支循环域选择为"Until True",并在其下的条件输入框内输入条件:Fly=1,其中"Fly"是一自定义变量,默认初始值为0。保持【Branch】分支域为默认的"Sequentially"顺序执行即可。上面的属性设置表示当Fly=1的时候,停止决策分支的循环执行,反之Fly=0的时候则按决策分支顺序循环执行分支页面内容。最后的属性设置如图4所示。

图 4 字串5
众所周知电脑上实现的动画效果实际上是由一帧一帧的连续图片按顺序组合而成的,这里我们准备了三帧的蜻蜓飞行图,即三副连续图片来实现蜻蜓的飞行动画过程。
动画的主角蜻蜓马上出场了!在决策图标"DragonFly"右边添加一群组图标"FlyA",它将成为存放蜻蜓飞行动画第一帧图片内容的场所。双击进入群组图标"FlyA"的二级流程窗口,在其二级流程线上添加一显示图标"1",并导入事先准备好的第一帧的蜻蜓飞行图片,并调整"蜻蜓"到合适位置,如图5所示。为了让每一帧的动画有过渡停顿的效果,继续在显示图标"1"的后面放置一等待图标,并设置等待时间为0.4秒。这样第一帧的动画内容即设计完毕! 字串8

图 5
同理我们继续设计其它两帧的动画"FlyB"、"FlyC"。最后的完整程序流程如图6所示。此时按快捷键Ctrl R调试执行,蜻蜓真的飞动起来了!
字串5

图 6 字串9
简简单单的几个图标就让蜻蜓展开双翅飞起来了,是否觉得Authorware的图标化流程设计十分的"平易近人"?!源文件下载
如果在流程设计过程中结合一些使用小技巧,可以使多媒体的开发设计更加得心应手,下面介绍几个设计图标使用的小技巧,大家自己可以在实践过程中不断挖掘更多的使用技巧,积累实战经验。
设计图标使用的小技巧
图标栏底部的设计图标调色板可用于对图标进行着色。当流程设计窗口上的设计图标比较繁多时,进行程序调试和检查往往是令人头痛的事情,如果在设计过程中可以对流程线上的同一种图标或同一类型的图标进行分组归类,并着上同一种颜色,那么检查起来将会十分地方便,调色板正是提供完成这种功能。进行图标上色时,首先用鼠标单击选择流程线上的图标,然后再用鼠标在图标调色板内选择一种颜色,此时被选中的设计图标即被涂上颜色了。
Authorware的使用界面十分友好,提供了这样一个功能:当把鼠标移向图标栏的某一设计图标的上方时,在鼠标的下方将会出现该图标的名称。 字串7
熟记以下的快捷键可以大大地提高流程开发效率:
Ctrl I 将调出图标属性的对话窗口
Ctrl E 将调出响应属性的对话窗口
Ctrl = 将调出图标附带计算代码编辑窗口
Ctrl T 将调出图标过渡转场效果设置窗口
Authorware 6.5开始直接支持图标间的直接拖放操作:
直接拖放显示图标到群组图标内,使其作为下级流程的图标
直接拖放框架页面到导航图标上,自动建立导航链接关系
直接拖放显示图标到移动图标上,使其作为该移动图标的移动对象
直接拖放群组图标到擦除图标上,使其作为该擦除图标的擦除对象
Authorware 6.5增强的计算图标编辑器,不但继承了6.0版本的插入特殊符号、插入消息对话框两个实用快捷按钮功能,新增的插入程序语法结构片段按钮功能,更是极大方便程序代码的编写,同时也减小了程序语法的出错率。 字串3