Spreading apart objects (color math)

gabemott's picture

I will be plugging in OSCeleton but for now, just trying to create the ability for these 5 bars of color to be spread apart revealing black between each bar. So the width of the individual bars wouldn't change, but the bars on the ends would move further out, the bar in the middle stays, and the two other bars increment out revealing equal distant black space between.

I tried adjusting the width but obviously this doesn't do it. It keeps them smooshed together. The point of all this is that when they are touching, halations appear. It looks like the bars are gradients when they are together. When they are spread apart and not touching, they are revealed as the single swatches of color that they are.

In OSCeleton, the user will spread his hands apart moving the bars apart, when at his side or at rest, the bars will line up touching eachother.

This comp was created by adamfenn88 and jersmi. I only tweaked it.

Thanks for any help.

More Color Math

gabemott's picture

Well, I tried the simple math to create a middle child color by averaging the hue value of the two parents. But no such luck, I'm wondering if this needs javascript again.

The two backgrounds are moving slowly through the hue spectrum and different different period lengths. Occasionally they are they same hue.

The middle square is supposed to be the middle child all the time, but it's not. The left and right squares are supposed to be children closest to the background parent on each respective side.

The inspiration for this is: (if you check this out keep trying "new" (then smoosh) until you've seen both same and different)

And the image attached done in illustrator gives an example of what it would look like if I had done the math correctly. I thought averaging the hues would get the middle child, but I can't sort out why it doesn't (all the time).

Any ideas?

Box Blur and Color Bias (Composition by gtoledo3)

Author: gtoledo3
License: MIT
Date: 2011.01.31
Compatibility: 10.6
Required plugins:

This is an example OpenCL kernel that creates a blur and has color control for each channel RGBA. The attached composition is packaged as an image filter protocol.

Wiggle Draw Mesh_gt (Composition by gtoledo3)

Author: gtoledo3
License: (unknown)
Date: 2010.09.28
Compatibility: 10.6
Required plugins:

This composition allows one to draw mesh.

Some features:

  • You can draw on mouse down/ not draw on mouse up.

  • You can change color as you draw.

  • _1024 Math and Perlin noise integration, for a fun wiggle effect.

  • Support for included mesh filters, for altering drawn mesh. This adds fun wave, bulge, noise, etc., effects.

(warning - do NOT try to introduce the Apple example mesh jiggle filter- it isn't included for a reason; the fact that mesh jiggle utilizes mouse position, and this draws, makes it work very badly together. You may get extremely bad graphics glitches, freezing and strobing of your display. Don't let this discourage you from using this composition, as posted.)

  • Ability to rotate drawn scene in space.

  • Support for changing Z, not just X/Y.

  • Support for "brute force" anti-aliasing, up to 2x.

Note: Install _1024 plugins for the "non-stock" wiggle functionality. Install _1024 plugins in your user Library/Graphics/Quartz Composer Plugins folder.

Audio Spectrogram

LuxAqu's picture

Ok I'm very new to Quartz Composer but I've been trying to find a way to create a visualizer that maps the octaves of sound directly to the visible spectrum. This is based on the idea that the visible spectrum is essentially one octave of electromagnetic radiation. More about that theory here:

Thanks to AudioTools I was able to get a decent resolution for the frequency spectrum, but being a noob I ran into a lot of technical problems that I didn't understand (with particles and iterators and render in image patches...) Plus I wasn't sure how to best capture the composition in action. In any case, I finally have something to show: