AS3 Circle Gradient

March 30th, 2010 • ActionScript, Flash, Projects
Tags: ActionScript, AS3, Flash, Flash Player 10, Pixelbender

According to my previous post about the AS3 Circle Color Spectrum I wanted to implement the circle gradient in pixel bender as well, so there you go. You can specify up to 4 colors and control the appearance with the corresponding ratio.

the parameters for 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 starting angle
• color1, color2, color3, color4 in the format RGBA (1.0, 1.0, 1.0, 1.0 = 0xffffffff)
• ratios an array of color distribution ratio

Play with the filter…
Download Circle Gradient filter & pixel bender source

AS3 Circle Color Spectrum

March 30th, 2010 • 3 comments ActionScript, Flash, Projects
Tags: ActionScript, AS3, Flash, Flash Player 10, Pixelbender

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

is it just me or does the circle in the middle seem to rotate slightly … scary … anyway

Play with the filter…
Download Circle Color Spectrum filter & pixel bender source

next up:
AS3 Circle Gradient

Circlorate your Images

March 9th, 2010 • 5 comments ActionScript, Flash, Projects
Tags: ActionScript, AS3, Flash, Pixelbender

Inspired by some artworks by Mexican artist Gabriel Orozco I saw just recently I decided to develop a tool for doing some kind of circle slice rotation with your images. The result is » Circlorator « and it’s basically just a Pixelbender filter and some UI elements and that’s it. Give it a try and generate your own artworks.

http://play.formatlos.de/circlorator/

Pixelbender Source

For those who want to play with the filter a little bit, there you go CirclorateFilter.zip

Examples