杰瑞科技汇

Adobe Director教程如何入门?

我会从基础概念开始,逐步深入到核心 Lingo 编程,并提供学习资源替代方案

Adobe Director教程如何入门?-图1
(图片来源网络,侵删)

第一部分:Adobe Director 是什么?(基础概念)

在开始之前,你需要明白 Director 是什么以及它的核心思想。

什么是 Adobe Director?

Adobe Director 是一个强大的多媒体创作平台,主要用于开发:

  • 交互式光盘:如 CD-ROM、DVD 上的菜单和演示。
  • 早期的网页游戏:在 Flash 出现之前,Director 是网页交互内容的主力。
  • 企业级培训、展示和 kiosk 应用
  • 高保真度的 3D 交互应用(结合其内置的 3D 引擎)。

核心工作流程

Director 的工作流程与我们熟悉的现代软件(如 Premiere, After Effects)有所不同,它更像一个“舞台剧”的制作过程:

  • 舞台:这是你最终用户看到的画面,是所有演员表演的地方。
  • 演员:这是构成你项目的所有素材,包括:
    • 位图:图片
    • 文本:文字
    • :可编辑的文本框
    • 数字视频:QuickTime, AVI 等
    • 声音:WAV, AIFF 等
    • 形状:矢量图形
    • 电影:一个 Director 文件可以嵌入另一个 Director 文件
  • 总谱:这是 Director 的灵魂,它是一个时间线,用来编排所有“演员”在“舞台”上的出现、位置、行为和交互,总谱分为:
    • 演员表:管理所有演员。
    • :舞台上的每一帧画面。
    • 通道:每一帧可以放置多个演员,每个通道对应一个演员。
  • 脚本:这是 Director 的大脑,使用 Lingo 语言编写,用来控制总谱中的行为,实现交互逻辑、动画、游戏逻辑等。

Lingo 语言

Lingo 是 Director 的专有脚本语言,类似于 JavaScript,它是一种面向对象的语言,通过为“演员”、“帧”甚至“整个电影”附加脚本来实现功能。

Adobe Director教程如何入门?-图2
(图片来源网络,侵删)

第二部分:入门级教程(你的第一个项目)

假设你已经安装了 Adobe Director (例如版本 11.5),让我们来创建一个最简单的交互程序。

目标:点击一个按钮,让一张图片移动。

步骤 1:准备素材

  1. 打开 Adobe Director。
  2. 确保窗口中能看到 “总谱”“演员表”
  3. 找到菜单栏 Insert > Media Element > Bitmap...,导入一张你喜欢的图片,它会出现在演员表中。
  4. 再导入一张按钮图片,或者直接在舞台上画一个矩形,写上“点击我”。

步骤 2:将演员放到舞台上

  1. 从演员表中,将你的图片拖拽到舞台的中央,你会看到总谱的某一帧(比如第1帧)的某个通道(比如通道1)出现了这个演员。
  2. 同样,将按钮拖到舞台的右下角。

步骤 3:创建脚本(关键步骤)

Adobe Director教程如何入门?-图3
(图片来源网络,侵删)
  1. 选中舞台上的图片,在右边的属性检查器中,你会看到一个名为 “脚本” 的区域。
  2. 点击脚本区域,输入以下 Lingo 代码:
on mouseUp me
  -- 当鼠标在这个演员上点击并释放时,执行这里的代码
  sprite(1).locH = 500 -- 将这个精灵(图片)的水平位置移动到 500
  sprite(1).locV = 300 -- 将这个精灵的垂直位置移动到 300
end

代码解释:

  • on mouseUp me:这是一个事件处理器。me 是指代当前这个演员本身。
  • sprite(1):指代总谱第1通道的精灵,注意,通道编号从1开始。
  • .locH.locV:分别是精灵的水平坐标垂直坐标,舞台的左上角是 (0, 0)。
  • 这是注释符号,后面的内容不会被程序执行。

步骤 4:测试你的作品

  1. 按下键盘上的 Ctrl + R (Windows) 或 Cmd + R (Mac)。
  2. 舞幕会变成一个播放窗口。
  3. 点击你放上去的图片,它应该会跳到舞台的右下角。

恭喜!你已经用 Lingo 创建了你的第一个交互行为!


第三部分:进阶学习(核心 Lingo 概念)

要真正掌握 Director,你需要深入学习 Lingo,以下是一些核心概念:

精灵 与 通道

  • 精灵:是演员在舞台上的一个实例,一个演员(比如一张图片)可以在总谱的不同时间、不同通道中出现多次,每次出现都是一个独立的精灵。
  • 通道:是总谱中的轨道,用来放置精灵,每个精灵在总谱中占据一个通道。

属性

每个精灵和演员都有自己的属性,可以通过 Lingo 来修改:

  • 位置sprite(1).loc (一个包含 locH 和 locV 的点)
  • 大小sprite(1).width, sprite(1).height
  • 可见性sprite(1).visible = TRUEFALSE
  • 透明度sprite(1).blend = 100 (完全不透明) 到 0 (完全透明)

全局脚本 与 电影脚本

  • 帧脚本:附加在总谱的某一帧上,当播放头进入这一帧时,脚本就会执行,常用于场景初始化、背景音乐播放等。
  • 精灵脚本:附加在某个精灵上,当与这个精灵发生交互(如点击、鼠标进入)时执行,我们上面的例子就是精灵脚本。
  • 电影脚本:附加在“演员表”上,不属于任何特定帧或精灵,一旦加载,就会一直存在于内存中,常用于定义全局变量、创建自定义函数或处理全局事件(如按键)。

常用事件处理器

  • on mouseUp:鼠标点击并释放。
  • on mouseDown:鼠标按下。
  • on mouseEnter:鼠标进入精灵区域。
  • on mouseLeave:鼠标离开精灵区域。
  • on keyDown:键盘按下。
  • on startMovie:电影开始播放时执行(通常在电影脚本中)。
  • on exitFrame:播放头离开当前帧时执行(通常在帧脚本中),常用于制作循环动画。

控制播放头

  • go to frame "label":跳转到带有特定标签的帧。
  • go next:跳到下一帧。
  • go previous:跳到上一帧。
  • go to the frame非常重要!让播放头停留在当前帧,实现循环等待。

声音与视频控制

  • sound(1).play(member "my_sound"):播放名为 "my_sound" 的声音演员。
  • puppetSound 1, "my_sound":另一种播放声音的方式。
  • movieRate:控制视频或电影的播放速度。1 为正常,0 为暂停,2 为两倍速。

第四部分:学习资源

由于软件已停止更新,资源比较零散,但依然可以找到。

官方资源(历史文档)

Adobe 保留了旧版的文档,这是最权威的参考资料。

  • Adobe Director 11.5 帮助文档:这是最重要的资源,在安装 Director 时通常已经包含,或者可以在 Adobe 官网找到存档。
  • Adobe 开发者中心:一些旧的教程和文章。

在线教程与社区

  • YouTube:搜索 "Adobe Director Tutorial" 或 "Lingo Tutorial",虽然视频可能比较老,但原理是通用的。
  • 个人博客和网站:一些热爱复古技术的博主会分享教程。
    • Richard Lander's Director Tutorial:一个经典的英文教程网站。
    • 国内论坛:在一些设计或游戏开发的怀旧论坛(如“蓝色理想”的旧版块)中,可能能找到零散的讨论。
  • Stack Overflow:搜索 [lingo]
分享:
扫描分享到社交APP
上一篇
下一篇