So you’ve always wanted to know how to video and sync to music in 2 clicks.
Here’s the tutorial !
What you’ll need:
– Ableton Live (free demo here)
– Quartz Composer (free, how to install here)
– MadMapper (free demo here)
This is the end result you gonna get when finished:
(scroll to the end of the tutorial for a video)
Testing out some Physix baked animation into Quartz Composer, for our CRISIS show.
1000 animated boxes, unfortunately running only @40FPS.
Tonight in Luxembourg at Rockhal.
It just seems that I’ll never be finished with particles.
It’s been at least my tenth plugin/attempt at coding some fancy particles for QC. Experimenting with forces, flocking, sin/cos/tan functions, perlin noise vs simplex noise, trails, damping, gravitation, kinect controls, audio reactivity …
Here are some snapshots of my latest iteration, intended to be used in our new show in-the-making, “CRISIS”.
These particles are controlled by sensors and Ableton Live…
Hopefully we’ll be able to present a short show teaser at the Mapping Festival, on May 12th.
Nah, not finished/polished, but worth a quick try.
Samples an image and draws primitive lines according to RGB data.
A few controls and some randomness allow a few nice effects.
Hoping to find the time to push it a bit further…
10.5/10.6, sample file included.
DL from the box (sort the box by date to have it on top of the list)
I just needed to retreive the MAC Address of my computer from inside a QTZ.
So here it is …
Download from the box.
I’m into DMX/Artnet structures at the moment,
and I just needed a tiny lightweight plugin to combine2 structures,
while preserving the keys and order
and keeping everything at the same level.
Faster than a javascript equivalent.
Download from the box.
A little Quartz Composer Plugin to generate a structure of 8bit DMX values (0-255) for a Vari-Lite VL3000 Spot unit.
I just happen to have to control such a unit for an upcoming installation, so I thought I could share.
I’d be happy to know if it works as expected… any report welcome.
It should separate the Pan/Tilt… values automatically into two 8 bit packets.
Download from the box. 10.5-10.6 (untested on 10.7), universal 32/64.
Hi, in this tutorial we’ll add some colors to our everyday concrete environment, by turning a building into a giant equalizer.
The final mapping will look like this, animated in realtime according to the sound input of your computer:
We’ll use QuartzComposer and MadMapper together.
This tutorial is quite long, so I recommend go through the basic MadMapper and QC tutorials first.
For this tutorial,
you’ll need QuartzComposer Syphon plugin,
a plugin developped by Anton Marini and Tom Butterworth
that allows to share video frames between applications.
If you don’t have it, download it from their official Syphon V002 site.
Once downloaded, place the plugin in your /Library/Graphics/Quartz Composer Plug-Ins/ folder
on the rootdrive of your Mac.
This tutorial also assumes that you are somehow “familiar” with QuartzComposer.
STEP #1:
Now open up Quartz Composer and make a simple patch.
Here we have 4 sprites whose Color are connected to 4 Interpolation patch,
each driven by an external timeline, offset a little bit (0.25) so that the color is varying out of sync.
We also have 2 red bars moving on the Y axis using the same technique.
STEP #2:
Now place all these elements into a Render In Image patch.
This will render a plain image in a Frame Buffer.
I’ve set the size of the Render in Image patch to something like 512by512 pixels,
as we don’t need ultra-high quality for this simple example.
Connect to Image output port of the Render In Image to a Sprite, so that you can see the rendering.
STEP #3:
Now place the Syphon patch in the graph and also connect it to the Render In Image output.
This allows to share the rendered image between applications, thanks to the Syphon framework.
Don’t forget to give a name to your Syphon server. I’ve named it 4x (because there are 4 parts in the picture)
STEP #4:
Open up MadMapper.
You should see your Syphon shared image automatically in the media section of MadMapper,
listed under the Syphon section. Double click it and it will appear in the Input View.
Note that the displayed size is effectively 512by512 pixels.
STEP #5:
Now it is about time to load a background image to start working in MadMapper.
Go to the View menu, select Change Preview Background, and load your favorite building photo.
In this tutorial I’ve loaded a photo of Frank Gehry ‘s building in Prag.
Once loaded the photo will appear in the Preview Output, but not in the real output.
It is just a background picture to help you prepare your mapping setup.
STEP #6:
Place a few Quad primitives on the windows,
each window being a different cropped part of your Syphon input.
You can adjust the corners of the Quda to make them fit perfectly the geometry of the building.
You can also play with some flipping option, to give the final result a more random look.
STEP #7:
Admire the final look of your mapping, and go back to Quartz Composer to give your projected elements some more complexity.
1024 Architecture Blog / MadMapper, Video Mapping, Quartz Composer plugins, whatever ... 