Flash Bokeh
Sometimes your best efforts to convince clients to originality end up in the trash... but on the other hand there is nothing wrong with it – just shake the dust off and share. This time it's the colourful realtime [bokeh](http://en.wikipedia.org/wiki/Bokeh "Bokeh on Wikipedia") effect inspired by this [tutorial](http://abduzeedo.com/colorful-bokeh-effect-pixelmator "Bokeh effect in Pixelmator") and programmed for [tictoc](http://tictocfamily.com) as a proof-of-concept demo. __Click the image above to preview.__ Due to expensive alpha and blending processing it may slow down your browser/computer a bit. I've tried two approaches there: 1. Adding and removing circles to the display list (withcacheAsBitmap
turned on).
2. Drawing circles onto (transparent and non-transparent) bitmap using draw()
method.
Both methods eat similar processor time. Haven't tried using any GPU wmodes, not sure if that would help at all here, I'll leave it to you - the code is very simple and there's __a lot__ of room for improvements and optimisations.
Considering the recent [HTML5 vs Flash war](http://www.google.co.uk/search?q=HTML5+vs+Flash), the challenge is to code a similar effect using JS + HTML5's canvas and compare the speed – is anyone up for it?
Grab [the source](/files/bokeh/bokeh_demo.zip "Flash bokeh AS3 source") (AS3, Flash CS4 was used to tween the circle shapes but you could entirely use drawing API if needed) and enjoy!
11:00 AM
|
posts
|
4
Comments
|
Tags: as3, fx, source
Comments
- Daniel on April 23, 2011, at 12:42 AM
- November 2, 2010, at 12:03 PM John on
- Mike on June 5, 2010, at 01:47 AM
- felix on May 1, 2010, at 07:18 PM
Adding comments disabled for now.