Quartz Composer es una de las herramientas más creativas, útiles y sobre todo divertidas (obviando a VoiceOver leyendo la Wikipedia en español con su voz cantarina) que puedes encontrar en tu Mac. Te permite crear animaciones y efectos muy interesantes con poco esfuerzo, potenciando tu creatividad de una forma increíble.

En primer lugar vamos a dar un corto repaso por la organización del programa. Hay dos ventanas:

• La ventana principal, dividida en dos partes: la librería de parches (Patch Library) y la zona de edición, con una rejilla de color negro en Leopard y blanco en Tiger.
• El visor, donde veremos el resultado de nuestra animación en tiempo real.

Para crear un parche, simplemente lo arrastras de la librería de parches a la rejilla. Hay tres tipos de parches distintos: los parches azules reciben información externa (ratón, teclado, micrófono), los parches verdes modifican esa información y los parches rosas muestran algo en pantalla utilizando esa información.

Bueno, empecemos.

Abrimos Quartz Composer, ignoramos al asistente (el cual se puede desactivar en las preferencias) y creamos un nuevo archivo vacío. El primer patch que insertaremos será un patch de tipo Clear, para que el fondo de nuestra animación sea negro. Después, insertamos un sistema de partículas (Particle System) que se encargará de dar vida a nuestra animación.

Abrimos el Inspector y modificamos ciertos valores del sistema de partículas:

• Attraction, Size Delta, Z Min Velocity y Z Max Velocity a 0
• Min Size y Max Size a 0.03
• Opacity Delta a -1
• X Min Velocity, X Max Velocity, Y Min Velocity y Y Max Velocity a 0.5
• Blending a “Add”

Ahora creamos un objeto Radial Gradient y un objeto Crop. El objeto Radial Gradient creará un degradado radial de dimensiones infinitas que recortaremos con el objeto Crop. Conecta la salida “Image” de Radial Gradient a la entrada “Image” de Crop y la salida “Image” de Crop a la entrada “Image” del sistema de partículas.

Poco a poco vemos como esto va tomando forma. Ahora creamos un objeto Random y un objeto HSL Color, del cual cambiamos la luminosidad a 0.5. Conectamos la salida “Value” de Random a la entrada “Hue” de HSL Color, y la salida “Color” de HSL Color a la entrada “Color” del sistema de partículas. Al hacer esto estamos generando un número aleatorio (en las propiedades del objeto Random puedes elegir cuán aleatorio quieres que sea) y utilizarlo como tono para generar un color que enviamos al sistema de partículas.

Por último, añadamos la “capa de interactividad”. Crea un objeto Mouse y une los valores “X” a “X Position” del sistema de partículas, “Y” a “Y Position” del sistema de partículas, y “Left Button” a “Alpha” del HSL Color. Ahora, haz clic en el visor de la animación y mueve el ratón. Ponlo a pantalla completa para apreciarlo mejor.

Espero que os haya gustado. Dentro de poco publicaré un segundo tutorial en el que experimentaremos con los objetos en 3D. Si tenéis alguna idea, mejora o cambio con respecto al tutorial que haga que quede mas espectacular, exponed vuestra creatividad en los comentarios.