theshock/libcanvas — Issue #35: Implementing Fire effect
Author: stevozilik
Created: 2012-03-06 01:17:30+00:00
State: open

Hi,

I'm trying to implement a fire effect described in here

http://me.murphybob.com/2011/07/retro-fire-in-html5-canvas/

I can get it to work, but I have one problem - I need the fire 'background' to be transparent, as I'm moving the fire 'element' around the canvas, on top other elements. The underlying problem lies in:

putImageData

it doesn't render on top, it basically overrides what's underneath. I'm sure you're aware of this, but just in case it's discussed here http://stackoverflow.com/questions/5210874/html5-canvas-image-caching-putimagedata-questions

So I'd need to take advantage of layers or something similar, any ideas how to implement something like that?

Thanks!