formatlos » Projects

AS3 Circle Gradient

Martin — Tue, 30 Mar 2010 18:35:03 +0000

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

Martin — Tue, 30 Mar 2010 18:33:08 +0000

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

HSB Color Wheel

Martin — Sat, 27 Mar 2010 10:00:41 +0000

I just did some interface experiments because I always wanted to have some kind of circle color picker … the HSB Color Wheel is what I came up with. I implemented some settings to change the appearance slightly. I plan to release the AS3 code here if anyone is interested and as soon as I have the time to clean it up a little bit.

Source

You can download the source files of the HSB Color Wheel Demo here:
http://blog.formatlos.de/wp-content/uploads/2010/03/hsbcolorwheel.zip
I didn’t clean up the code, but should be straightforward. Have fun playing with it and post or email me a link if you use it somewhere.

Some Examples

Circlorate your Images

Martin — Tue, 09 Mar 2010 20:39:53 +0000

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

Digital Graffiti – Spray Demo

Martin — Fri, 19 Dec 2008 15:20:49 +0000

Click here to view the embedded video.

The canvas with the van is not very nice, but just to show you a demo of the spray can. sorry for my bad spraying skills. see a description of the project here.

Digital Spraycan – Demo

Martin — Fri, 12 Dec 2008 09:56:33 +0000

Click here to view the embedded video.

I did this demo video earlier this year while developing the spray can for my thesis project. The RGB LED wasn’t bright enough so I replaced it with a super bright one later on and moved it to the top of the can to lighten up the donut.

AmbientLightSensor Library updated

Martin — Wed, 03 Dec 2008 11:14:18 +0000

With the release of Processing 1.0 last week, the Processing team developed a set of library guidelines and a html template for creating a online summary page. To comply with these new requirements I updated the AmbientLightSensor Library.

new project home:
http://projects.formatlos.de/ambientlightsensor/

Digital Graffiti – A Subculture Conquers Interactive Worlds

Martin — Mon, 01 Dec 2008 09:28:04 +0000

Finally I delivered my thesis project I did in cooperation with Less Rain. The subject was »Digital Graffiti – A Subculture Conquers Interactive Worlds« and it’s all about experimenting with different input devices for a physical, digital graffiti installation. The result is an Adobe AIR application using either the computer mouse, the Nintendo Wiimote or »VandalSpray« to paint digital canvases. VandalSpray is a digital spray can specifically designed for this purpose. It implements the attributes of a real spray can or at least trys to achieve them as natural as possible. Except a turnable bottom for changing the color, VandalSpray has no other interfacing elements than its real counterpart and therefore you don’t have to learn and explore the functionality first, because you intuitively know how to use it.

VandalSpray features includes:

exchangeable caps
color display
digital valve system to vary the amount of »paint« coming out of the cap
different colors
wireless

The spray can is built upon the Arduino platform and uses different sensors and electronic modules like a RFID reader, a super bright RGB LED, a Rotary Encoder, a Bluetooth module, a force sensitive resitor (FSR) and loads of wires and solder to implement the desired behavior. For tracking the spray can I use a Wiimote and the WiiFlash ActionScript 3 library and server, but this could also be replaced by a standard webcam and an adequate tracking implementation.
Because I didn’t want to put some kind of speaker in the spray can (there was no space left anyway) the spray sound is generated from the AIR app and output on the speakers of the notebook.

VandalSpray vs. Montana spray can

VandalSpray electronics

More
http://blog.formatlos.de/2008/12/12/digital-spraycan-edemo/
http://blog.formatlos.de/2008/12/19/digital-graffiti-spray-demo/

Portfolio Moved

Martin — Thu, 23 Oct 2008 09:26:44 +0000

As there is no real backend, my old portfolio site is quite hard to update, so I decided to move the portfolio temporarily to this blog until i have the time to go for new flash site. You can find a small selection of projects here.

stereosucker.de

Martin — Mon, 22 Sep 2008 19:09:18 +0000

One of my latest projects just launched last week. It’s a portfolio site for visual artist and interface designer stereosucker aka Tine Päch.

The site is completely dynamic and provides deep linking and browser button support through SWFAddress.

Homepage

Projectpage