Director教程如何快速上手制作交互作品？-贝博恩创新科技网

Macromedia Director 教程：从入门到基础实践

第一部分：认识 Director

什么是 Macromedia Director？ Director 是一个功能强大的多媒体创作平台，主要用于创建具有丰富图形、动画、音频和视频交互性的应用程序，它的“名片”是 Shockwave 技术，允许将制作好的作品（称为“影片”或 Movie）嵌入网页中，用户通过安装 Shockwave 浏览器插件即可观看。
（图片来源网络，侵删）
核心概念：电影与舞台
- 影片: 你在 Director 中创建的整个项目文件，其扩展名为 .dir 或 .dcr (编译后的播放文件)。
- 舞台: 这是影片的预览窗口，也是最终用户看到的画面,所有可见的演员和通道内容都会显示在舞台上。
- 演员表: 这是存放所有媒体资源的地方，就像一个演员库，你可以在这里导入图片、声音、视频、文本、脚本等，每个资源都有一个唯一的编号，称为 演员号。
- 帧: 电影由一系列的帧组成,每一帧代表一个时间点上的画面。
- 通道: 舞台下方的区域，用于控制每一帧中显示哪些演员以及它们的位置，总共有 1 到 150 个通道，编号越小的通道，其内容在视觉层级上越靠前（即覆盖在上层）。
- 分镜表: 这是 Director 的核心编辑器，它将帧、通道和演员联系在一起，你在这里决定在某一帧的某个通道上显示哪个演员,以及这个演员应该停留多少帧。
一个简单的比喻：
- 演员表 = 一个道具库，里面有各种演员（图片、声音）。
- 分镜表 = 一份拍摄剧本，写着“第1帧，第1通道，放演员A，停留3帧”。
- 舞台 = 摄影棚，根据剧本的内容,在特定时间点将特定道具放在特定位置。
- 影片 = 整个电影作品。

第二部分：基本工作流程

创建一个简单的 Director 影片通常遵循以下步骤：

新建项目
（图片来源网络，侵删）
- 打开 Macromedia Director。
- 选择 File > New > Movie 创建一个新的影片。
设置舞台属性
- 双击舞台左上角的“影片属性”图标，或进入 Modify > Movie > Properties。
- 设置舞台的尺寸 (640x480 像素)、背景颜色 和帧率 (通常每秒 12-30 帧)。
导入演员
- 打开 演员表 窗口。
- 点击演员表窗口的空白处，或选择 File > Import。
- 选择你需要的图片、声音、视频等文件,它们会被导入到演员表中。
在分镜表中安排演员
- 打开 分镜表 窗口。
- 从演员表中，将你想要显示的演员拖拽到分镜表的某个通道和某个帧上。
- 演员在通道上占据的帧数就是它的持续时间。
预览影片
（图片来源网络，侵删）
- 按下 Ctrl + Enter (Windows) 或 Cmd + Enter (Mac)。
- Director 会编译并播放你的影片，影片会从第一帧开始，按顺序播放到最后一帧,然后停止。
保存项目
- 保存你的项目为 .dir 文件,以便以后编辑。

第三部分：核心交互 - Lingo 语言

如果只是线性播放，Director 就和普通视频没区别，Lingo 是 Director 的灵魂，它是一种面向对象的脚本语言，让你可以控制影片的行为,实现交互。

什么是 Lingo？ Lingo 是 Director 的编程语言,你可以通过编写脚本来：
- 响应用户的鼠标点击、键盘输入。
- 控制播放头（时间轴）的跳转。
- 控制演员的显示、隐藏、移动。
- 播放声音、控制视频。
- 存储和读取数据。
Lingo 的两种主要脚本类型：
- 帧脚本: 附加在分镜表的某一帧上，当播放头进入这一帧时，脚本中的代码就会被执行,常用于场景初始化或该帧的逻辑控制。
- 演员脚本: 附加在演员表中的某个演员上，这个脚本属于这个演员，无论这个演员出现在舞台的哪一帧，最常用的是 精灵脚本，附加在舞台上某个演员的实例（称为 Sprite）上。
编写你的第一个 Lingo 脚本 目标： 点击一个按钮，跳转到影片的第 10 帧。
- 步骤 1: 准备演员
  - 导入一张图片作为按钮。
  - 在分镜表的第 1 帧，第 1 通道放置这张按钮图片。
- 步骤 2: 添加脚本
  - 确保按钮精灵（舞台上的按钮图片）处于选中状态。
  - 打开 脚本窗口。
  - 在脚本窗口中，你会看到类似 on mouseUp 的代码块，这是 Director 自动为你生成的,用于响应鼠标点击事件。
- 步骤 3: 编写跳转代码 在 on mouseUp 和 end 之间输入以下代码：
```
on mouseUp me
  go to frame 10
end
```
- 解释：
  - on mouseUp me: 定义一个事件处理程序，当用户在关联的精灵上松开鼠标时，这个程序就会被触发。me 是一个引用，代表当前这个脚本本身（即这个按钮精灵）。
  - go to frame 10: 这是 Lingo 的一个命令，意思是“让播放头跳转到第 10 帧”。
- 步骤 4: 测试
  - 按下 Ctrl + Enter 播放影片。
  - 当播放头停留在第 1 帧时，点击按钮，你应该会发现影片立即跳转到第 10 帧。

第四部分：进阶技巧

使用行为 Lingo 虽然强大，但编写代码对初学者来说可能有些复杂，Director 提供了行为库，这是一个预先写好的脚本集合，你可以像拖拽演员一样，将行为拖拽到精灵上，快速实现常见效果（如导航、拖拽、淡入淡出等）。
精灵的属性控制 Lingo 可以精确控制精灵的各种属性：
- sprite(1).visible = FALSE -- 隐藏舞台第1通道的精灵。
- sprite(1).loc = point(200, 150) -- 将第1通道的精灵移动到坐标 (200, 150)。
- sprite(1).blend = 50 -- 设置第1通道精灵的透明度为50%。
全局变量和属性
- 全局变量: 使用 global 关键字声明，在整个影片的任何脚本中都可以访问，适合存储分数、用户名等需要全局共享的数据。
- 属性: 使用 property 关键字声明，只属于当前脚本（通常是演员脚本），适合存储某个特定精灵的状态，比如它的原始位置、速度等。
制作导航结构 结合 go to frame 命令,你可以创建一个简单的导航系统：
- go to frame "intro" -- 跳转到名为 "intro" 的标记帧。
- go to the frame -- 停留在当前帧,常用于循环播放。
- go to the frame + 1 -- 跳到下一帧。
- go to the frame - 1 -- 跳到上一帧。

第五部分：发布与导出

创建 Shockwave 影片
- 这是 Director 最经典的功能,用于网页发布。
- 选择 File > Publish Settings。
- 在弹出的对话框中，选择 "Shockwave" 格式。
- 设置好选项后，点击 "Publish"。
- 你会得到一个 .dcr 文件和一个 .html 文件，将这两个文件上传到服务器,用户就可以通过浏览器观看了。
创建可执行文件

选择 `File > Create Project