南宋诗人杨万里的《小池》大家应该不会陌生,"泉眼无声惜细流,树阴照水爱睛柔。小荷才露尖尖角,早有蜻蜓立上头",描绘出美妙动人的诗境。
下面我们就通过Authorware ,把"小荷才露尖尖角,早有蜻蜓立上头"的诗情画意描绘设计为一生动的Authorware动画。程序执行预览如图2所示。
图 2
【流程设计过程】
1. 设计程序背景
首先我们根据"小荷才露尖尖角,早有蜻蜓立上头"的诗情画意,利用图象处理软件例如Adobe Photoshop 7.0等设计一程序背景图片。
启动Authorware ,新建一Authorware文件"DragonFly.a6p"。在程序流程线上添加一显示图标,并命名为"BackGround"。同时把事先设计好的程序背景图片导入到显示图标"BackGround"中,如图3所示。
图 3
2. 设计动画过程
我们来描绘一下这个简单的动画过程:蜻蜓在荷花小池上空悠闲地飞来飞去,并不时地停立在含苞待放的荷蕾上。这样的动画过程如何在Authorware里设计实现呢?且看下面的设计分解。
继续在程序流程上添加一决策图标,并命名为"DragonFly"。快捷键Ctrl+I调出决策图标属性对话窗口,选择【Repeat】决策分支循环域选择为"Until True",并在其下的条件输入框内输入条件:Fly=1,其中"Fly"是一自定义变量,默认初始值为0。保持【Branch】分支域为默认的"Sequentially"顺序执行即可。上面的属性设置表示当Fly=1的时候,停止决策分支的循环执行,反之Fly=0的时候则按决策分支顺序循环执行分支页面内容。最后的属性设置如图4所示。
图 4
众所周知电脑上实现的动画效果实际上是由一帧一帧的连续图片按顺序组合而成的,这里我们准备了三帧的蜻蜓飞行图,即三副连续图片来实现蜻蜓的飞行动画过程。
动画的主角蜻蜓马上出场了!在决策图标"DragonFly"右边添加一群组图标"FlyA",它将成为存放蜻蜓飞行动画第一帧图片内容的场所。双击进入群组图标"FlyA"的二级流程窗口,在其二级流程线上添加一显示图标"1",并导入事先准备好的第一帧的蜻蜓飞行图片,并调整"蜻蜓"到合适位置,如图5所示。为了让每一帧的动画有过渡停顿的效果,继续在显示图标"1"的后面放置一等待图标,并设置等待时间为0.4秒。这样第一帧的动画内容即设计完毕!
图 5
同理我们继续设计其它两帧的动画"FlyB"、"FlyC"。最后的完整程序流程如图6所示。此时按快捷键Ctrl+R调试执行,蜻蜓真的飞动起来了!
图 6
简简单单的几个图标就让蜻蜓展开双翅飞起来了,是否觉得Authorware的图标化流程设计十分的"平易近人"?!源文件下载
如果在流程设计过程中结合一些使用小技巧,可以使多媒体的开发设计更加得心应手,下面介绍几个设计图标使用的小技巧,大家自己可以在实践过程中不断挖掘更多的使用技巧,积累实战经验。