搜索
第4章多媒体设计工具Authorware4.1本章导读显示图标移动图标擦除图标等待图标交互图标计算图标框架图标群组图标数字电影图标导航图标开始旗决策对象图标调色板知识对象图标DVD图标声音图标结束旗图4-1图标工具箱4.1.1设计图标工具栏介绍图标的名称及作用介绍•【显示】在显示设计按钮中，用户可以在其展示窗口中输入正文或图片对象，还可以使用【图形工具箱】中的工具来创建正文或绘制图像对象；•【运动】使显示的对象按规定的方式进行运动，以产生特殊的动画效果。一般跟在对象的图标后面，用于制作二维动画；•【擦除】用于擦除显示在展示窗口中的对象，任何对象都可以擦除；•【等待】暂停程序的运行，直到按键、点击鼠标或等待特定的时间到为止程序才继续运行；•【导航】用于设置与任何一个附属于【框架】设计按钮间的一个定向链接，附属于【框架】设计按钮的设计按钮为一页，与【框架】图标配合使用；•【框架】该设置按钮中的内容主要是一组定向控制按钮，这组定向控制按钮使用户能够设计交互式应用程序来正确访问一个指定的页，与【导航】图标配合使用；•【判定】用于分支程序设计。可以用来设置一种判定逻辑结构，附属于该设计按钮的其它设计按钮被称为路径；•【交互】Authorware有11种交互方式，用来创建一种交互作用分支结构，该分支结构是由一个【交互】设计按钮和附属于该设计按钮的其它设计按钮所组成；•【运算】用来计算函数、变量他表达式的值以及编写Authorware人命令程序，可执行数学运算和执行源程序，可以放置在程序的任何位置；•【组群】把具有连贯性，或实现某类功能等的图标建立成组，以缩短【流程线】的长度，增加程序的可读性和结构的清晰性，有助于程序设计的结构化，便于程序的阅读和维护；•【数字化电影】导入和播放外部数字化电影；•【声音】导入和播放声音；•【视频】用于在多媒体应用程序中引入视频信息数据，然后在视频播放器上播放；•【开始】、【停止】用于调试程序的起点和终点；•【设计按钮调色板】用于改变流程图上图标的显示颜色，为设计按钮着色。4.1.2本章导读开始初识Authorware基本运动交互控制结束升旗小求随机入盒太阳升起小球正弦曲线运动音视控制交互结构日落日出知识点案例显示与播放沿直线到指定点运动点到直线的运动任意到指定点运动函数与变量控制运动按钮控制与同步技术按钮菜单结构与控制任意路径到终点运动认识图标与程序执行图4-2本章导读4.2显示与媒体播放•1．功能：本案例演示图像、播放视频和音乐，实现程序顺序执行。•2．实现步骤：•（1）启动Authorware，进入Authorware界面，图4-3。点击“取消”进入新建文件编程状态，如图4-3。【未命名】表示文件还没有命名。•（2）拖个【音乐】图标到主流程线上，命名为背景音乐，如图4-2-3；右击主流程线上的【音乐】图标，弹出属性窗口（图4-5），点击“导入”，并选取择要导入的背景音乐《梁祝》（图4-6），在属性窗中的“计时”设计为：执行方式为“同时”，图4-7。至此，从图4-5—图4-8，背景音乐设计完成。•（2）在主流程线上，拖入第二个图标，【数字电影】图标，命名为“书”，在“属性”中点击“导入”，选择导入“BOOK.AVI”文件，属性中的“计时”项：执行方式为“同时”，播放为“直到为真”如图4-9。“数字电影”设计完成。•（3）拖入【显示】图标，命名为“背景图象”，继续拖入【显示】图标，命名为“小提琴手”。最后加入【等待】图标如图4-10。至此，程序所有流程完成（结束），下面只需对“背景图象”和“小提琴手”进行对象的选择和设计。•（4）双击背景图的【显示】图标，选择菜单中的“插入”-“图象”，如图4-11，点“导入”，选择背景图象“音乐厅”，如图4-12；同理，双击小提琴的【显示】图标，导入“小提琴家”图象。至此，程序设计基本完成，调整一下背景图和小提琴家的位置即可。•（5）最后设计【等待】图标的属性，如图4-13。最终播放结果如图4-14。4.3.1升旗•1．功能：实现配音、向固定点的运动。•2．操作步骤：•（1）在主流程线上依次拖入以下图标并给相应的命名，如下图（图4-15），程序的执行流程很明朗，以天安门为背景，国歌配音，要求升旗、太阳和国歌控制得当即可。下面给予各个图标的设计与控制作介绍。图4-15升旗程序流程•（2）单击【国歌】图标，在“属性”中点“导入”，选择导入“国歌”，如图4-16，并在属性中设计：计时为“同时”，播放次数为“1”，如图4-17•（3）双击【天安门】图标，导入天安门图象文件；先后双击【旗杆】和【国旗】图标，分别画旗杆和国旗，国旗填充红色，并调整好合适位置，如图4-18。•（4）双击【直线移国旗】图标，在属性中：“类型”选择“指向固定点”，按鼠标左键将“国旗”沿旗杆拖动到项，注意“目标”数值的变化，该数值为目标地址；“定时”为49秒，与国歌播放时间相同，执行方式为“同时”。如图4-19。•（5）同理设计太阳移动属性，时间也为49秒，执行方式也为“同时”，移动目标要小，最后【等待】图标属性设计为“单击”，去掉“显示按扭”选项，如图4-20。本程序运行结果如图图4-21。图4-21国歌响起国旗与太阳同升（程序运行）4.3.2小球随机进入盒子•1．功能：设计程序，使小球随机落入不同的6个盒子中，实现“向固定直线上的某点”的运动方式。•2．操作步骤：•（1）在主流程线上先后拉进以下图标，前两个为显示图标，分别命名为“盒子”和“小求”，第三个为计算图标，用来控制小球随机落入不同的盒子中，命名为“取随机数”，第四个为定义小球进入盒子的运动方式，即定义为一条直线，使小球运动到直线上的盒子中。命名为“小球进入盒子”。如图4-22。图4-22小球进入盒子的流程和步骤•（2）双击【盒子】图标，画个矩形框，填充黑色，然后复制为六个，排在同一直线上如图4-23；双击【小球】图标，画个小圆，填充红色，如图4-24。•（3）双击【计算】图标，设定随机数，输入position:=Random(0,100,20)，•设定position变量，用Random函数。•函数意义：•格式：number:=Random(min,max,units)•说明：Random产生范围在min到max之间小数点后类似units的随机数。如图4-25。•（4）双击【小球入盒】图标，画一条直线，调整使六个盒子在这条一直线上，最后运行结果如图4-26。图4-26程序运行结果4.3.3日出日落•1．功能：太阳沿弧线运动，实现“指向固定路径的终点”运动。•2．操作步骤：•（1）在主流程线上先后拖进三个【显示】图标，分别命名为“山”、“白云”和“太阳”，最后再拖进一个【运动】图标用于控制太阳的运动，命名为“日落日出”，如图4-27。图4-27日落日出流程图图4-28山•（2）双击【显示】图标“山”，选择曲线在显示板底部画山的形状，填充黑色如图4-28日；同理双击图标“白云”图标，画白云，填充白色，如图4-29。•图4-30太阳移动属性与移动路径•（3）双击“太阳”图标，画园，填充红色，如图4-30；双击“日出日落”图标，属性“类型”选择“指向固定路径的终点”，定时为“10秒”，“执行方式”为“等待直到完成”。点击红色园“太阳”，内出现白三角，移动太阳出现移动路径，每个停点出现黑三角形，双击黑三角形点就形成平滑弧线，如图4-30。•（4）最后执行结果如图4-31图4-31程序执行结果4-3-5正弦曲线运动•1．功能：•通过图形系统函数和对象的移动范围设置，实现小球的正弦曲线运动，这又是一种运动控制方式。•2．操作步骤：•（1）新建一个文件，命名为“沿正弦曲线运动的小球”，添加一个计算图标，命名为“代码”，如图4-35所示。图4-35正弦曲线运动流程图（2）双击计算图标，在弹出的区域内添加如下代码，如图4-35：（3）关闭代码框，弹出一对话框，单击【是】，保存代码，如图4-36所示。图4-36保存代码图4-35计算图标控制代码代码及意义如下：x:=1--x为循环变量，赋初值为1repeatwhilex80--当x80时重复循环体语句ifRound(x/10)=INT(x/10)then--x为整数时，顺序执行下面分支语句。SetFill(TRUE,RGB(Random(0,255,1),Random(0,255,1),Random(0,255,1)))--对小球进行随机填充颜色，具体颜色由RGB参数设定。SetFrame(TRUE,RGB(Random(0,255,1),Random(0,255,1),Random(0,255,1)))--对小球进行随机设置边框颜色，具体颜色由RGB参数设定。endifx1:=100+(x-1)*6--某时刻小球左上角水平坐标值。y1:=200-120*SIN(0.5*(x-1)*Pi/20)--某时刻小球左上角竖直坐标值。Circle(5,x1,y1,x1+50,y1+50)--在左上角坐标(x1,y1)右下角坐标(x1+50,y1+50)的方框内画内切圆，5为线粗细参数EraseAll()--擦除所有图形x:=x+0.01--某时刻小球的x坐标值。endrepeat--循环结束语句。（4）新建变，分别为变量赋值X=80，X1=100，Y1=100，如图4-37所示。（5）运行，即可看到小球沿正弦曲线运动，如图4-38。（1）（2）（3）图4-37新建变量并赋值4-4-1按扭交互•1.功能：通过按扭实现交互选择。•2.操作步骤：•（1）新建一个文件，添加一个交互图标，将其命名为“交互”，如图4-39所示，属性中的“交互作用”擦除选项为“在退出之前”，如图4-40所示。图4-39交互图标•图4-41交互类型选择与设计•（2）在交互中添加第一个显示图标，交互类型选择【按钮】，点击确定，将显示按钮命名为“第一页”如图4-41所示：•（3）继续添加另三个显示按钮，分别命名为“第二页”、“第三页”、“第三页”，效果如图4-42所示：•（4）双击交互图标，弹出演示窗口。选中四个按钮，选择【修改】【排列】，将四个按钮在水平线上等距对齐，并将其拖到演示窗口的顶部，如图4-43所示：•（5）双击第一个显示图标，选择【插入】【图像】，弹出属性：图像对话框，如图4-44所示，单击【导入】，在文件中选中要导入的图片，【导入】、【确定】即可。然后通过拖动图片节点可改变图片大小，效果如图4-45所示：•（6）按上一步的方法，继续在另外三个显示图标中插入图片。•（7）设计图片特效。双击每张图片，在下方的属性栏中将【特效】【特效方式】如图4-46，改为如图所示的效果，如图4-47。•（8）完成所有步骤之后，运行可得出如图4-48的效果，点击不同按钮，显示不同页面，实现按钮控制。4-4-2音乐播放控制•1、功能：通过按扭控制实现视频和音乐的播放，进一步了解常用的“按扭”交互控制的应用；•2、操作步骤：•（1）新建文件，文件命名为音视控制。先后拖进【计算】图标、【数字电影】图标和【音乐】图标，分别给对应的图标命名为“音乐变量”、“书”（视频）和“音乐”，如图4-4-11；拖进【交互】图标，命名为“音乐控制”，随后连续拖进两个【群组】图标，用于控制音乐的开和关，选择“按扭”交互，如图4-49，并分别命名为“开音乐”和“关音乐”、同理，再连续拖进两个【群组】图标，用于控制视频的播放和停止，分别命名为“播放”和“停播”。如图4-50。图4-48音视控制设计窗口1图4-50音视控制设计窗口2•（2）先对“音乐变量”、“书”（视频）和“音乐”三个图标进行设计。•①双击“音乐变量”图标，在计算区域内设计四个变量m、p、q和x，输入相应的值，如图4-51；•m:=TRUE--m为音乐控制参数，当m=TRUE，音乐播放，当m=FALSE，音乐停止。•p:=1--p为控制“关音乐”、“开音乐”按扭的显示或隐藏，当p=1，“关音乐”按钮显示，“开音乐”按钮隐藏；当p=0，“关音乐”按钮隐藏，“开音乐”按钮显示。•q:=TRUE--q为视频停播控制参