Seguimos con las entregas sobre como manejar a nuestro amigo Quartz. Para los que no estén interesados en el tutorial, al final del post tienen la animación del otro día, el salvapantallas de hoy y una tercera animación de regalo.

Esta vez vamos a crear un ligeramente útil cubo RSS. Empezamos creando un objeto de tipo Gradient (cumple la misma funcion que Clear, pero es más vistoso) que personalizaremos a nuestro gusto y un cubo (Cube) al cual le cambiamos el Blending a Over, el Face Culling a None y los valores Width, Height y Depth (este parámetro son las dimensiones) a 0.6. Copiamos y pegamos ese cubo para obtener otro cubo de iguales propiedades, y cambiamos los colores de las caras de la copia a cuatro colores, no muy claros, de nuestra elección.

Ahora, creamos unos elementos y los conectamos tal y como se ve en esta imagen. Abrimos el Inspector y cambiamos la URL del parche de RSS por el parche que queramos. Después, cambiamos el valor Key a “title” y “description” respectivamente en los parches Structure Key Member.

Seguidamente modificamos el parche Javascript para que sea tal que así:

outputs[0] = inputs[0] + "\n\n" + inputs[1];

Y por último conectamos la salida Image de Image With String con el valor Front Image del cubo original.

Repetimos estas operaciones 3 veces más, copiando y pegando la estructura, cambiando la URL del RSS por cualquier otra que queramos y conectándolo a los valores Right Image, Left Image y Back Image. Añadimos un objeto Interpolation con el End Value a 3600 y Duration a 120 y conectamos su salida a los valores Y Rotation de ambos cubos.

En este punto ya está casi terminado, pero hay dos problemas. El primero que el cubo se parece tanto a un cubo como Steve Jobs a Martha Stewart. El segundo, que muestra siempre la misma noticia. Vayamos por partes pues.

Para que el cubo tenga una iluminación realista, copiamos todo lo que hemos hecho al interior de un nuevo objeto de tipo Lighting. Para nuestro segundo problema, podemos pasar el valor resultante de la Interpolation por un objeto Math que divida entre 90 y enviar el resultado a un objeto Round. Después, enviaríamos el Floor Value al Index de los cuatro Structure Index Member.

Por último, podemos usarlo como salvapantallas guardándolo en ~/Library/Screen Savers/.

Y ahora, aquí tenéis: La animación de ayer, el salvapantallas de hoy y una animación extra de regalo. Todo en un único archivo. Que lo disfrutéis.

Descarga | Animaciones