感谢Kengo Tsuruzono的Quartz Composer系列教学，本站将其翻译为中文奉献给国内的读者。

主题

 

本次的主题介绍Mac OS X 10.4以上版本增加了Quartz Composer。

 

确认您的开发环境

 

  • Mac OS X 10.4.1以上版本
  • Quartz Composer 2.0以上版本
  • 要播放本页包含的动画，需要Mac OS X 10.4及以上版本，Quicktime 7.0以上版本。

概要

 

  • Quartz Composer概要说明。
  • 从Image Importer读入图片。
  • Billboard图片显示。
  • 基于LFO的基本动画显示。
  • 基于Particle粒子系统的粒子动画显示。
  • 基于Layer层的图片前后关系变更。
  • 基于Clear的背景填充。
  • 基于Gragient的背景渐变。
  • 基于Sprite的3D坐标图像显示。
  • 坐标系说明。
  • 粒子系统的应用例子。
  • 参考（LFO、粒子系统、Clear、Gradient）。

 

 

原文作者：Kengo Tsuruzono

原文地址：http://www.big.or.jp/~crane/cocoa/9800_QuartzComp/01_StartQC/index.html

 

 

Quartz Composer是什么？

 

在Mac OS X 10.4以上版本中，增加了Quartz Composer开发工具。使用Mac OSX的Quartz图形库制作图象和动画非常费时，但是使用Quartz Composer的2D、3D动画功能就变得非常简单。通过Quartz Composer建立的动画既可以单独运行，也可以通过Cocoa程序调用。

 

在您安装XCode Tools开发工具的时候，Quartz Composer将被安装到/Developer/Application/Graphics Tools目录中。在Leopard中，这个工具将被安装到/Developer/Applications目录下。

 

 

同时，用Quartz Composer制作的例子也会被安装在/Developer/Examples/Quartz Composer目录中。使用Quartz Composer制作的文件扩展名是.qtz，可以通过Quartz Composer打开。

 

这就是Quartz Composer的主屏幕，显示在前面的Viewer窗口展示了正在生成的图像，而在后面编辑窗口中的长方形组件叫做“Patch”,这些Patch之间互相用线条连接，用于控制前面显示的图像的内容和移动方式。

 

基础操作：图片数据

 

让我们先从最基本的在屏幕上显示图像做起吧。打开Quartz Composer，建立一个新的文档，选择Blank Composition，不要选择其他模板。

 

首先，打开Patch Creator（旧版叫做Patch Library），从中拖拽一个叫做Image Importer的Source。这个Patch的主要功能是从文件中读取图片。在旧版中，Image Importer的分类叫做Generator，在新版中，它的分类叫做Source。它的作用是用于图片等内容的数据生成。

 

 

说明：因为列表中的Patch很多，所以建议您通过在上方搜索框中输入关键字以便更容易地找到需要的Patch。

 

在上方工具条中点击Patch Inspector，将检查器窗口打开。我们将通过这个窗口对Patch进行各种设定。在检查器的下拉框中选择Settings，你会看到一个写着Import From File的按钮，我们可以通过点击这个按钮选择需要导入的图片文件。

 

选择了文件之后，Image Importer中的Image ○将可以用于输出。

接下来，为了在屏幕中显示这个图片，我们将从Patch Creator中拖拽一个Billboard patch。这个Patch用于显示图片内容。这个patch属于Renderer分类，而这个属于Renderer分类的patch实际的作用是对显示在屏幕中的画面进行描绘。

 

将Image Importor中的Image○ 托拽一根线到 Billboard的○Image 。将两个圆圈用一根线连接起来，这样两个Patch就连起来了。

这个连接的意思是将Image Importer的数据输出连到Billboard的数据输入中，如果你打开Viewer，你就会看到，选择的图片文件显示到了屏幕上。