[PLUGIN] Canvas

Oh yeah you're completely right
I just tested with your idea

But! mine works too, I modified the acts.pasteObject function this way :

ctx.save(); ctx.scale(this.canvas.width/this.width, this.canvas.height/this.height); ctx.rotate(-this.angle); ctx.translate(-this.bquad.tlx, -this.bquad.tly); ctx.globalCompositeOperation = "destination-out"; instances[x].draw(ctx); ctx.globalCompositeOperation = "source-out"; ctx.restore();

And it erase perfectly, even if it's a bit weird now that I think about it.

But yeah I'll stick with your idea... it's simpler

Edited by Yann - 15 Nov 2011 at 8:00pm

Pode wrote: @R0J0hound: is it possible to add a function to you Canvas plugin to retrieve the canvas' image as data (I think the best is to retrieve a base64 text string) ? I'm trying to add a property inside the canvas object, but it doesn't works... (In fact, I'm trying to implement a floodfill like there http://www.williammalone.com/articles/html5-canvas-javascript-paint-bucket-tool/, but perhaps I'm trying to climb a too high mountain...

rgbaAt gets the color of the pixel at xy in the canvas.
So you could to a nested loop like:
for x=0 to canvas.width
->for y=0 to canvas.height
-->system compare rgbaAt(loopindex("x"),loopindex("y"))= n do stuff

Very slow though, and recursion will slow it a bit as well.

For that you could use x+1, x-1, y+1, y-1, or sin, and cos.
Then there's the datastructures plug('s) to store things.

Doesn't the "rgbaAt" expression do the trick?

There are other implementations of flood fill that don't use recursion:
http://en.wikipedia.org/wiki/Flood_fill

Here I used the array object to implement a queue to keep track of what points to fill next.
http://dl.dropbox.com/u/5426011/examples%208/floodfill.capx

HAHA Awesome Guys!

@R0j0hound you should really integrate the PasteDelete stuff officially...

I've made this using the modified Canvas plugin from Yann in a few Minutes:

CLICK ME!!!

The black color is actually the layouts background color. The holes in the Canvas are made at start using PasteDelete :D

EDIT:
Updated with some more lemmings :D

Runs pretty decent imo:
http://dl.dropbox.com/u/45711709/LemTest2/index.html

Edited by Ize - 24 Nov 2011 at 10:43am