多媒体应用系统技术第10章.ppt

多媒体应用系统技术,计算机科学与技术学院,第十章：多媒体应用开发,多媒体开发工具,1,Director在多媒体开发中的应用,2,10.1多媒体开发工具,多媒体开发工具作用集成多媒体元素；加入交互特性；完成多媒体应用系统发布开发工具,10.2Director在多媒体开发中的应用,Director(导演)简介1989年，macromedia公司开发的多媒体制作平台软件功能（1）可以集成各种多媒体元素（2）可以使用xtras插件来增强其制作能力（3）可以使用脚本语言Lingo或JavaScript来实现交互（4）可以跨平台发布多媒体产品,10.2Director在多媒体开发中的应用,Director(导演)工作界面：菜单、工具栏、工具箱、舞台、演员表、属性检查器、剧本、库面板,【窗口】菜单打开或关闭相应面板【窗口】/【面板设置】/【default】，可恢复到默认面板状态,10.2Director在多媒体开发中的应用,主要术语影片（movie):director工程文件演员（member)：组成电影的元素（各种多媒体元素）舞台（stage):演员表演的场所演员表（cast):管理和存放演员。演员表中的演员一般都有相应的编辑器来编辑，双击打开对应的编辑器。Cast有两种浏览效果，列表方式和缩略图方式。角色/精灵（sprite)：将cast中的演员拖入到舞台或剧本中，该演员就被称为精灵。修改一个精灵的某些属性不会影响其它精灵和该演员，但修改该演员就一定会导致由它产生的精灵的改变（类似于flash中的元件和实例的关系）,10.2Director在多媒体开发中的应用,主要术语剧本（score):用来控制演员的出场时间和顺序，并告诉他们该做什么。剧本由纵轴和横轴组成，纵轴部分叫通道（类似于图层），横轴部分是帧。Director可以提供了150个演员通道和7个特效通道。演员通道：可以根据出场顺序依次安排演员，演员的通道数越小，表示演员在舞台上越靠后，也就是说，通道数越高，演员就在舞台前面，不会被通道低的演员遮挡特效通道：包括标记通道（marker)、速率通道(Tempochannel)、调色板通道(Palettechannel)、过渡通道(Transitionchannel)、两个声音通道和脚本通道。操作：在每种特殊通道的帧上双击，可以打开通道属性面板,10.2Director在多媒体开发中的应用,主要术语（1）标记通道：定义特殊帧，使用Lingo语言可以在这些特殊帧之间切换。（2）速率通道。设置：播放的速率（帧每秒）、在该帧停留时间、等待用户鼠标或键盘响应、等待标记点例如：导入一个flash动画、一个声音文件。打开速率通道的属性面板，分别设置速率、在时间轴的不同帧上设置不同等待时间、鼠标相应等，观察动画效果变化,注意：设定播放速率后，在该帧以后没有设播放速率的帧都将以当前设定的速率播放,10.2Director在多媒体开发中的应用,主要术语（3）调色板通道：可以选择非系统调色板或自定义调色板。在导入位图时，如果位图调色板与当前调色板不匹配，系统将自动导入该调色板（4）过渡通道：设置两帧间的过渡效果。（5）声音通道：可以直接将演员表中的声音成员拖到声音通道中，哪些帧需要这些声音就把声音拖到那些帧上；也可以双击声音通道从列表中选取，然后在声音通道中拖动或延长。例如：声音拖入声音通道并在速率通道中设置等待标记点。（6）脚本通道：双击通道中的某一帧，打开脚本窗口，设置当前帧需要执行的脚本,10.2Director在多媒体开发中的应用,主要术语脚本（script):Director中的代码被称之为脚本。分为三种：（1）电影脚本：起全局控制的作用，许多初始化动作和结束动作都在电影脚本中完成；行为脚本以及父脚本。（2）行为脚本：只在某一特殊阶段或事件发生时起作用。（3）父脚本：本身不产生任何结果，只是用来产生多个子对象，并设置各种参数以便形成各不相同的实例。操作：在属性检查器中可以更改脚本类型在脚本窗口中用Lingo或JavaScript语言编写脚本,10.2Director在多媒体开发中的应用,主要术语检查器（inspector):来设置电影的细节。分为五种：（1）属性检查器（PropertyInspector）:它用于显示选中对象的大小、颜色、位置等等属性。（2）行为检查器（BehaviorInspector）：快速的为舞台中的对象添加脚本，实现互动功能（3）对象检查器（ObjectInspector）：对象检视器处理的是变量、数组等出现在Lingo中的编程对象。（4）文本检查器（TextInspector）：允许查看、调整文本的字体、大小、风格等属性，创建超文本链接。（5）内存检视器（MemoryInspector）：显示演员与剧本所占用的内存、保留给舞台使用的ScreenBuffer、编辑中的电影可使用的内存大小以及目前使用的内存。,10.2Director在多媒体开发中的应用,Director电影的创建步骤组织多媒体元素（可导入或利用内置工具直接绘制）编排多媒体元素利用舞台在空间上编排演员的位置等利用剧本在时间上安排演员出场时间等添加交互加入脚本和行为保存和发布电影,10.2Director在多媒体开发中的应用,基本操作新建影片保存影片【文件】/【保存】:保存为工程文件.dir【文件】/【发布设置】/【发布】：可选择Exe,osx,dcr,htm等格式保存【文件】/【导出】：保存为avi视频或者bmp位图系列影片的发布格式见教材P216，发布设置见教材P224,10.2Director在多媒体开发中的应用,基本操作舞台设置：设置影片属性操作：影片空白处点击，打开“属性检查器”的”影片”标签，设置舞台大小、颜色，通道数目等。在“显示模板”（displaytemplate)标签下设置影片播放时在计算机屏幕上的位置也可以使用菜单【修改】|【影片】|【属性】打开相应面板,10.2Director在多媒体开发中的应用,基本操作演员的创建和导入(1)Cast的使用内部演员表(internal)：保存在电影文件内，不能被共享外部演员表：以独立文件（.cst)形式存在,保存在电影外，必须被链接到电影文件中，才能使用操作：【修改】|【影片】|【演员表】(2)演员的导入、创建和修改操作1：从cast中导入外部素材（有四种导入方式可以选择）操作2：【插入】|【mediaElement】操作3：用Director自带的工具绘制位图、矢量图或编辑文字，也可以使用菜单【窗口】，打开相应编辑工具操作4:使用工具箱中的工具直接在舞台上绘制。操作5：对已存在cast表中的演员，双击来打开编辑工具,10.2Director在多媒体开发中的应用,基本操作(3)演员的属性设置操作：选中cast中的演员，在属性检查器中设置剧本和精灵的设置(1)剧本的设置（见本讲义的7-9页）(2)精灵的公共属性设置操作：【编辑】|【属性】|【精灵】，可设置精灵长度（spanduration),即精灵在剧本中默认占据的帧数(3)精灵的详细属性设置操作：选中舞台中的精灵，在属性检查器中设置（具体见：教材P223),10.2Director在多媒体开发中的应用,基本操作(4)设置精灵运动的关键帧(5)改变精灵在舞台上的显示层次操作：将精灵从一个通道拖入另一个通道(6)改变精灵的出场时刻操作：直接拖动通道中精灵的帧序列或第一帧(7)改变精灵占据的帧数操作：拖动起始帧和结束帧(8)精灵的剪切、复制、粘贴,10.2Director在多媒体开发中的应用,创建第一部director电影教材P228,世博文字动画。按参考步骤完成电影制作，熟悉director工作界面简单动画制作帧并帧动画例：小鸟飞（具体制作可参见教材p231圣诞老人动画）制作两种效果：原地飞，从舞台一侧飞到另一侧。在制作本例时，打开【窗口】|【控制面板】，预览动画的同时，调整帧速率，观察小鸟飞的效果,10.2Director在多媒体开发中的应用,关键帧动画例：小球运动（了解关键帧的制作，连接精灵、分离、反转顺序等操作）实时录制动画原理：鼠标在舞台上移动时，director制作记录下鼠标移动的轨迹，并根据需要生成动画效果关键操作：菜单【控制】|【实时录制】胶片环动画用来制作动画片段，减少对周期性动作的重复制作关键操作：【插入】|【胶片环】例：在上例实时录制动画的基础上，利用胶片环技术，制作群鸟齐飞的效果。适当调整精灵通道中胶片环精灵的帧序列的位置，和舞台上精灵的位置，观察效果,10.2Director在多媒体开发中的应用,练习1综合教材p228世博文字动画和p231圣诞老人制作动画练习2教材实例“狼来了”练习3:PS+director提示：在ps中多次利用滤镜中的扭曲对图形产生变形的效果，并将每次变形后的图片保存。方法1：利用帧并帧动画的制作方法，加上连接精灵、反转顺序等操作方法2：选中cast中的所有图片演员，菜单【修改】|【演员序列转换到时间轴】（casttotime),10.2Director在多媒体开发中的应用,练习4招手操作：（1）打开给定的源文件，cast中已经有了两个演员（2）选中舞台上的手，双击，进入编辑环境（3）使用选取工具（收缩），旋转工具对手旋转（4）执行菜单操作【xtras插件】|【自动扭曲】，设置生成新演员的个数（5）选中cast中的手演员，菜单【修改】|【演员序列转换到时间轴】（casttotime)（6）调整手在舞台上的位置，以及手的中心点（7)利用复制精灵，反转顺序等操作实现手来回摆动的效果,10.2.4行为及其附着,行为行为就是预先编制好的可重复使用的Lingo脚本或Javascript脚本操作：（1）使用行为库（打开库面板）（2）将行为附着在精灵或者脚本通道的帧上。行为附着的同时会自动加入到演员表中注意：可以为多个精灵或帧设置同样的行为可以为一个精灵设置多个行为，行为按顺序执行只能为一个帧设置一个行为（3）修改行为：参数修改，调整行为的执行顺序,10.2.4行为及其附着,练习1猫和老鼠打开库面板，熟悉【动画】类的库行为。选择适当的库行为，实现老鼠跟着鼠标走，猫追着老鼠走的效果。当鼠标放在老鼠上时，鼠标的形状变成手练习2电子杂志在每一张图片上加上“previous”或“next”按钮，在按钮上添加【导航】类行为，使其能跳转到上/下一张图片，并且鼠标放在按钮上，按钮能发生变化练习3教材实例p238“世博会徽动画”练习4电子相册完成教材实例p260“电子相册“的效果。并在此基础上加一个返回到上一张图片的按钮，和一个背景音乐控制按钮。声音控制脚本可参考p250”吉祥物的创意理念“或者p314页的脚本,10.2.5Director:脚本与交互,脚本类型：演员脚本、帧脚本、精灵脚本，电影脚本、父脚本脚本预置框架结构,说明：当某事件(Event)发生时，会产生一个描述此事件的讯息(Message)传递出去，例如：按下键盘、按下鼠标键、播放头进入下一个画面、或电影停止等都算是一个事件发生了，而且事件发生时都会产生相对应的讯息，完成想要执行的动作。触发事件见P242表10-1,10.2.5Director:脚本与交互,脚本的创建演员脚本：可以对由该演员产生的精灵发生作用。一个演员只能带有一个演员脚本精灵脚本：作用于舞台或者剧本中的精灵。如果需要在一段时间内或者在剧本的某些帧范围内控制演员的行为，可以使用精灵脚本。一个精灵可以有多个精灵脚本帧脚本：作用于剧本中特定的帧，一个帧只能有一个帧脚本,10.2.5Director:脚本与交互,脚本中的控制语句if,case,repeatIfcase,10.2.5Director:脚本与交互,练习1：教材实例10-7，上海世博会展馆要求：熟悉if语句的格式，能使用lingo语言来更改精灵通道中的演员。练习2：教材实例10-9，脚本控制声音播放注意(1)声音导入有两种选择，文件较小时可以用标准导入的方式嵌入到电影中，如果文件较大，可以用链接声音的方式导入(2)对声音的控制可以在声音通道中播放，或者用脚本控制其播放，（3）如果声音文件特别大，可以不必导入，使用下列语句直接播放Sound(1).playfile(“文件名“）,10.2.5Director:脚本与交互,练习3：教材实验十练习4：教材实验十二,ThankYou!,