网站首页  |  幼儿教育  |  中小学教育  |  电脑教育  |  英语教育  |  教育论文  |  家长教育 设为首页加入收藏联系投稿 
 位置: 中国教育学习网 > 电脑教育 > 媒体动画 > Authorware > 正文

一面冉冉升起的旗

字号:   

主要内容

  在计算机技术和多媒体技术飞速发展的今天,我们可以通过计算机创作出许多精美绝伦的图形和图片。本实例介绍如何创作一面冉冉升起的旗子。

基本操作提要

  在下面的操作过程中,我们着重练习以下重要功能按钮和图标的使用:Authorware中的【显示】设计按钮和【移动】设计按钮;Authorware程序的基本操作步骤和常用命令。包括【Presentation Window】窗口的设置,图形工具箱中【直线】工具按钮和【矩形】工具按钮等的使用,以便对Authorware 的程序有一个感性的认识。希望读者通过自己动手一步步操作来熟悉和掌握这些技术。

注意:操作中对【图形工具箱】的灵活使用。

实例过程

  步骤1创立新的文件和设置【Presentation Window】窗口:

  (1)创建新的文件。

  方法一:从File菜单中选择New命令。

  方法二:单击工具栏中的按钮。

  Authorware将弹出一个名为“Untitled”的设计窗口。设计窗口的平台用以显示一个多媒体程序的逻辑设计结构,并将这种逻辑结构通过主流线及其支流线以及设计按钮图标的方式在设计平台上反映出来。

  (2)从Modify菜单中选择File->Properties命令来设置【Presentation Window】控制窗口。如图所示控制演示窗口的大小非常重要,对用户的交互式应用程序的演示效果有直接的影响

一面冉冉升起的旗

  (3)Size(窗口)的大小表示最终展示窗口的大小,要选择合适的大小。例如,如果创作是在一个1024×768的计算机上设置为全屏幕显示,而在最终用户为800×600的计算机上运行时,则原先的一部分对象就会变得不可见,因而影响了运行的效果。同样的道理,显示器的型号也是要充分考虑的。在这里,我们选择“640×480(VGA,Mac13’’)”,如图所示。

一面冉冉升起的旗

  (4)修改【Presentation Window】窗口的背景颜色为某种颜色,只需用鼠标左键单击图示的【Background】命令按钮,打开【color】颜色对话框,如上图所示。

  (5)要将背景色改成某种颜色,只需用鼠标左键单击左边的颜色方格。此时,在对话框的右上角将显示这种颜色的样例。如果对这种颜色满意的话,只需单击OK命令按钮即可,返回【Presentation Window】控制窗口设置对话框。

步骤2要点说明

  读者在这里可以尝试【Size】下拉列表中的不同选项,如图1-4 所示,然后使用快捷键Ctrl+R观察【Presentation Window】窗口的变化。【Presentation Window】的详细设置见“Presentation Window”窗口的设置。

一面冉冉升起的旗

步骤3放置一个【显示】图标到主流程线上:

  (1)要在主流线上放置一个设计按钮,只需用鼠标从设计按钮调色板中拖动相应的设计按钮到主流线上相应的位置释放即可。拖曳一个【显示】设计按钮到主流程线上需要以下操作:首先将鼠标移到设计按钮调色板上的【显示】设计按钮上,按住鼠标的左键将其拖曳到主流程线上释放,此时主流程线上的【显示】设计按钮呈选中状态(黑色高亮)。在“Untitled”高亮显示时,输入该设计按钮的标题在“Untitled”高亮显示时,输入该设计按钮的标题(如旗杆),然后在主流程线上单击鼠标,【显示】设计按钮便设置完毕,如图所示。

一面冉冉升起的旗

  (2)要打开一个设计按钮,只需用鼠标在设计平台上双击该设计按钮的图标即可。

  (3)当【显示】设计按钮被打开后,【Presentation Window】窗口便出现在屏幕上,如图1-6所示,而该【显示】设计按钮中所包含的内容(包括文本、图形等)均显示在演示画面上,同时,在设计平台上将出现图形工具箱,图形工具箱的标题栏上显示的是该【显示】设计按钮的标题名,图形工具箱的最左边的图标显示框中显示的是该显示按钮的图标。如左图。利用图形工具箱中的工具,既可以直接创建文本或图形,也可以对显示在演示窗口的文本和图形对象进行编辑。

步骤4在【显示】图标的演示窗口上绘制旗杆

  用鼠标单击图形工具箱中的矩形,使之变成高亮。当你将鼠标从工具箱移开后,读者会发现箭头光标变成了十字光标。用来画旗杆。在展示窗口读者准备放置旗杆的位置,点按鼠标健不要松开,然后开始拖曳。拖曳过程中调整矩形的大小如图1-7所示。

  创建显示对象时使用的颜色。缺省情况下Authorware用白色作背景色,黑色为前景色,笔画和线条则用黑色。为使创建的显示对象更引人注目,可以改变这种设置。要改变系统的设置,可以双击图形工具箱中的椭圆工具,或使用快捷键Ctrl+K来弹出设置颜色的对话框,如图所示

一面冉冉升起的旗

步骤5在主流程线上添加另一个【显示】设计按钮

  拖曳一个【显示】设计图标到流程线窗口,如图所示。

一面冉冉升起的旗

  选择“Control”菜单中的“Restart”命令打开此【显示】图标。在文件被执行时,如果它遇到一个不含任何内容的【显示】设计按钮时,Authorware 会自动打开【Presentation Window】窗口,并且图形工具箱会显示在空白的演示画面上。此时展示窗口中旗杆【显示】图标和红旗【显示】图标的内容同时被显示,红旗【显示】图标为当前图标,旗杆【显示】图标内容处于底层。

  选用矩形工具,在图示位置画矩形旗子,并调整其位置。

  创建显示对象时使用的颜色。缺省情况下Authorware用白色作背景色,黑色为前景色,笔画和线条则用黑色。为使创建的显示对象更引人注目,可以改变这种设置。要改变系统的设置,可以双击图形工具箱中的椭圆工具,或使用快捷键Ctrl+K弹出设置颜色的对话框,

  在该对话框底部有两个区域,右边的区域就是前景色和背景色设置区。在该区域有两个重叠放置的样例块。上面的样例块是前景色样本块,下面的样例块是背景色样本块,它们分别用来显示当前使用的前景色和背景色。

  单击前景色区使其周边高亮,然后在调色板中选择读者喜欢的颜色。为矩形旗着前景色。

步骤6画拉旗杆:

  在如图所示的位置画矩形拉旗杆,调整其位置和大小,并为拉旗杆着和旗杆同色的前景色。

              一面冉冉升起的旗

步骤7画拉旗线:

  (1)图形工具箱中有两个绘制直线的工具按钮,即【直线】和【十字交叉线】工具按钮。【直线】按钮可以绘制任意方向和长度的直线,【十字交叉线】工具按钮只能用来绘制一条水平,垂直或与水平方向呈45度角的直线。选用【直线】工具按钮,如图所示画拉旗线。单击鼠标并按住鼠标拖动,屏幕上出现直线的形状,当直线的长度符合设计需要时,释放鼠标,此时直线两端各有一个白色句柄,表示直线处在选中状态。继续画另一条拉旗线。

              一面冉冉升起的旗

  选定拉旗线。点击指针工具使其高亮。按住Shift健,用鼠标点击两个拉旗线,使其处于被选定状态。两条拉旗线两端均出现白色句柄,表示两条直线同时被选中,如上图所示。

  步骤8修改直线的显示线型:

  缺省的情况下,绘制的直线是一个不带箭头的细直线,Authorware允许用户根据需要设置不同宽度的直线或给直线加上箭头。双击【直线】工具或【十字交叉线】工具可以弹出设置直线样式的对话框,在显示的对话框上有两个区域,上面的区域是直线的宽度选择区,要想直线以某种宽度显示,只需在相应的宽度样例上单击即可。被选中的样例将被黑色方框所包围。下面的区域为直线的箭头选择区,选择方法和直线样例一样。在直线线型选择区选择如上图所示宽度的直线线型。

步骤9保存命令:

  用于保存当前的文件。使用File菜单中的Save命令,保存流程线窗口程序的内容。

  如果当前的文件还没有命名,使用该命令会打开【Save File As】对话框。如图所示。在【文件名】正文输入框中可以为当前文件输入一个文件名,然后单击【保存】按钮,即可把当前窗口中的内容保存到指定的文件中,如果当前文件已经有了名称,该命令可以快速将文件重新保存一遍。

              一面冉冉升起的旗

  输入文件名flag,单击【保存】按钮保存文件。

步骤10在主流程线上添加【移位】设计按钮:

  拖曳一个【移位】设计按钮到主流程线上。【移位】设计按钮,用于
移动显示对象以生成动画效果,被移动的对象是含在一个显示设计按钮中的内容。移动的对象可以在指定的时间内从屏幕上的一个位置移动到另一个位置,也可以以指定的速度在屏幕上按照指定的路线移动。

  旗子的冉冉升起,就是利用【移位】设计按钮移动特性使【显示】设计按钮中的内容产生移动。

步骤11打开【移位】设计按钮对话框并进行设置:

  打开【移动】设计按钮,使用Control 菜单的Restart命令(快捷键Ctrl+R)运行该文件。Authorware 在遇到一个新的【移位】设计按钮时会自动打开它,由于用于设计动画的对象放在它前面的【显示】设计按钮中,因此,当【移位】设计按钮打开时,该对象依然在演示画面上。运行该命令,旗杆、旗和拉旗线等均同时出现在演示窗口上。

  选定移动对象:移动对话框到合适位置,使其下层的旗杆和旗子显示出来。用鼠标单击旗子,选定其为移动对象,此时,在预览窗口中便出现所选定的移动对象,如图下图所示。

               一面冉冉升起的旗

步骤12设置【移位】对话框:

  移动方式“Type”选择“Direct to Point”.直接到固定点。时间控制方式“Timing” 选择 “Time (sec)”,移动时间“Time” 设定为5秒。如图下图所示。

  设置移动的终点位置:从显示位置把旗子拖曳到旗杆顶部。

一面冉冉升起的旗

  步骤13调整【移位】设计按钮对话框,使移动对象在【Presentation Window】窗口中显现出来,单击Preview,观看动画效果。如图1-21所示。

  步骤14调整参数,使对象达到最佳效果后,选择“OK”按钮。

  步骤15使用Control 菜单的Restart命令(Ctrl+R)来运行程序,观看整体效果。如图下图所示。

            一面冉冉升起的旗

  步骤16存盘,设计结束

总结

  旗杆【显示】图标存储旗杆的图形

  旗子【显示】图标存储旗子的图形

  升旗【移动】图标按一定特性移动

【Presentation Window】窗口的设置

  【Presentation Window】窗口是多媒体程序的基础,它就像一个大舞台,我们的各种媒体和交互式操作都是在这个舞台上演示。任何的Authorware程序在设计之前,都要根据最终软件发行的需要,即最终用户的需要和最终用户的使用条件,例如,最终用户的机型是苹果机还是微机,显示器的类型和显示器的分辨率等因素综合来决定【Presentation Window】窗口的大小和定制【Presentation Window】窗口的样式。通过实例1,读者对【Presentation Window】窗口已经有了一个大致的了解,下面,我们来详细介绍【Presentation Window】窗口的各种不同风格和定制。

  设置【Presentation Window】窗口的大小:

  (1)按照实例1的方法:从“Modify”菜单中选择“File”->“Properties”命令来设置【Presentation Window】控制窗口。如图所示。

  (2)单击【Playback】命令按钮,弹出对话框如图所示。下面对其中的选项进行设置。

            一面冉冉升起的旗

  ①【Colors】项:

   ·【Background】的作用和使用方法同实例1。

   ·【Chromy Key】Chromy 关键色设置,当用户在使用视频重叠卡,而且,使用的重叠卡支持Chromy 关键色,则可以使用Chromy 关键色。使用Chromy 关键色格式化的图形无论在何种条件,Authorware都可以正确地将这些对象演示在屏幕上。设置Chromy 关键色的方法是用鼠标单击【Chromy Key】前的色块,弹出如图所示的对话框。

            一面冉冉升起的旗

   在该对话框左边的颜色调色板中,带有粗重边框线的颜色方块是当前使用的Chromy关键色,在Authorware中,Chromy关键色的缺省值是洋红色。

   ·单击“OK”按钮返回。

  ②【Size】选项:打开【Size】下拉式列表如图1-25所示,其中包括下列选项:

   ·选择“Variable”选项后,展示窗口的大小和位置可以根据用户的需要随意调整。方法同调整Windows应用程序窗口方法相同,用鼠标拖动展示窗口的任何一条变或角即可以调整其大小,用鼠标点按住展示窗口的边或角可以拖动到任何合适位置。如果选择该选项,在我们最终发行软件时,【Presentation Window】窗口的大小以创作者最后一次设置的大小为准。

   ·选择“512×342(Mac 9")”选项后,展示窗口在水平方向上显示512个像素点,垂直方向上显示342个像素点,其大小相当于Machintosh的9英寸屏幕上的标准Windows窗口大小。

   ·如果最终用户要在配有EGA显示器的计算机上运行应用程序,则需要选择“640×350(EGA)”项。在标准的EGA显示器上显示的展示窗口,水平方向是640像素点,垂直方向是350像素点。最终发行时,展示窗口的大小不变。

   ·选择“Use Full Screen”选项,在运行应用程序时,Authorware会根据你显示器的分辨率自动地把展示窗口占据整个屏幕,即全屏显示。

   ·如果最终用户要在配有SVGA显示器的计算机上运行应用程序,则需要选择“800×600(SVGA)项。在标准的SVGA显示器上显示的展示窗口,水平方向是800像素点,垂直方向是600像素点。最终发行时,展示窗口的大小不变。该选项是目前我们设计交互作用的多媒体软件最常用的选择。

   其它的【Size】选项,希望读者自己进行尝试,来掌握它们的大小和比例,在这里就不一一列举了。

  ③【Option】选项:如图所示

            一面冉冉升起的旗

   ·选择“Center on Screen”选项,无论在任何显示器上,【Presentation Window】窗口的位置都是在屏幕上居中对齐。

   ·选择“Title Bar”选项,【Presentation Window】窗口中会显示标题栏如下图:

   ·选择“Menu Bar”选项,在【Presentation Window】窗口上端会显示菜单栏。

  ④【Windows Only】选项:该选项内容只适用于最终用户使用Windows环境的情况。

   ·“Task Bar”选项用来决定Windows 95的任务栏是否出现在用户的展示窗口中,因为任务栏的出现可能会遮盖【Presentation Window】窗口的内容。请读者注意,当设置的【Presentation Window】窗口的大小小于显示器的尺寸时,该选项是没有作用的。只有在全屏显示的情况下,该选项才有效果。 希望读者对该选项进行实际的操作,只有实践,读者才能深刻地体会其用法。

   ·选择“Overlay Menu”选项,【Presentation Window】窗口中的标题栏会重叠在菜单栏上,使得菜单栏暂时不可见。

   ·因为Windows 95允许用户为可执行程序设置它们自己的窗口颜色,所以用户可以将这一设置用于自己的作品。如果选择“Match Window Color”选项,最终用户在运行时,用户选择的窗口颜色将覆盖创作时选择的颜色。对于该选项,危险是用户可能选了一个在美学上与你创作的作品的背景相冲突的颜色。一般情况下,不要选择该选项。

   ·运行时的标准外观,就像用户可以为Windows 95系统建立一个自定义窗口颜色一样,他们也可以选择一个按钮的外观。选择“Standard Appearance”选项可以使用户的选择覆盖Authorware对所有系统按钮和对象的默认值。

   ·用鼠标单击“Windows 3.1 Metrics”选项单选框,退出图所示的对话框,单击【Continue】命令按钮继续。

            一面冉冉升起的旗

   该对话框的意思是:Windows 95的菜单栏、标题栏和窗口边框同Windows 3.1的不同,如果选择该选项,Authorware会把应用程序中所有的窗口都改变为可以匹配Windows 3.1的情况。

   由于Windows 95 和Windows 早期版本的这种不同,所以如果用户想设计一个在两种环境下都可以使用的作品,那么用户的展示窗口顶部将会被覆盖掉一个像素,或者展示窗口底部将会少一个像素。所以,如果读者想自己的作品能在两种环境下运行,请选择该选项,但随着Windows标准的逐步统一,笔者认为,该选项在Authorware将不复存在。

  ⑤【Macintosh Only】:

   ·“Desktop Pattern”选项创立一个展示窗口,该展示窗口包含与最终用户的Macintosh桌面当前使用的背景图案相同的背景图案。

   单击下图的【Ineraction】命令按钮,弹出如图1-29【Interaction】所示的对话框,下面,向读者介绍该该对话框的内容和设置:

            一面冉冉升起的旗

   1.在使用【Wait】按钮,或一个与交互或判定设计按钮相关联的自动暂停时,Authorware将自动创建一个带标签的按钮,叫Pause“暂停”按钮。该按钮呈现在展示窗口中。如右图所示中的按钮是在程序设计过程中,【暂停】设计按钮中呈现在展示窗口的【Continue】命令按钮。在这里我们可以单击该按钮或右方小方块,弹出【Buttons】定制对话框,来改变该命令按钮的形状。如图所示。

               一面冉冉升起的旗

   2.在“Lable”选项中,输入的是【Wait】按钮的标签。读者可以尝试在该区域内改变按钮的名称,观察【暂停】按钮标签的改变。

   3.当用户退出后又回到该作品上将发生什么?这是在使用Authorware 中,我们必须在此对“On Return”进行的设置的原因,Authorware为我们提供了两种用户返回的处理选项:

   ·“Resume”选项使当前用户从前一个用户退出的地方开始执行,无论当前用户是否是上一个使用该作品的人。而且“Resume”还会保存所有的变量和当前设置。

   ·“Restart”选项使用户的作品在每一次启动都从开始处执行,并重新运行所有控制作品的变量和重新设置。 该选项适用于多个用户共同使用同一个作品的情况。如果用户还希望能够保存所有用户创建的信息,而且不希望当前用户找到以前用户留下的内容,用户可以在作品的开头加一个登录功能,它可以储存用户的信息,在以后的使用中它将读取储存的外部文件,并设置变量和相关控制。

  4.“Transition”选项允许作者选一个用于用户返回作品的过渡过程。 用鼠标单击图1-29“Transition”右边的小方块,弹出图1-31所示“过渡效果”定制对话框,具体设置参见相关内容。

  5.可以在“Search Path”区域中输入存放用户的作品中所使用的外部媒体,如数字电影或各种库内容等。如果你要设计跨平台的多媒体软件的话,一定要注意在不同的环境中使用的命令名约定。此外,输入的地点要对所有的系统取标准,而不能是你的开发环境所专用的。 在输入搜寻路径时,在目录或文件夹名称后使用反斜杠。使用分号以隔开多个搜寻目录。

  6.“Windows Path”选项设置是为了在Windows 95 或Windows NT环境下操作时使用32位的Authorware更灵活。该选项决定对返回一个网络路径名称的系统变量和函数使用什么约定。

   ·UNC(Universal Naming Convention)选项意思是通用命名约定:如果用户的作品只在使用UNC的网络上运行,如Windows NT,则选择该选项。

   ·如果用户的作品要在不同的网络上运行,则选择“DOS(Drive Based)”选项,根据作者的经验,我们在创作作品时,一般情况下,应选择该选项。

  ⑦用户可以在“Windows Names”区域决定用于有关系统变量和函数返回的文件名的约定。

   ·“DOS(8.3)该选项最多允许8个字符的文件名。

   ·“Long Filenames”选项允许长达255个字符的文件名。一般情况下,如果用户不能确定最终作品在什么系统上运行,最安全的选择是DOS选项。该选项适用于所有的系统。

  ⑧单击“OK”命令,设置结束。

  为了更好地理解【Presentation Window】窗口的设置,笔者将在以后的实例中,加强该对话框的设置,希望读者在以后的实例中多进行体会和观察。

练习
  读者如果觉得旗子还有不足之处,还可以自己在上面添加内容。读者可做下面的练习:
  使用【图形工具箱】中的【多边形】工具在红旗上绘制需要的图案。

收藏此文  |  打印  

 
  • 上一篇教程:

  • 下一篇教程:

  •   GoogLe
     
      最新推荐
  • 此栏目下没有推荐教程

  •   最近更新

      GoogLe

     
    Powered by Cn-Education.Com (c) 2005-2008 中国教育学习网 教育网站长QQ交流群60041790
    设为首页  |  加入收藏  |  版权申明  |  广告服务  |  联系我们  |  友情链接  |  网站地图  |  返回顶部 ↑