Playtime for Selkie and Momo

Playtime for Selkie and Momo

Selkie is the Aerialist who performs with The Glitch Mob. After the LA Show, we got together to play with some realtime projection + dancing stuff. I had only my phone (Samsung Droid Charge) to record with, hence the low-res image. The first video is an openFrameworks visual I’m working on, controlled here with the [...]

New Movie Loader in Quartz Composer for Snow Leopard

New Movie Loader in Quartz Composer for Snow Leopard

Exploring the awesome updates to the Movie Loader patch in the new Quartz Composer for Snow Leopard

Structure in VJ Performance

Structure in VJ Performance

An exploration of Structure – 4 Layers for Visual Performance.

Cut Up Video using Lucifer and Ableton Live

Cut Up Video using Lucifer and Ableton Live

Make realtime AV Cutups the easy way – with Lucifer and Ableton Live

Quartz Composer: 3D Cubes and Audio Input

Quartz Composer: 3D Cubes and Audio Input

A Beginner’s Tutorial on Lighting, Cubes and Audio Input to make an Interactive Toy in Quartz Composer.

AV Challenge 2: Part One, Making the Clips

AV Challenge 2: Part One, Making the Clips

Momo the Monster’s Method for AV Madness

Wii to MIDI Walkthrough for Windows

Wii to MIDI Walkthrough for Windows

Everything you need to get started making some interactive video on a Windows PC

Loop-R VJ Touchscreen System

Loop-R VJ Touchscreen System

Homemade Performance system from visual_basiq

Playsonic: AV Fun with a Game Controller

Playsonic: AV Fun with a Game Controller

From the 2007 Maker Faire – a project where Video Art meets Gaming and DJing

Retinal Rumble

Retinal Rumble

Show Me Yours and I’ll Show You Mine – live Internet Video Battle at the 2007 Maker Faire.

AV Sequencing with Live + VDMX + Monome

AV Sequencing with Live + VDMX + Monome

A solution for hands-on live audiovisual performance

VJ Kung Fu Promo

VJ Kung Fu Promo

See the new VJKUNGFU.TV Promo!

Crossfader Triggering with the NuVJ

Crossfader Triggering with the NuVJ

Using the NuVJ for AudioVisual performance – a remix and demo.

NuVJ Crash Course

NuVJ Crash Course

The basics on the NuVJ – what the buttons do, what it’s like to mix with.

A VJ’s Pet – Lemur

A VJ’s Pet – Lemur

Introduction to the Lemur Multi-Touch Interface device. How to connect it up, some things you can do with it.

Build a Projector Mount that will Go Anywhere

Build a Projector Mount that will Go Anywhere

You can’t count on venues to have a proper place to put your projector. Build one of these and you can go anywhere.

Staring Into The Snow Preview

Staring Into The Snow Preview

Preview of an ambient abstract piece about losing yourself in the holiday season.

Maker Faire VJ Clips

Maker Faire VJ Clips

Free VJ-Ready Clips from the Maker Faire 2006

Play a Movie in Quartz Composer

Play a Movie in Quartz Composer

QC can look daunting at first – here’s how to get started.

How To Install Quartz Composer

How To Install Quartz Composer

Free video processing app from Apple – you may already have it!

Visit the VJ Kung Fu Channel on Vimeo to download the original, high-quality Quicktime.

Quartz Composer: 3D Cubes and Audio Input

We’re going to make a 3D cube that responds to our voice.
launchqc.jpg
First we start up Quartz Composer. The icon will be different depending on whether you’re running OS X 10.5 or 10.4.
qc_new.png
From the File menu, choose New Blank (or simply ‘New’ in Tiger).

qc_clear.png
In Leopard, we need to open the Patch Creator. In Tiger, this is always open, and called the Patch Library, found anchored to the left side of the Editor. Type ‘Clear’ into the search field to drill down to the patch we want. Drag-and-drop the Clear patch to the Editor.
qc_dragcube.png
Now we’ll do the same with a cube. Type ‘cube’ into the search field, and then drag the patch into the Editor.
qc_apple_i.png
Select the Cube and press Apple-i to bring up the Inspector. This is where we can hand-adjust all the aspects of our Cube.
qc_whd.png
The cube is a little too big to work with, so we’ll take it down in size. Type 0.25 into the Width, Height and Depth fields.
qc_zpos_cube.png
Now let’s play with the X, Y and Z positions of the cube. Spin the dials to the right of the text fields labeled X Position, Y Position and Z Position and watch how the cube moves around in space. To change the values, you need to click and hold on a dial, and the move the mouse in small clockwise circles to raise the value, and counter-clockwise circles to lower it.
qc_xyz_0.png
Let’s reset these values to 0 by typing directly into the fields.

qc_xrot.png
Now let’s play with the X Rotation property. You’ll notice that the changes we’re making are very small. This is because Rotation is measured in degrees, so to go all the way around once, we need to increment from 0 to 360. Hold down the Shift key for faster rotation. We can recognize that the Cube is three-dimensional, but it’s hard to tell, and not very pleasing to look at. Let’s add some lighting to flesh out the look.
qc_addlighting.png
Type ‘lighting’ into the patch search, then drag and drop a Lighting environment into your composition. Notice the square edges on this patch. Our previous two patches, which are both Renderers, have rounded edges. The squared edges of this Lighting Environment patch tell us that we can put other patches inside of it.
qc_breadcrumbs.png
Select the cube and press Apple-X to Cut it to your clipboard just like you would with a Word Processor. Double-click on the Lighting patch and press Apple-V to paste your Cube back inside. In Leopard, you’ll see the above breadcrumb trail letting you know that we’re inside the Lighting Patch, which is inside the Root patch of our composition. In Tiger, you may have to click on the ‘Hierarchy Browser’ to see this. Click ‘Edit Parent’ to return to our Root Patch.
qc_lightatt.png
Back in our Root Patch, click on Lighting and press Apple-i to bring up the Inspector. Change Attenuation to 0.1 to smooth out the lighting, and play around with the Light 1 XY and Z Position to see how it affects the composition.

qc_lightcolor.png
Click on the color box next to Light 1 Color to bring up a color wheel. Pick a new color and observe the changes in your viewer.
qc_add_interp.png
Next we’re going to bring in an Interpolation patch which will provide some automated control.

qc_interp_inspect.png
In the Inspector for the Interpolation patch, choose a Start and End Value of 0 and 360, respectively. This tells the Interpolator what values we want it to output.
qc_intrp_cube.png
Connect the Result from the Interpolation patch to Y Rotation on Cube. Now the Interpolation patch is counting from 0 to 360 (using decimals in-between for a smooth output) and we’re using those numbers to change the Y Rotation on the cube. Change the Duration of your Interpolation from 1 to 0.1 and watch it go freakishly fast. Change it to 10 and observe it slow down. Revert it to 1 second and let’s move on.

Next we’ll add an Audio Input patch so we can interact with our composition.

qc_audio_2_cube.png
Connect the ‘Volume Peak’ output to the ‘Height’ input on the Cube.
In your viewer, your cube should now be responding to your default system input – on a laptop, this will be your internal Mic. On a desktop, you may need to plug in a Mic or some other External Audio source to see it respond.

NOTE: It is possible to redirect iTunes to your QC comp using a utility called Soundflower – look for a tutorial on this topic soon.

qc_route_thr_math.png
Looking at the viewer, you’ll notice that our Cube is not hitting the top and bottom of the display area. In order to change this, we’ll add a Math patch. We’ll route the signal through the Math patch (as pictured above) before sending it along to the cube.

In the Math Patch Inspector, we’ll change the Operation to Multiply, and try ’4′ for the amount. In Tiger you will default to having two operations – you can leave the other one blank.

qc_cube_tall.png
Now we should see the cube stretch all the way to the top and bottom of the screen. We can play with the multiplication amount until we find a spot we like.

Now it’s time to experiment on your own. Open up patches and change some values, see what happens. When you find a change you like, hook up an Interpolation or Audio Input patch to it. Stick Math patches in your routing streams to take control of your values. Experimenting like this works to cement the ideas you learn, and steadily increase your understanding of the Quartz Composer System.

98 Responses to “Quartz Composer: 3D Cubes and Audio Input”

  1. cyberpatrolunit Says:

    Great tutorial MTM! I hear QC has adopted OSC?

  2. Andrey Says:

    Cool.
    How i can use it with different frequencys? for exmple i want to make cube for low frequency, and sphere for high freq. A find audio processor, but don't understand how make comutation between units.

  3. Soup Says:

    this video was crucial – thank you so much! Keep an eye on OpenDome.net for a project based off this starting block soon!

  4. Fr4b3lo Says:

    Really liked! obrigado

  5. Ariel Says:

    thanks!

  6. Bruce Says:

    Thanks for this one. This is a very useful and easy to follow tutorial for this app work. Check out my work on audio visual brisbane.

  7. Bruce Says:

    Thanks for this one. This is a very useful and easy to follow tutorial for this app work. Check out my work on audio visual brisbane.

  8. Bruce Says:

    Thanks for this one. This is a very useful and easy to follow tutorial for this app work. Check out my work on audio visual brisbane.

  9. Bruce Says:

    Thanks for this one. This is a very useful and easy to follow tutorial for this app work. Check out my work on audio visual brisbane.

  10. Bruce Says:

    Thanks for this one. This is a very useful and easy to follow tutorial for this app work. Check out my work on audio visual brisbane.

  11. Bruce Says:

    Thanks for this one. This is a very useful and easy to follow tutorial for this app work. Check out my work on audio visual brisbane.

  12. Linda Says:

    Thanks for the detailed breakdown. I've been looking at computers for sale online, and hopefully the one I get will be compatible with this software.

  13. Linda Says:

    Thanks for the detailed breakdown. I've been looking at computers for sale online, and hopefully the one I get will be compatible with this software.

  14. Linda Says:

    Thanks for the detailed breakdown. I've been looking at computers for sale online, and hopefully the one I get will be compatible with this software.

  15. Linda Says:

    Thanks for the detailed breakdown. I've been looking at computers for sale online, and hopefully the one I get will be compatible with this software.

  16. Linda Says:

    Thanks for the detailed breakdown. I've been looking at computers for sale online, and hopefully the one I get will be compatible with this software.

  17. Linda Says:

    Thanks for the detailed breakdown. I've been looking at computers for sale online, and hopefully the one I get will be compatible with this software.

  18. tutor online Says:

    well done. Nice post and really very informative post. Keep it up. Thanks

  19. angie Says:

    wow. i love this composer lighting 3d cubes this look so great here. I tried to make things like that too but it's still not working. how to prevent yellow teeth

  20. angie Says:

    wow. i love this composer lighting 3d cubes this look so great here. I tried to make things like that too but it's still not working. how to prevent yellow teeth

  21. angie Says:

    wow. i love this composer lighting 3d cubes this look so great here. I tried to make things like that too but it's still not working. how to prevent yellow teeth

  22. angie Says:

    wow. i love this composer lighting 3d cubes this look so great here. I tried to make things like that too but it's still not working. how to prevent yellow teeth

  23. angie Says:

    wow. i love this composer lighting 3d cubes this look so great here. I tried to make things like that too but it's still not working. how to prevent yellow teeth

  24. angie Says:

    wow. i love this composer lighting 3d cubes this look so great here. I tried to make things like that too but it's still not working. how to prevent yellow teeth

  25. fiber optics Says:

    I am agree with your topic.I Just saying thank you will not just be enough, for the wonderful lucidity in your writing. I think you've made some truly interesting points.Keep up the good work.

  26. tefl certification Says:

    This post was very well written and it also contains a lot of useful facts. I appreciated your professional way of writing this post. Thanks you have made it very easy for me to understand.

  27. TEFL jobs Says:

    Keep going because you definitely bring a new show to this subject. Not many people would say what you've said and still make it interesting. keep it smart to update. Thanks for sharing.

  28. pmp courses Says:

    This is good site to spent time on I have really enjoyed reading your very well written blog posts. I will be your frequent visitor, keep on writing such nice article. Thank you!

  29. pmp examination Says:

    You do a good job here. You always can publish something absorbing that does not waste minutes of your life like what you see on countless other sites. Thanks for sharing.

  30. Lumina FX Says:

    This is my first time to visit your web site.It contains many useful things. Very good site, and in my opinion, it would bring your website a little bit more interesting.

  31. PMP Phoenix Says:

    This is a really well written article. I will be sure to bookmark it and come back to read more of your useful info. Thanks for the post. I'll certainly return.

  32. montreal web design Says:

    An individuals’ personality can be used as a tool and resource to invigorate creative direction. Thank you for sharing this interested instructions that people expected to have.

  33. PMP Training Says:

    Thank you for exerting your effort here for us to have read some good information. It’s nice interacting here in your blog! Continue your great post.

  34. More Information Says:

    I appreciate on how you approached the subject matter and what you said really give new idea. Thanks for taking your time to write this all out. Thank you for sharing this article.

  35. Cheap Suit Online Says:

    Thank you for sharing this article. You make it entertaining and still manage to keep it smart. I appreciate also on how you approached the subject matter and what you said really give new idea. Thanks for taking your time to write this all out.

  36. kim Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.SEO Services Philippines

  37. kim Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.SEO Services Philippines

  38. kim Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.SEO Services Philippines

  39. kim Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.SEO Services Philippines

  40. kim Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.SEO Services Philippines

  41. kim Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.SEO Services Philippines

  42. mensusa com Says:

    I just think that you put it in a way that everyone can understand. I also love the way you share your ideas. Thank you. In addition of that i can also say that it was amazing. Thanks!

  43. Teachers job Says:

    great! this site is so far I feel best, this site has a lot of interesting content, it is worth a visit.

  44. PMP San Diego Says:

    It is nice to visit your site again. This is good idea for the better information. I would like to read something more on this topic or related topics. Thank you for providing such a vital information. Keep it up!

  45. tefl courses Says:

    Well this article that I've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.

  46. PMP Training Says:

    thanks for that exceptional write up that you just penned down. Excellent post. I want to thank you for this informative read. This information is excellent, as share good stuff with good concept

  47. locksmith leeds Says:

    I really don't like the cover either, but I'm glad the book was good. I wouldn't be able to knowingly read it out of order though ;)

  48. men's suits Says:

    yeah right. you all guys are really awesome and that's the best that i could do. thanks a lot for all the help and this is so cool.

  49. Plumbing Draper Says:

    "NOTE: It is possible to redirect iTunes to your QC comp using a utility called Soundflower – look for a tutorial on this topic soon."
    yeah I need to take care of it soon.

  50. cellphonespysoftware Says:

    Our previous two patches, which are both Renderers, have rounded edges. The squared edges of this Lighting Environment patch tell us that we can put other patches inside of it…

  51. seersucker suit Says:

    It is an honor to have the opportunity to participate in the discussion of this excellent blog site! I wish to extend my thanks for that. Thanks for the good insight here.

  52. Latest Andriod Apps Says:

    Useful information shared..I am very happy to read this article..thanks for giving us nice info.
    Latest Andriod Apps

  53. Latest Andriod Apps Says:

    Useful information shared..I am very happy to read this article..thanks for giving us nice info.
    Latest Andriod Apps

  54. Latest Andriod Apps Says:

    Useful information shared..I am very happy to read this article..thanks for giving us nice info.
    Latest Andriod Apps

  55. Latest Andriod Apps Says:

    Useful information shared..I am very happy to read this article..thanks for giving us nice info.
    Latest Andriod Apps

  56. Latest Andriod Apps Says:

    Useful information shared..I am very happy to read this article..thanks for giving us nice info.
    Latest Andriod Apps

  57. Latest Andriod Apps Says:

    Useful information shared..I am very happy to read this article..thanks for giving us nice info.
    Latest Andriod Apps

  58. website Says:

    You can always have a great adventure everyday and learn from experience.

  59. varice Says:

    I honestly DOn't know how to make those 3d cubes then something like that. Those can only be done by experts and I am not an expert so basically I can;t really do it.

  60. arched Says:

    Take chances and see changes. Amazing in here indeed.

  61. seersucker suit Says:

    This article deserves my attention. For what it's worth, you've done a fantastic job of getting across your points and I'm with you.

  62. riveramarianeea Says:

    This is great. am very happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. I really enjoyed reading this. installation of circuit breaker

  63. riveramarianeea Says:

    This is great. am very happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. I really enjoyed reading this. installation of circuit breaker

  64. riveramarianeea Says:

    This is great. am very happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. I really enjoyed reading this. installation of circuit breaker

  65. riveramarianeea Says:

    This is great. am very happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. I really enjoyed reading this. installation of circuit breaker

  66. riveramarianeea Says:

    This is great. am very happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. I really enjoyed reading this. installation of circuit breaker

  67. riveramarianeea Says:

    This is great. am very happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. I really enjoyed reading this. installation of circuit breaker

  68. vietnamese girls Says:

    The best thing about it is that it provides wonderful quality.

  69. i date asia Says:

    thanks for that exceptional write up that you just penned down. Excellent post. I want to thank you for this informative read. This information is excellent, as share good stuff with good concept

  70. Albert Says:

    well, honestly, I just really don't know what to do and I guess I would still do love on what needs to be done. now of course i would still do love it. Utah sumo suit

  71. tuxedo suit Says:

    I am looking forward for your next post. I found this informative and interesting blog. I just hope you could make another post related to this. This is definitely worth reading.

  72. josephine Says:

    I am not sure that this lighting 3d cubes is basically what we are currently learning in school and we are expecting a deeper learning for this. hauppauge ny multiple listing real estate

  73. tv installation Says:

    Sound like very handy allocation and truly I did not know much more about 3D Cubes and Audio Input but the allocation you did here makes me knowable about this issue. Thanks a lot for this nice allocation.

  74. Iraqi Dinar Says:

    Hi friend, Thanks for writing such a good article, really will help me out in many ways.

  75. Dennis Says:

    now of course this is just what I would like it to be done. I guess I would still do the best and yes it's really awesome. i think I know about it., dog training Ma

  76. british army jobs Says:

    Very nice colors & thene/design your post. This post was very well written and it also contains a lot of useful facts. I appreciated your professional way of writing this post. Thanks you have made it very easy for me to understand.

  77. british army jobs Says:

    I was always looking forward to visit this kind of place. I really like the theme of your post. Please share some more pictures like this. I will wait for your next update.

  78. Android AppDeveloper Says:

    this video was crucial – thank you so much! Keep an eye on Open Dome.net for a project based off this starting block soon

  79. allen Says:

    i am for the first time here. I found this board and I in finding It truly helpful & it helped me out a lot. I hope to present something back and help others such as you helped me.

    korea esl teaching jobs

  80. The Barry Law Group Says:

    I am new with this.but as you made it so nicely i am now confident to do it myself.

  81. alera Says:

    oh yeah I didn't realize that this is much more amazing then. I got the power to do it,

  82. josephine Says:

    I just really love it and I am going to do love it.. I love this audio input here and it seems that they are doing any good. I love it then. how to stop mouth breathing

  83. PC memory Says:

    Also, be aware that not everyone will respond. Be patient, and don’t get down on yourself when you don’t get a 100% or even a 50% response rate. Server memory

  84. articleswriting help Says:

    i have watched that video.It is nicely made. I have also shared this.

  85. british army jobs Says:

    I really appreciate for your time and value of this blog because it was an excellent post. I really love the way you state your article. Aside from that i really happy for sharing that with us. I learn more in this blog so thank you.

  86. Kaitlyn Latour Says:

    I think we may able to instruct our computer to do every task for us in the future. The quartz composer is really cool because audio instructions are really hard for the computer to comprehend because people talk in different tones and ways.

  87. escort manchester Says:

    Excellent stuff from you, man. I’ve read your things before and you are just too awesome. I adore what you have got right here. You make it entertaining and you still manage to keep it smart.

  88. suit separates Says:

    you're posting an incredible post talk about reliable information its step-up my own information creating amount is to high quality quickly realize over-all great work.

  89. RANA Says:

    Everyone here has the sense that right now is one of those moments when we are influencing the future.
    letter of recommendation for residency

  90. hazelmae89 Says:

    I don't really know what to do on the first place but I think with the help of your Grace, everything will then so perfect.
    Thanks,
    increasing curb appeal

  91. property in gurgaon Says:

    This is a very good article, I discovered your blog checking aol for a related subject matter and came to this. I couldnt find to much other information on this article, so it was nice to discover this one. I will be back to look at some other posts that you have another time.

  92. samiqalab Says:

    get2techIt's always exciting to read through articles from other authors and practice a little something from other websites.

  93. Darrell Sthilaire Says:

    Sound like very handy allocation and truly I did not know much more about 3D Cubes and Audio Input but the allocation you did here makes me knowable about this issue. Thanks a lot for this nice allocation.

  94. Cheap Essay Writing Says:

    Marvelous information. Thanks a lot for sharing this information. :)

  95. electricians perth Says:

    Sound like very handy allocation and truly I did not know much more about 3D Cubes and Audio Input but the allocation you did here makes me knowable about this issue. Thanks a lot for this nice allocation.

  96. PMP Washington Says:

    do accept as true with all of the ideas you have introduced for your post. They are really convincing and will definitely work. Nonetheless, Thank you for the post.

  97. royaljames56 Says:

    This site can give great advantages to advertiser for a product promotion.
    Arik air tickets

  98. aileenalesx Says:

    Sound like very handy allocation and truly I did not know much more about 3D Cubes and Audio Input but the allocation you did here makes me knowable about this issue. Thanks a lot for this nice allocation.

Leave a Reply

You must be logged in to post a comment.