Director笔记课件制作详细总结

Director笔记课件制作详细总结

2010-08-06 11:20:35| 分类：默认分类| 标签：|字号大中小订阅

Director制作多媒体教学课件（总结）

一、规划课件框架

一般的多媒体教学课件所需辅助教学功能无非加入一些文字、图片、视频、动画、交互来起到辅助文字阐述内容的作用。

在这里简单以一个以文字（名词解释）、图片、视频为辅助的多媒体教材的制作为例，说明如何使用director制作一个简单的多媒体课件，也作为对前一段所做工作的一个简单总结。

首先要规划课件的框架结构。在这里我用到的稿本是一个比较规矩的三级目录结构的文字稿本，简单描述一下：稿本共三章，每章分三节，每节有三讲内容，每讲内容对应一篇文字，其中包含超链接，跳转到名词解释、图片、视频等内容辅助说明对应本讲的具体内容。

二、准备相应素材

依据稿本内容，搜集所需的名词解释、图片、视频等素材。我用到的是jpg格式图片和mpeg格式的视频。在素材准备

阶段还要准备好界面所需的图片，要保留设计界面所用的psd文件，保存分层信息，以备在界面改动时所用。有些界面上的元素还需要分层输出，如按钮等。

三、制作程序框架

建立工程文件，并进行设置。

新建一个director工程文件，设置窗口大小为800*600（我做的课件参照的制作标准要求为800*600），背景色设置为适当颜色，尽量和自己设计的程序的背景图片的主色调一致，Movie面板中设置stage size为800X600，channels

为150，color为#000000。设置程序窗口居中显示，无边框，无标题栏，通过将属性面板中display template的location 选项中centered勾选，取消resizable勾选，设置titlebar options下的四个多选项全都取消选取可实现。在这里还可以设置打包输出后可执行程序的图标。这样就设置好了一个全屏为黑色背景，窗口无边框，大小为800*600的舞台。

导入事先制作好的背景和按钮等图片。

将事先设计好的程序背景和按钮图片导入，注意若有图片包含白色区域时，要将trim white space选项取消勾选，否则会将图中白色区域作为透明处理，除非你想要这种效果。我在设计背景时将背景和上面的文字按钮分别输出，也就是说背景上不含有文字，这样可以实现背景图片的重复使用，减少主程序体积，同时，也利于日后的内容修改，我可以单独

修改任何一个文字按钮或其它内容而尽可能减少对其它内

容的影响。由于director中的文字无法做出阴影等效果，我在PS中制作它们，并以png格式输出为图片，并导入到DR中使用，这样可以带有阴影或描边等效果，同时也可以保留透明度等信息，实现和背景的完美融合。

由于在各个章节目录页面上，章节标题的文字要做为按钮使用，所以在从设计的psd文件输出png文件时，每个文字标题需要输出两个文件，分别表示按钮的正常和高亮状态。要保持图片大小相同，文字位置一致，只有效果不同，这样才可以避免出现mouseover时文字高亮出现错位的情况。输出这些按钮的过程是个重复而枯燥的过程。

在这里就涉及到了一个文件命名的问题，为了统一，同时为了便于将来编写代码时便于引用spirte的名称进行批量操作或循环操作，作为标题按钮用的图片要按照一定规范进行命名。因为我的稿本是三级目录结构，我就使用三位数字分别表示三级层次，文件名统一以tt开始，表示这些是标题文字，如第一章标题使用“tt100”表示，第一章第一节“tt110”，第一章第一节第一讲“tt111”对应的高亮图片在后面加一个a进行区分，如“tt100a”、“tt110a”、“tt111a”，这样导入后就不需再改cast member名称，可以直接放到舞台上用，并通过变量引用sprite名称进行编程。

界面图片导入后，需要把每章的具体内容的文字拷贝到cast

中，作为一个个单独的cast member ，命名时与对应的那一讲的标题文字的数字一致，在前面再加上字母txt来区分，如“txt111”。

在时间线上将演员按照稿本的框架结构进行布局。在每个界面最后一祯的script层加入一个hold on current frame的behavior，使程序能停在每一级界面上。在每个界面第一祯处添加一个marker，命名与标题文字的命名保持一致，为“t100”等。第一级界面标记为“start”。

四、进行程序功能设计

为文字按钮添加behavior

添加鼠标效果：

先写一个名为Cursor Change的behavior如下：

on mouseenter me

cursor 280

end

on mouseleave me

cursor 0

end

on mousedown me

cursor 0

end

实现鼠标经过按钮上方时变为手形，离开按钮恢复原状。

再写一个控制程序跳转位置的behavior名为title forward如下：

global gDestination

global prePage

global gUpPage

global gIndex

on mouseUp me

gDestination=chars(sprite(_player.currentspritenum).mem ,2,5)

gIndex=gIndex+1

gUpPage[gIndex]=gDestination

go to gDestination

prePage=gDestination

end

实现根据文字按钮演员名称跳转到对应的页面的功能。

这里用到了几个全局变量gDestination/ prePage/ gUpPage/ gIndex，在程序初始化的behavior中进行声明，该behavior名为init。在init中所有变量声明、全局函数都写在on startmovie me这个方法中，现在我要声明用到的四个全局变量，应写为：

on startmovie me

global gDestination