anthony mattox new media art & design

Controlling Quartz Composer with Pure Data

Recently I performed with a musical group, creating generative imagery as a backdrop. I decided try using quartz composer again, primarily because it renders graphics so quickly and smoothly, but also because it’s fairly easy to put something together. Unfortunately I ran into a significant roadblock. Quartz composer has no way to control elements while they are running. Although you can completely restructure and modify your script while it is running, there are no interface elements to control simple changes in values. Obviously, this makes QC so much less valuable as a performance tool.

Having already set up most of my script in Quartz Composer I decided to find a way to control it some other way. Pure Data, an application similar to Quartz but for the production of sound, allows you to easily build interfaces. The data is then sent out of pure data as midi controller values, sent through a virtual midi channel, and grabbed by Quartz Composer. From there the values can be used for whatever is necessary.

Figuring out the details took a little while and some help from my friend Michael Scoot-Nelson, but the setup is actually quite simple. In Pure Data, just set up as many controller as you need in the form of sliders or other UI elements.

In this case, I have a number of vertical sliders labelled for a particular application. Above each controller I have an object which receives a bang [r b]. In Pure Data the value from each slider is only sent when the slider is changed. Sending a bang to the value ‘b’ pushes all the values down and sends them out to the midi channel. The Sliders should be set to a range from 0-127.

The values from the sliders are plugged into the first inlet of control out objects (ctlout). The ctlout objects also need a controller number and a channel number. These are used to get the value on the other end. The channels can all be set to one, and each slider should have it’s own controller number.

In Quartz composer, a ‘Midi Controller Receiver’ object will grab the values sent from Pure Data. Viewing it’s settings in the inspector, the number of inputs can be changed. Each input is listed with an integer, these are the controller numbers which must be matched to the ones set in pure data. The channels being received can also be changed.

There is one final step to getting everything hooked up. In Pure Data, under Preferences > Midi Settings must be set to an Midi Channel that Quartz Composer is listening for. On a Mac it’s easy to set up this channel with the IAC Driver in Audio Midi Setup.

I also created this little guy here. One element I was controlling in Quartz Composer (a particle generator) could only be set on or off and I needed it to vary smoothly. This creates what is essentially a pulse width modulation simulated analog output. Pressing the ‘on’ and ‘off’ buttons do just that, and pressing the pwm toggle lets you use the slider to set it more or less on.

Metro’s turn the output to on every tenth of a second. It is then turned off (ten times a second) after a short delay (less than a tenth of a second). If the slider is at the bottom it turns back off almost immediately, so for the greater part of a second it is off. If the slider is at the top, it takes nearly a tenth of a second to turn back off, so it is mostly on. In the middle it will be on half the time. The result, at least for my particle generator, was the appearance of it’s rate changing while really it was just turning on and off very quickly. I’m not sure where else this would be useful, but here it is.

It might be a little hard to read, but if it would be useful to anyone I can upload the pd file somewhere.

The List List

The List List is net art* piece I’ve been working on for the past few months. It is a collaborative list of lists, an open platform for everyones favorite superlatives.*the deacons of new media art might not agree as it isn’t ugly as sin and the concept isn’t unbelievable convoluted and yet meaningless.

On the site, you can create lists and vote lists and items within them up and down. The goal is just to build a collection of fun and humorous lists.

The site has been an enormous technical exercise in precisely executing a complex web page. Despite the apparent simplicity, it is one of the more involved sites I’ve built. Including a number of interactions with the database and an extensive collection of ajax scripts so that all the site’s functions can be used without reloading the page and with a flourish of sleek animations.

It’s very easy to get burned out on a piece with just a few details left to go. I did my best to polish every detail of the The List List, making every transition smooth and considering every graphic, semantic, and functional minutia.

I built the site using CodeIgniter, a php framework, and jQuery. CodeIgniter was probably not necessary, but it made laying out the foundation super fast. jQuery is of course great for animations and simplifying Ajax scripts.

Go have some fun with it.

New Music Exhibition – Poster for the Ligetisplit Ensemble

Another poster for the Ligetisplit Ensemble.

The poster is a little atypical, but I tried to establish the relevant hierarchy of information in new ways to create an interesting poster. The title is near the bottom of the poster, but is large enough be the focal point. The background graphics also bring attention to it.

Other key information, for someone who wants to attend, is closest to the top-left, in a position of attention. Little icons also help to make their purpose clear at a glance.

The graphics were created in illustrator using transform tools, something I’ve been playing with in my make something cool everyday project.

Make Something Cool Every Day

In the shadow of Mark Weaver, my friends Andy Mangold and Jonnie Hallman, and many other more talented humans than myself, I’ve decided to make something cool. Every day.

Every day I plan to spend around 15 to 30 minutes making some quick piece of artwork, either an image, flash applet, processing sketch, sound, or any other medium. The project is meant to keep me productive and be engaged in at least a little something creative every day. It’s also a place where I can exercise and develop skills which I don’t normally have many opportunities to use. Generally I like to work on larger scale projects, and, while this is a very large project, it’ll get me doing something a little different every day. I’m also hoping some of these sketches will set off other, more complete works. Hopefully I can stick to my time constraints so it doesn’t become a burden that I give up.

I began the project about a month ago to build up some content before I publicize it (also while I fixed things in the website). So I’ve got a good batch of things there already. Check out the project at http://makesomethingcooleveryday.anthonymattox.com and subscribe to the feed at http://feeds.feedburner.com/anthonymattox/msced.

The nerd stuff: The site is built with codeigniter and jQuery. This is the second project I’ve used codeigniter for and I’m pretty happy with it. The site still has some kinks in it. Aside from those two frameworks, I built everything else from there up for my own edification and for more control. Bugs and more features will slowly be fixed and added.

To Blog

I’m planning to shift the direction of my site a little. Till now the focus of my blog has primarily been my artwork and little sketches I produce, and my portfolio has been a selection of the better works from my blog.

I’d like to expand the breadth of my blog and make it a bit more bloggy. I plan on including posts of other artists I discover that inspire me and perhaps some other interesting things I come across. I’d also like to expand into some other interests of mine, including food and music. Through this I hope to share a larger range of my interests and perhaps share a little more about myself. Hopefully I can hold myself to this, so expect some thorough in the near future.

Further in the distance I plan to restructure my portfolio. Having it pull work from the blog makes it easy to update, but limits the functionality of it. Rather than a chronological list of my works, I hope to build something awesome which presents my work better.

Website for Rachel Verhaaren

I’ve just finished a website for this cute girl I know, Rachel Verhaaren. She is a photographer, and a student here at MICA. Her work has really fantastic colors and textures (two of my favorite things), especially her large format photographs and often focus on optics and perception.

Most photographers seem to want the most minimal of sites, a white or dark grey page with their work in the middle. I felt it was more appropriate to give it just a little bit more color and give visitors a good impression of Rachel’s work as soon as they open the page, something few photographer’s sites do. WIth that in mind, her portfolio is on the front page with large images linking to sets of images.

www.rachelverhaaren.com

Some nice javascript touches are built with jQuery and the site is powered by Wordpress.

History of Electronic Music Instruments – Poster for the Ligetisplit Ensemble

Here is a poster I designed for an event held by the Ligetisplit Ensemble, a musical group in Baltimore. The event, a History of Electronic Music Instruments, should be a good night.

I used an old Processing sketch which visualized an audio stream. The typography isn’t quite what I usually do, but it seemed appropriate for the event. It probably isn’t that unusual anyway.

Mandala Coaster Sketches

I’m taking a web design class this semester working with Etsy, an online marketplace for handmade goods. To familiarize ourselves with the site, our first assignment is to make something to sell on it. As you can imagine, students in a web design class are not necessarily the craftiest of people.

I’ve decided to design a set of coasters and have them laser cut from wood. The coasters will be circular, with designs partially cut into the surface and then primed.

I’ll post the finished pieces and a link to the shop when they’re done. They’ll come in a set of four and there will be a handful of sets available if you’re interested in them. For now, here are the designs I’m planning. They were drawn in Illustrator. Nothing generative this time. Click on the images to see them larger.

Snow Snow Snow

Snow. Venturing out in the tail end of the recent snow storm. I’m not used to so much snow, and neither was the rest of the city. Cars were (are) completely lost in snow and the streets were completely filled. The snow’s definitely slowed things down, and also stopped the whole city, But it was also a great experience.

With two feet of snow on the roads, the city belonged to pedestrians. The scene was fairly apocalyptic, but at the same time people were walking around in the snow and everyone seemed a little friendlier than usual. Not to mention crime has dropped to almost nothing.

At sunset after the storm, the houses were cast in the most beautiful warm light. Here is also a car under a pile of snow.

When the snow first started it melted. The snow then stuck onto the wet trees. It made a great winter wonderland scene and took a few trees down.

Rachel Verhaaren wading through the snow.

read on »