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

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