Archive for the ‘Quartz Composer’ Category

QLVJ – Get back HAP and QC thumbnails on OSX 10.9 and later

Posted on: July 22nd, 2016

As you may already noticed, starting from OSX 10.9 Mavericks the QuickLook service cannot generate thumbnails and previews for some movie codecs like HAP or DXV in Finder – and not even for Quartz Composer files.

qlvj_hap_thumbnailsTo solve this problem, we made a QuickLook plugin called QLVJ which using the good old Quicktime framework in the background to generate thumbnails and static previews for HAP and DXV movies – generating real previews for that kind of movies not possible due QuickLook limitations, so that function will show you thumnbail image instead.

Starting from OSX 10.11, this plugin can generate thumbnails for Quartz Composer files too, but there is a bug in the Quicklook API so it won’t work on some configurations.

QLVJ is a free and open-source plugin, check out the project’s GitHub page for more info and download:

QCPM – free Quartz Composer Plugin Manager

Posted on: December 2nd, 2014

qcpm-iconWe did not mentioned that earlier in this place, but we have a small free Quartz Composer Plugin Manager app. In a nutshell, it helps you to install plugins and it can detect issues like multi-instance plugins and well as plugins in the wrong place and so.

Check it out!

Using Quartz Composer compositions in CoGe – Tutorial by ILoveQC

Posted on: July 24th, 2013

Visual creators I Love QC have just launched their online LiveFX Marketplace. This is a library of over 2000 QC patches which allow you to add exciting new content to your next set using CoGe.

Edd from the ILoveQC team just created this tutorial that will introduce you how to playback QC files and map the parameters to MIDI in CoGe:

Contest – Create an effect for CoGe with Quartz Composer and win a license!

Posted on: April 11th, 2013

Hi there, Quartz Composer heads! As you may already know, CoGe has very deep Quartz Composer integration – not only just support playback of Quartz Composer composition, but you can use Quartz Composer to apply effects, mixing, doing automations, etc.

You already have some own Quartz Composer stuff, but don’t have a license? Here is the opportunity to win a license!


Animated gifs in CoGe and Quartz Composer

Posted on: May 15th, 2012

Animated gifs seems to be in renaissance in the last couple of years, its a popular format again. However, it seems to a not well supported format, or people just don’t know how to use them in the live visuals/installations field, so here we go, just sharing my experience:

Tip of the day #1: Quartz Composer supports animated gifs.

Indeed, and in two different ways. First of all, you can access all the frames of an animated gif. To do that, simple load it with an Image Importer patch, and check on Extract All Images on the Inspector of the patch. This way the patch will create a structure type output, and you can access individual frames via Structure Index Member patches.

Extract images from an animated gif

The second option is much more useful. You can playback animated gifs as well! You just need to use them like video files, so load them with Movie Importer instead of Image Importer! The video below demonstrates the magic:

Tip of the day #2: CoGe supports animated gifs…

since the software uses Quartz Composer for media playback. You just need to use a Movie Player module for playback instead of a Still Image player. The best way is just set it up in Auto Player Select introduced in CoGe 1.2, the video below demonstrates this technique:


That’s all. Thanks the great example gifs  for Pixelnoizz!
If you experience problems with this in Quartz Composer, you may need to install the good old Quicktime Player 7, haven’t tested without it.

Footage: NYE Countdown in Quartz Composer

Posted on: December 28th, 2011

Just before a few days of NYE, tons of NYE related content taken recently, you know countdowns, fireworks and other stuff. That files mostly video loops, and I just got the idea why not creating this by Quartz Composer and make it re-usable every year. I’ve got a little free time in the past days and just made a little countdown in Quartz Composer, and I want to share with you. It should working in any Quartz Composer hosts, but I think the best way is using it with CoGe 🙂

Well, see what this composition does, and what you can set up:

  • you can set up the destination year
  • you can set up the message that will be displays when the new year reached
  • you can set up the font and font size displays the countdown and the color as well
  • the composition has some basic position and rotate controls
  • this composition will displays the seconds remains till the destination year

New Quartz Composer Plugin: CoGeTextFileReader

Posted on: December 26th, 2011


I just made a little new plugin for Quartz Composer with the name CoGeTextFileReader.

Nothing fancy or magically inside the plugin, it just builds an indexed structure from a .txt file, by dividing the text to components separated by the space characters.

Licensed under the LGPL, available from the project’s site:

Create a simple effect for CoGe with Quartz Composer – Part 1. – Rotation

Posted on: November 22nd, 2011

Well, i got a lots of requests in the past few months about a simple CoGe effect, which should allow to do some basic 3D transformations, you know rotate, resize, move, so maybe the most common things. Also got some requests for a kind of Quartz Composer tutorial, for something easy to do, so now i’ll show you how it can be done in Quartz Composer, in a series of tutorials, let me call it parts – there will 3 or more. At the end of each parts, i’ll publish the actual Quartz Composer file.

However, a basic understanding of Quartz Composer is requires, if you don’t own that basic knowledge, don’t worry: Quartz Composer is an easy to learn stuff. If you are a beginner, you definitely should look into Apple’s Quartz Composer User Guide, its a very good starting point. You can also find a lots of tutorial videos about Quartz Composer in Youtube and Vimeo.

Let’s get started. Today we will create the rotation thing and the connection between Quartz Composer and CoGe.

1. Figure out what we will need

Well, we need to move, rotate and resize our image. This shouldn’t be hard with Quartz Composer. We also need to use it as a CoGe FX. Hmm.

There are 2 patches in Quartz Composer could do this simple steps, the Billboard and the Sprite. The Sprite it seems to be the better choice, because it renders a 3D “plane”, so it has X-Y-Z rotation values till Billboard only has one rotation parameter. Okay, the Sprite just won, keep it going.

2. Build it up with Quartz Composer!

Start Quartz Composer and drop a Clear patch to the editor, it is necessary to clear the screen before perform any drawing, or on the CoGe side we will see some unwanted glitches. Now drop a Sprite patch to the editor from the Library. You will see a white box appears on the viewer – yay, we Quartz Compose just rendered a frame!

We are happy with that white “box”, but i prefer using my webcam’s input while developing compositions, so drop a Video Input patch to the editor, and connect the Image output of the patch to the Sprite’s Image input. Yay, now you see yourself on the Viewer, freaky thing, isn’t it? 🙂

This is good, but the problem is the image showing on the viewer has not the correct aspect ratio and a little bit little – we need to stretch it, and force to use the entire canvas. To do that, we should let our Sprite to know the dimension of the canvas. An other Quartz Composer patch will help us, with the name  Rendering Destination Dimensions. This patch gives us the width and height of the canvas, so connect to Width and Height outputs of this patch to the Width and Height inputs of our Sprite. Much better know, isn’t it !?

So, let’s do the rotation job. Our Sprite owns that rotation inputs we need, so we need to publish them as better usable controls and usable controls outside of Quartz Composer as well! To do that, first we will add Input Splitters for each of them – you will see in the next step why don’t just simple publish them – by right-clicking on the Rotation labels on our Sprite and select the proper item’s from the Insert Input Splitter submenu, one bye one.

If you finished with those steps, you will see something like in the image, except me on the screen. Fortunately. 🙂 Now do a right-click on each splitters, select Input from Publish Input submenu, and give each a proper name, like X Position an so on.

To see what we did do, hit CMD+T – this will show a panel on the Viewer with some controls for each of the items we just published. We can change the rotation degrees by typing onto the fields or by rotating the circular sliders, but we are still able to give a useless big degree amount, which is not a practical thing and won’t work in CoGe well, so we need to limit this values, i guess.

Select an input splitter, click on  Patch Inspector, then go to the Settings of the patch and define the minimum and maximum values by typing the needed values to the fields. That’s it, we are going to be super-awesome! Now if we going back to our viewer, we will find now we got “normal” slider with a limited value range, suppa’ !

Only one step left to make this thing CoGe compatible: remove the Video Input patch – good bye funny faces, ahh, so sad… – and then publish as input splitter for the Image input of the Sprite, – as we did in the previous step with rotation inputs – and publish it with the name inputImage. The inputImage is a tricky publish name, because it will be the connection point between CoGe and Quartz Composer. When CoGe will found this, it will do the following:

Yo man, inputImage parameter? I’ll feed it with with the current frame, let the pixels data flowin’, let the pixels data flowin’…

So, save the composition into a folder – create a new maybe, or use Basic – inside CoGe/modules/effect.  The name of the folder you just saved into will be the category name in CoGe. Yay, one more thing! Reset the values to 0 before save, because this value will be the default when you open it next time in Quartz Composer, or in CoGe!

Okay, now launch CoGe, create a layer, and apply our just created effect on it. That’s all for know, thanks for reading this article and using CoGe. 🙂 As always, have fun! 

Next time, we will add the positioning feature for our CoGe FX, so see you soon! Please feel free to comment and ask any question’s about it!

The composition we just created could be found and downloaded on the forum, click here!