Pixel Bender levels example
Pixel Bender is huge and is going to be even bigger once Flash player 10 officially is out (and spreads a bit so that we can start using it in commercial projects). I just love it when Adobe constantly lower the restrictions on creativity
A lot of the examples we see online for Pixel Bender (previously codenamed Hydra) are crazy visual effects. While they’re amazing for certain visual effects (mostly due to the processing speed), finding real life use is harder. I’ve had the need for a similar-to-photoshop levels filter multiple times, if nothing else for preprocessing a bitmap for further analysis. Turns out creating something like this with Pixel Bender is really simple and even better; it’s blazing fast.
If you’ve read my previous articles you know that I’ve already written a prototype for the levels filter (geesh, it’s almost a year ago!). Well, back then Pixel Bender was called Hydra and the code written isn’t compatible with today’s version anymore. I addition to that we weren’t able to export stuff, it just ran in the Hydra toolkit. Today I updated the code and exported it as a .pbj that can be used in Flash.
I’ve made a small example with a couple example images with the contrast reduced. You’ll need Flash player 10 to play with it. If all you see is white download the plugin from Adobe labs.
A couple pointers on the example: Clicking a histogram will automatically balance it. Double clicking will reset it to 0-255. Clicking the image will load a new image. In photoshop you can choose to either modify the luminosity or the individual channels. Here i enabled you to modify both at the same time, but this means that if you modify all 4, the automatic mapping won’t be correct anymore (the histogram in the bottom left corner will show the result of this). I could make it understand this, but since it’s just a proof of concept i think this is fine. Also gamma isn’t supported at the moment.
The source is of course available:
- levels.pbj (file to load in flash)
- levels.pbk (source for levels filter)
- pb_levels.zip (everything, including the example with the source)
Do you have other real life uses for Pixel Bender?
Comments
10 Comments
2008-09-18, 8:12 by Sebastian Ramn
Absolutely stunning work as always. After admiring posts for some time now, one more intriguing then the next I just felt the urge to leave a digital footprint and of course throw a pat on the back your way.
Keep it up, hopefully will soon be able to spend some time together again.
2008-09-18, 11:30 by Flash source | Pixel Bender project | Lemlinh.com
[...] Read more [...]
2008-09-18, 16:09 by Créer un filtre Pixel Bender at AS_Blog
[...] exemples : - Levels Exemples » - TV Scanline » - Gallery Labs.adobe.com » ( certains scripts ne fonctionnent [...]
2008-09-19, 15:19 by localToGlobal » Blog Archive » news review -> 38th week of 2008
[...] Pixel Bender levels example – Antti Kupila [...]
2008-10-21, 5:42 by Eugene
I am seaching for some idea to write in my blog… somehow come to your blog. best of luck. Eugene
2008-10-22, 16:40 by Flash Player 10 - Aplicaciones y Ejemplos » Luis Adrián Rosas Wiedfeldt
[...] PixelBender example Esta es una de las novedades más interesantes y la vemos en acción. [...]
2008-11-08, 10:09 by 推荐10个不错的Flash Player10应用程序 | Wersling's Blog
[...] PixelBender example: http://www.anttikupila.com/flash/pixel-bender-levels-example/ [...]
2008-11-20, 16:30 by da bishop
wow, this is some very powerful stuff indeed. PixelBender… GPU optimised (but still running cpu cycles in the browser) I remember when photoshop was nowhere near as rapid.
Some buy built a raytracing engine with PixelBender.
2008-11-20, 16:32 by da bishop
man, your clients are like 80% satanic lol.
2009-01-04, 19:21 by Adjazent | Alan Ross | Interaction Design & Development - Getting started with Pixel Bender
[...] by the usual suspects (Andrew Zupko, Joa Ebert, Mr.Doob, Tinic Uro, Pixelero, Lee Brimelow and Antti Kupila ), Adobes Pixel Bender Exchange and the ‘Pixel Bender Specification’ you can find under [...]
Post a comment