为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

Authorware

2011-11-27 23页 doc 544KB 214阅读

用户头像

is_611355

暂无简介

举报
Authorware用Authorware做个闪闪红星 做多媒体作品,总是希望能有一个不错的效果。这不,又想起小时候看电影时,八一电影制作厂片头上那光芒四射的红五星了。这也算是那个时代一个经典的效果吧。要是在咱们的多媒体作品中也能放上这么一个效果,呵呵,您想想,肯定够酷。现在,咱们就用Authorware来实现这个目标?     实现原理     假定有两个同心圆,让一个角的顶点就与这个圆心重合,那么它与两个同心圆必然都会有交点。我们可以利用Authorware的计算功能来计算出这两个点在屏幕上的坐标位置,然后用线段进行连接。这样,就得到...
Authorware
用Authorware做个闪闪红星 做多媒体作品,总是希望能有一个不错的效果。这不,又想起小时候看电影时,八一电影制作厂片头上那光芒四射的红五星了。这也算是那个时代一个经典的效果吧。要是在咱们的多媒体作品中也能放上这么一个效果,呵呵,您想想,肯定够酷。现在,咱们就用Authorware来实现这个目标?     实现原理     假定有两个同心圆,让一个角的顶点就与这个圆心重合,那么它与两个同心圆必然都会有交点。我们可以利用Authorware的计算功能来计算出这两个点在屏幕上的坐标位置,然后用线段进行连接。这样,就得到一条线段,就用它来做光芒吧。   图1 改变角度,就会得到另一个线段。做满一周,就会得到一圈光芒。 改变大小圆的直径,就会得到另一圈光芒。 而这种改变,用一个循环语句岂不是很容易就可以做到?怎么样?原理是够简单吧?     实现过程     实现的过程非常简单,用到的图标只有三个:     1、在主流程线上放一个显示图标,导入一个五角星的图片。这就是那个红五星了。     2、在主流程线上再放一个决策图标,双击打开其属性对话框,将“Repeat”的值改为“Until Click/Keypress”。     3、最后放一个计算图标到决策图标的右侧,双击打开其输入窗口,输入如下内容:     h:=320   k:=240〖指定中心点的坐标〗   r1:=100   r2:=92〖指定大小两个圆的半径〗   repeat while r1〈=400〖指定大圆的范围。以上这些数据是可以根据实际需要自行改变的〗   SetFrame(1,RGB(255,0,0)) 〖指定光芒的颜色,此外为红色〗   angle:=-0.5*Pi 〖指定角度的初始值〗   repeat while angle〈=1.5*Pi 〖使角度正好完成一周〗   x1:=r1*COS(angle)+h   y1:=r1*SIN(angle)+k〖计算当前角终边与大圆交点的坐标值〗   x2:=r2*COS(angle)+h   y2:=r2*SIN(angle)+k〖计算当前角终边与小圆交点的坐标值〗   Line(3,x1,y1,x2,y2) 〖用线连接大圆交点与小圆交点〗   angle:=angle+Pi/18〖设置角度差〗   end repeat〖完成当前大小圆内的全部线段〗   r1:=r1+20   r2:=r2+20〖大小圆的半径各自增加20象素〗   end repeat     好了,完成后的流程线如图1所示。执行一下,呵呵?效果如何?什么?开始放上的那个红星的位置不对?不要紧,按一下“Ctrl+P”快捷键,使程序暂停执行,然后双击一下那个红星,是不是在这个红星的周围又出现了控制句柄?行了,现在你想怎么调整就调整吧,直到你满意为止,执行后的效果如题图所示。     顺便提醒一句,对程序稍加改变,也许您可以得到更好的效果呢。比如将SetFrame(1,RGB(255,0,0))一句改成SetFrame(1,RGB(255,r2,0)),您再执行看看? 要是再加上音乐,呵呵,那才是盖了帽了呢!好了,我也甭废话了,您还是自己做一个瞧瞧吧。 用Authorware实现滚动字幕     在电影或电视剧的片尾都有关于剧作制作群的向上滚动的字幕,我们同样也可以做出这种效果,请跟我来…… 利用Authorware实现 1、启动“Authorware”,双击打开“bj1”显示图标,引入一背景图片。点击菜单条“Modify→Icon→Properties”,将“Display”中的Layer设置为1。 2、利用其他图像处理软件截取所引入的背景图片的上下两个长条。双击打开“bj2”显示图标,将其引入。将其层参数设置为3(方法同前)。 3、双击打开“Text”显示图标,输入所要显示的滚动字幕的内容。调整好位置。将其层参数设置为2(如图3)。 图3 4、双击打开移动图标“Move”,选定“Text”中的文本内容为移动对象。弹出“Motion Icon”对话框,在“Type”区下拉列表中选定“Direct to point”,在“Concurrency”区中选定“Wait Until Down”,然后在“Time”区输入移动时间等参数。 5、双击打开“Wait”图标,不选中任何一个选项,仅在“Time”中输入时间参数(例1.5秒)。 6、双击打开“Quit”运算图标,输入Quit()。 好了,点击“Restart”观看一下效果吧。当然,如果想脱离“Authorware”环境运行,那就执行打包程序吧。单击“File→Publish→Package”确定即可。 用Authorware制作交互性相册     光阴如流水,转眼间已经走出校门三年了,翻看昔日同窗好友的“玉照”,心里备感温馨!可令人不快的是发现他们越来越模糊啦(注:不是印象模糊了,而是照片模糊了),而且想要看某个好友的照片还要翻来覆去的寻找,哎!真是……不过庆幸的是剑锋对Authorware比较熟悉,何不用它来制作一个交互性的相册呢?说干就干,Let's go! 实现功能     当相册开始演示时,位置在屏幕的中央,如果相册的尺寸小于当前系统分辨率则多余的部分以黑色覆盖;每张照片之间的过渡采用了翻书的形式;相册可以手动上下翻页,也可以设置自动翻页;具有查找功能,即输入姓名就可以快速跳转到照片所在页;能够显示当前照片是第几张和共几张;相册的流程图如图1所示。 图1 准备工作 1、为了让相册播放时能够覆盖屏幕多余部分,到http://211.155.224.153/test/down/download.asp?Did=1784下载一个名为“Cover.zip”的文件;翻页效果的实现可到http://211.155.224.153/test/down/download.asp?Did=2052下载一个名为“dmpcak1&&2.zip”的文件;将Cover.zip解压(Cover.u32)到Authorware的安装目录下,将dmpcak1&&2.zip解压到Authorware的安装目录下的xtras文件中,此时是两个文件dmpcak1.x32和dmpcak2.x32。 2、用Phtoshop 制作一张尺寸为640×480的背景图片(如图2),背景分为四个部分,也就是相册的主要部分;再使用Photoshop制作按钮5个(如图3),从左往右分别是:向上、向下、查找、自动、退出,注意按钮排列后的总长度在背景图的控制区域内。 图2 图3 制作相册 1、启动Authorware 6.0,新建一个名为“相册”的文件;拖一个计算图标至流程线,双击打开输入: ResizeWindow(640,480)   ShowMenuBar(OFF)   ShowTaskBar(OFF)   ShowTitleBar(OFF)   t:=10000   background:=Cover() 关闭计算图标时会弹出对话框寻找Cover函数,此时选择Authorware目录下的Cover.u32即可。 2、在流程线上放置一个声音图标,双击出现对话框,单击Import…按钮导入所需要的声音文件,这里是华仔的“一起走过的日子.mp3”;选择Concurrency下的Perpetual;Play下的Until True,并在下面输入a=1。在流程线上再放置一个显示图标,双击打开按Ctrl+R导入刚才制作的背景图片。 3、流程线上放置一个框架图标,双击打开删除里面的部分图标,再修改和添加一些图标;在按钮显示图标中导入制作的按钮图片,注意图片的位置在背景图片的控制区域内;将所有的交互类型由“Button”改设为“Hot Spot”,并且响应位置与显示图标中的按钮相对应;双击每个交互上面的小虚线框打开Properties:Response属性框,设置如图4所示,这样可以让静态的图片按钮单击后有动感。 图4 4、打开“查找”图标的属性框,在Hot Spot的Keys中输入“F3”,设置查找按钮的快捷键为F3;设置“退出”图标的快捷键为“Esc”,在群组图标下的计算图标中输入: Quit()   background:=Uncover() 在“自动”图标下的计算图标中输入: PressKey("Pagedown")   if t=10000 then   t:=6   else   t:=10000   end if   sKey("Pageup") 5、设置“向上”图标的快捷键为“PageUp”,并且在其响应条件Active If中输入:CurrentPageNum>1,这样相册在演示时,到了第1页时此按钮将会失去作用;设置“向下”图标的快捷键为“PageDown”,并且在其响应条件Active If中输入:CurrentPageNumBR> 6、在框架图标中放置群组图标,在群组图标中再依次放置显示图标,等待图标,计算图标;在显示图标中输入:第{CurrentPageNum}张,共{PageCount}张,注意文字的位置在背景图的显示相关信息处,这样可以显示当前照片是第几张和一共多少张;双击打开等待图标,取消所有选项,在Time limit中输入“t”,双击打开计算图标再输入:PressKey("Pagedown"),这里主要是实现自动播放;复制该群组图标若干份(视照片张数而定),然后重新命名(参照图1)。 7、双击群组图标“fm”,导入作为首页的图片,并在“个人简介”位置处输入文字,如果文字太多可以使用滚动文本,选择Text→Scrolling命令即可,完成后观看效果,各个部分之间的位置关系如图5所示;利用同样的方法,加入其他的照片;这里要特别注意的是:用来显示照片的显示图标,一定要输入照片中人的姓名,否则后面的查找功能将不能实现预定目标。 图5 8、按住Ctrl键双击框架图标打开属性对话框,单击Page旁边的按钮,选择换页方式,再连续单击OK即可。 注意:dmpcak提供的换场方式很多,翻书效果只是其中之一。 按Ctrl+R测试相册整体效果。 输出并刻录相册 1、选择“Flie→Publish→Package…”出现对话框,选择“For Windows 9x and NT Variants”,然后将下面的四个选项全部选中;进入Authorware的目录,将Xtras文件夹和Cover.u32拷贝到打包文件所在的相册文件夹,这样播放时就不会少这少那啦。 2、在该文件夹中创建一个Autorun.inf的文件,双击打开,在里面输入: [autorun]   open=xiangce.exe(假设相册文件为xiangce.exe)   ico=icon.ico(假设光盘图标是icon.ico) 将相册文件夹中的所有文件都刻录在光盘上即大功告成了。 最后将刻录好的光盘放入光驱,此时光盘会自动播放,开始欣赏自己的劳动成果。动听的音乐、翻动的照片,温馨的感觉,让我沉浸在昔日美好岁月的点点滴滴中! 在Authorware中实现四季变化动画     在讲述地球四季变化时,以前利用Authorware中“沿路径到终点”的动画虽可以简单实现地球围绕太阳旋转的效果,但它不能实现随意控制效果;而利用其他动画软件制作好运动动画以后导入到Authorware中也存在这一问题。笔者经过研究,终于利用文本响应和条件响应实现了这一效果:输入任一月份,地球都会沿轨迹运动到相应的位置并出现相应季节的提示。最终效果见(图1)。下面就来跟我一起做吧! 图1 制作“太阳”和“地球” 1、打开一新文件,在流程线上放置一“显示”图标并命名为“太阳”,然后双击打开显示图标,在显示窗口中心位置放置一事先准备好的“太阳”图片,调整好大小后关闭; 2、再在“太阳”后放置一显示图标并命名为“地球”;按住Shift键双击打开该图标,就可以看到前一图标中的太阳还显示在窗口中;导入准备好的“地球”图片,调整好大小和位置。 设置文本交互和条件交互 1、在流程线上放置一“交互”图标并命名为“控制动画”(如图2); 图2 2、在交互图标右侧放置一“群组”图标,在打开的“响应类型”面板中选择“文本”响应,然后双击打开“文本响应属性”对话框,在“textentry”文件夹中“pattern”选项的文本输入框中键入系统变量“entrytext”,其他各项设置按默认值。文本响应下的群组图标空置。 3、双击“交互”图标,设置“交互文本输入框”,设置文本字体、字号、颜色和背景。 4、在文本响应图标右侧放置四个“群组”图标,打开响应属性面板,将它们的响应类型都设置为“条件”响应;打开第一个条件响应属性设置面板,在“condition”后输入“numentry=3|numentry= 4|numentry=5”,“automatic”设置为“off”;后面三个条件响应属性的设置分别为“numentry=6|numentry=7|numentry=8”, “numentry=9|numentry=10|numentry=11”, “numentry=12|numentry=1|numentry=2”,其他设置与第一个相同。设置这四个条件响应的目的是当用户键入任一月份时,程序都会产生相应的响应。 设置地球动画和季节提示 打开第一个条件响应下的“群组”图标,在流程线上放置一“动画”图标并命名为“地球动画”;打开动画图标,选择动画类型为“到路径上的任一点”,然后拖动地球设置好运动路径;在“motion”文件夹中,设置动画时间为“3秒”,“concurrency”设置为“wait until done”;打开“layout”文件夹,将“base”后的值设置为“1”,“end”的值设置为“12”,“destination”后输入系统变量“entrytext”。 在动画图标后放一“显示”图标,在窗口适当的位置放置文本“春季”作为提示信息。(插入图3)后面三个条件响应下的群组图标中的程序设置与第一个相同,你可以将“地球动画”拷贝到三个群组图标中,其中的设置不变,而后面的显示图标中的文本只需分别改为“夏季”、“秋季”、“冬季”就行了。 图3 现在打开播放按钮,看看四季的变化吧! Authorawre中实现文字渐升或渐降效果的方法 一、建立一个文件,拖入如下图的图标,并命名。 二、图标内容 背景1中插入一幅图片(如图1);背景2中插入经把图1处理后的图片(如图2)。 注:图片2处理方法:用画图软件打开图1,再在中间合适的位置剪切一个长方形空间,另存为一个图片文件即可。 调节图1和图2的位置,使两幅的图象能吻合重叠,这一点很重要,否则效果很差。             图1                           图2 把图2的“层”定为8(按CTRL+I后在“Layer”中填上“8”)。 三、“固定”计算图标中输入:   Movable@"背景1":=FALSE   Movable@"背景2":=FALSE 四、“文字”显示图标中   输入一些说明文字后拖动至图2空白处的下方,且被图2遮住。把文字的“层”定为5。 五、运动图标“文字动画”:  选择“文字”图标为运动对象,在运动图标属性中“Motion”选择“Direct to Point”、“Timing”中选“Time(sec)”,输入其值为“15”、“Concurrency”中选“Wait until Done”. 拖动“文字”图标至合适的位置。 六、按“CTRL+R”运行。(别忘保存!!) Authorware制作古诗对句   互动性是多媒体的重要特征之一,而Authorware的强大功能就集中体现在交互作用的控制上。本例将以古诗句的配对来讲解Authorware按钮交互、目标区交互以及限时交互的用法。   目标效果   给出一句古诗和三个选择项,要求在选择项中找出与其配对的一句古诗,然后将它拖到原诗句后面,如果正确则显示这首古诗的全部内容,并伴有本诗的朗读配音;如果错误则拖动的诗句将返回原处并显示出错提示。每道题目限时10秒钟,超过10秒就提醒超时并切换到下一题。朗读古诗时可以进行控制。   制作方法及步骤   一、收集素材   本课件要用到古诗的朗读配音,所以我们先用Windows自带的录音机或者其它的录音软件录制古诗配音,然后以古诗题目为名保存,如“望庐山瀑布.wav”。   二、流程 1.主界面设计   ①运行Authorware,将一计算图标拖到流程线上,命名为“初始化”,在计算图标里输入“ResizeWindow320 240 ”,将窗口设置成320×240大小;接着拖入一个显示图标,命名为“背景”,导入适当的图片作为课件背景。   ②拖入一个显示图标,命名为“答题须知”,在里面输入一些答题的要求,再拖入一个显示图标命名为“题1”,在里面输入第一句古诗“飞流直下三千尺”,并设置适当的字体、字号、颜色等;再拖入三个显示图标,分别在里面输入三句古诗,适当调整三句古诗的位置(图1)。   2.音乐控制   ①拖入一个交互图标,在交互图标的右边拖入四个组图标,选择交互类型为“目标区”交互,分别命名为“正确”、“错误”、“错误”和“限时”。   ②双击“正确”组图标上面的按钮,用鼠标单击窗口中正确的诗句,然后把窗口中出现的虚线框拖到横线上,设置好大小;接着在“目标区”选项卡“放下”栏中选择“在中心定位”,表示诗句拖过去后自动放置到虚线区域的中心位置;再到“响应”选项卡下设置“分支”为“退出交互”。   ③然后打开“正确”组图标,拖入一个擦除图标,双击打开后点击错误的两句古诗将它们擦除。再拖入一个显示图标,命名为“古诗欣赏”,打开后输入全诗的内容;再拖入一个声音图标,命名为“配音”,导入我们刚才录制的声音文件,并在“计时”选项卡里设置执行方式为“同时”。   ④再在下面拖入一个交互图标,然后在右边拖入四个计算图标,选择交互类型为“按钮”交互,分别命名为“播放”、“暂停”、“继续”和“停止”,并在四个计算图标中分别输入“MediaPlayIconID@″配音″ ”、“MediaPauseIconID@″配音″TRUE ”、“MediaPauseIconID@″配音″FALSE ”和“GoToIconID@″题2″ ”。   提示:执行“停止”图标即可停止播放声音文件,跳转到下一题。所以在这之前先得在程序下面放置名为“题2”的显示图标,否则无法继续。   ⑤设置“停止”按钮的属性为“退出交互”。再双击交互图标,拖动窗口中的按钮到合适的位置。这样点击相应的按钮就可以对音乐配音进行控制了。效果如图2所示。     3.其他交互设置   ①双击“错误”组图标上面的按钮,点击错误的诗句,拖动虚线框大小布满全屏;在“目标区”选项卡“放下”栏中选择“返回”;再设置“响应”选项卡下的“分支”为“重试”;打开组图标,拖入一个显示图标并在里面输入“错误,请重试”,设置适当的字体、字号及放置地点。   ②以同样的方法设置另一个“错误”图标。   ③双击“限时”组图标上面的按钮,在弹出的对话框中设置交互类型为“时间限制”,输入时限为10,勾选“显示剩余时间”;在“响应”选项卡下设置“分支”为“退出交互”。打开组图标,拖入一个显示图标,并在里面输入“超时!”;再拖入一个等待图标,设置等待时间为2秒。整个程序的流程如图3所示。   ④用同样的方法制作题2、题3等。笔者建议复制题1全部内容,然后修改一下设置即可。   三、修改调整   点击工具栏里的“控制面板”按钮,调出控制面板,点击“运行”按钮,如果不满意则点击“暂停”按钮进行修改,直到满意为止。   小结   本例利用了目标区、按钮、时间限制这几个交互实现古诗句的“对对碰”(配对)效果,在Authorware中若能合理利用其强大的交互功能,定能制作出更好的互动课件来。 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 在遇到一个新的【移位】设计按钮时会自动打开它,由于用于设计动画的对象放在它前面的【显示】设计按钮中,因此,当【移位】设计按钮打开时,该对象依然在演示画面上。运行该命令,旗杆、旗和拉旗线等均同时出现在演示窗口上。   选定移动对象:移动对话框到合适位置,使其下层的旗 在Authorware中做出渐变效果    我们在做多媒体作品时,自然少不了用渐变色来装饰自己。可是,Authorware中却没有现成的东东来画渐变颜色。本着DIY的精神,咱仔细地想了又想,终于可以在Authorware中直接做出渐变效果了。以下是三个小例子:一个是线性渐变、一个是圆的径向渐变以及一个扇形渐变。 速度条渐变     首先利用其他软件(比如Windows自带的画图板)得到红色和黄色的RGB值。打开画图板,点击“颜色→编辑颜色…”菜单,弹出“编辑颜色”对话框,单击其中的“规定自定义颜色”按钮,然后选中红色,您就会在最右侧看到这个颜色的RGB值了。现在您看到了吧,纯红色的RGB值是(255,0,0),而纯黄色的RGB值是(255,255,0)。 您只要把这些内容写到一个计算图标里就行了。 h:=100 k:=80 x:=h b:=0 repeat while x〈=400 x1:=x+1 if b〉255 then b:=255 end if   SetFrame(1,RGB(255,b,0)) Line(20,x,k,x1,k) x:=x+1 b:=b+1 end repeat   怎么样,带红黄渐变的进度条效果是不是很酷啊?     如果想调整色块的宽度,就调整Line(20,x,k,x1,k)语句中那个“20”的数值就可以了,而如果您想调整长度呢,就请调整repeat while x〈=400语句中那个“400”的数值。 径向渐变 拖一个计算图标到流程线上,双击打开其输入窗口,输入如下的内容: h:=400 k:=250 p:=0 c:=0 repeat while p〈=130 if c〉=255 then c:=255 end if SetFrame(1,RGB(255,c,0)) Circle(2,h-p,k-p,h+p,k+p) p:=p+1 c:=c+2 end repeat 执行一下,效果怎么样?还不错吧?     如果您想改变一下渐变色,是非常简单的。只要您把上面程序中RGB(255,c,0)中的三个数值做个调整就可以了。您可以试试RGB(255,c,c)或RGB(c,c,c),甚至RGB(c,255-c,c)。此外,调整一下c:=c+2一句中的数字,可能有意想不到的效果出现喔! 扇形渐变     您先看看效果,如图4所示。在Photoshop中我们常见这种效果,是不是?在Authorware中咱们照样可以把它做出来。您只要在计算图标中写入如下的内容: h:=200 k:=200 x:=0 b:=0 r:=150 angle:=0 repeat while angle〈=2*Pi x:=r*COS(angle)+h y:=r*SIN(angle)+k if b〉255 then b:=255-(b-255) end if SetFrame(1,RGB(255,b,0)) Line(5,h,k,x,y) b:=b+1 x:=x+1 angle:=angle+0.02 end repeat OK,执行一下,体验一下那种成功的快乐吧! Authorware中也能做鼠标跟随 鼠标跟随?没搞错吧?这东西好象在Flash作品中常见,在Authorware中也能做吗?呵呵,当然能做了。而且制作个带动画效果的,也很简单呢! 先说说原理吧!要知道,在Authorware中提供了很多的系统函数和系统变量,好好地利用它们,我们就可以制作出一些很不错的效果。比如我们这次就用到了两个关键的系统变量:CursorX和CursorY。前者表示当前鼠标位置距窗口左边框的象素数,而后者则表示当前鼠标位置距窗口上边框的象素数。而要做鼠标跟随,最要紧的不就是捕获到鼠标的位置吗?有了这两个数据,咱们制作起来当然就方便了。 实现效果: 当鼠标在窗口中运动时,会有一串串的圆跟踪而至,如同水泡一样;而当鼠标静止不动时,则会有依次变大的同心圆往复变化。如图2所示。(图2为两种效果的合成图) 实现过程: 制作这样一个效果,其实有四步就可以搞定了。 第一步:放一个计算图标到主流程线上,双击打开其输入窗口,输入:x=1 第二步:放一个交互图标到主流程线上,然后放一个计算图标到其右侧,在弹出的“Response Type”对话框中,选择“Conditional”,如图1所示。将该计算图标命名为“x=1”(此处命名切记要在英文状态下输入啊)。 第三步:双击“x=1”计算图标,打开其输入窗口,输入如下内容:  R:=10 repeat while R<=40 SetFrame(1,RGB(255,0,0)) Circle(1,CursorX-R,CursorY-R,CursorX+R,CursorY+R) R:=R+4 xx:=0 repeat while xx<5000 xx:=xx+2 end repeat end repeat 第四步:双击计算图标上方的小等号,打开“Properties:Response”对话框,在“Conditional”选项卡中,将“Aumatic”的值改为“When True”;在“Response”选项卡中,将“Branch”的值改为“Continue”。其它采用默认设置。如图3所示。 好了,完成了。只有四步,就这么简单。执行一下,您也看看效果? 如果您想做的是文字的鼠标跟随,那么您只需要做如下的修改: 1、在交互图标的前面,加一个显示图标,双击打开其演示窗口,在适当的位置写下文字,比如“赛迪网电脑应用频道”,调整好字体、大小和颜色等。 2、将上面操作中第二步的计算图标改为运动图标,命名不变,仍为“x=1”。先打开刚才那个显示图标,关闭后,再双击运动图标,则同时打开运动图标的属性对话框和刚才的显示图标的演示窗口,用鼠标单击一下显示图标演示窗口中的文字,然后在运动图标的属性对话框的“Layout”选项卡中,将“Destination”处“X”的值改为“CursorX”,将“Y”的值改为“CursorY”。如果您希望鼠标跟随的速度能快一点的话,还可以将“Motion”选项卡中“Timing”输入框中的值改小一点。 好了,有了这些修改,您就可以做出文字跟随效果了。 如何在AW中实现放大镜功能?   具体方法是:本实例是图片的局部放大,即放大镜功能。拖入一个显示图标插入小图片,取名“小图片”;又拖入一个显示图标,输入“请单击你要放大的位置”,取名“放大提示”;再拖入一个显示图标,分别在上下左右各画一个黑色方框,中间位置空出来,大小同小图片一样,取名“浏览框”;拖入一个交互图标,取名“放大图片”,交互类型为热区,大小同小图片,在里面拖入一个群组图标,取名“放大”;点击群组图标,进入第二层,拖入一个擦除图标,用于擦除放大提示中的文字,取名“擦除放大提示”;接下来拖入一个显示图标,输入文字“回到原始比例”,取名“回到原始比例”;再拖入一个计算图标,在里输入“Y:=(ClickY-ResponseTop@"放大")/ResponseHeight@"放大"*100,X:=(ClickX-ResponseLeft@"放大")/ResponseWidth@"放大"*100”,取名“单击位置”;又拖入一个显示图标,插入大图片(内容应同小图片一样),取名“大图片”;最后拖入一个交互图标,取名“还原”,交互类型为按钮,在里面放一个计算图标,输入“GoTo(IconID@"小图片")”,取名“还原”,这样放大镜功能就实现了,具体情况请看实例。 移动的标题文字     本节要点:显示图标(Display)、移动图标(Motion)、文本输入与格式化、文字和图像的显示模式      完成后流程图     制作步骤:   1、向设计窗口中依次拖入两个显示图标(Display)和一个移动图标(Motion),并命名如上图所示。   2、双击“背景图”显示图标(Display),打开程序展示窗口(Presentation Window),这个窗口就是最终用户看到的窗口。同时出现“编辑工具盒”,其中的八个按钮的功能依次为:   选择/移动、文本编辑、画水平垂直或45度直线、画任意直线、画椭圆/圆、画矩形、画圆角矩形、画多边形。        3、单击工具栏上的“输入(Import)”工具,或使用“File”>>“Import...”命令。出现输入图像对话框。选中下方的“Show Preview”可以在右边的窗口中预览选中的图片。选中“Link To File”,将链接到外部文件,如果外部文件修改了,那么在Authorware中看到的也是修改后的图,一般在图片需要多次改动时,选中此项。 点击上图右下角的“+”,可以一次输入多个对象。   4、双击“文字”显示图标(Display),选择“文本编辑”按钮,鼠标指针为“I”形,在展示窗口中单击,进入文本编辑状态,如图。   输入的文字如果有白色的背景,这时可以双击“选择”按钮,或用“Window”>>“Inspectors”>>“Modes”命令,打开模式窗口,选择透明(Transparent)模式。  图片和文字对象的六种显示模式 Opaque 不透明 Matted 暗淡的 Transparent 透明(最常用) Inverse 反相 Erase 擦除 Alpha 保留alpha通道 请大家自己试验     5、格式化文本。可以使用“Text”菜单设置文字的格式。不过,最好使用文字样式表来格式化文本,样式表和WORD中的样式,HTML中的Style是相似的,使用了某种样式的文字,在更改样式后,文字将自动更新,而不需要再去重新设置。   定义样式,选择“Text”>>“Define Styles...”命令。应用样式,先选中文字,然后用“Text”>>“Apply Styles...”,或者直接在工具栏上的样式表中选取。    6、双击“移动文字”移动图标(Motion),弹出移动设置对话框。用鼠标点一下刚才输入的文字,可以在下图的左上方预览窗口中看到要设置移动的对象。然后,将文字拖动到另外一个位置。一个移动的标题文字就做成了。按“Ctrl+R”运行试试。    7、如果觉得移动的位置不太合适,可以再仔细调整一下。 技巧提示:   1、在双击一个显示图标,对其中内容编辑后,按住“Shift”再打开另一个显示图标,可同时看到两显示图标的内容,这样有利于在不同图标中图像或文字的相对定位。   2、可以调试程序时,遇到没有设置内容的图标会停下来,移动图标中移动的对象,可以先不设置,在调试自动停下时,再进行选择,要方便一些。   3、按住“Ctrl”再双击图标,可打开其属性对话框,对其进行设计。   4、程序运行时,双击某个对象,也可以使程序暂停下来,对其进行编辑。   5、不拖图标到设计窗口,而是直接导入文件,Authorware会自动判断文件类型,并在流程线上加上相应的图标,图标名就是文件名。   6、在各种对话框中输入数字时,输入法必须为英文状态。
/
本文档为【Authorware】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索