AS3 Circle Color Spectrum
Just a few days ago I released my HSB Color Wheel interface. All the graphics used in there are drawn with the AS3 drawing API including the circle color spectrum and the circle gradient. This performs very well but just out of curiosity I wondered how hard it would be to generate the color spectrum in pixel bender … and well it’s not that complicated, actually it’s easier than doing it in AS3 because pixel bender is made for dealing with colors and pixels.
I implemented a few parameter to control the shader
- center for passing in the x and y
- innerRadius and outerRadius for controling the size of the circle
- rotation (0-360) to change the angle where the red color starts
- ratio (0.0-1.0) for controling the space used for 1 color spectrum, e.g. a value of 0.5 would use 180 degrees for displaying 1 spectrum and you would end up with 2 spectrums in your circle
AS3 Circle Gradient