Hi Everyone,

I am currently working on a jQuery plugin providing some funky <canvas> animations. The goal (other then improving performance & sorting bugs) is to achieve this 'it always gets it right' quality, so anyone using it can get some impressive results effortlessly.

It's an early dev stage, there are bugs, and plenty of work to do, but you can see some cool stuff already.

So If you could have a look at animify.com and tell me what you think (check the demos) I'd be really grateful (I know, I know, it's not a webdev forum but still..)

Thanks

Unfortunately the source is unavailable, whereas it's crucial to see how the animation loop is implemented. Most loops I've seen use the incorrect approach by animating per-object, putting excessive load on the VM and not responding well to VM load fluctuations. Amount of garbage generated also matters.

Nooooo, I don't want you to check the code quality at this stage;) It's an early, buggy W.I.P, but I'll take care of that

What I would like you to do is to focus on the effects, on what the actual plugin does. Any ideas which would help me develop something really cool

If you have any thoughts like 'it would be awesome if it did this and that' or 'I don't like this the way it is, but it you ad this it's gonna be cool' please share

Version 0.46 is out now!

What's new?
1) 'intro' param for each effect (on by default) -> rather than just being there as you hit the page, effects nicely fadeIn(), more options for the intro coming soon
2) 'posterize' param available for 'film-noir' effect, not quite there yet but makes a difference
3) Debug toolbar introduced (only performance can be checked in this release)
4) Validation - the script will go away if it cannot average 15 fps

Please take a look at updated Demos (and Benchmarks) and tell me what you think.

Thanks

Just a quick update (the big one's coming, including a re-structure) - v0.47

Age param film-noir, deteriorating the look of background images


New effect - grunge (under development)

Check them out!

New effect - grunge (under development)

Check them out!

What is this? as far as I can tell the "grunge" effect is a picture of a blonde woman?

@way2lazy2care So all you've seen was a blonde girl on white background and nothing happening to the image? You need a browser which supports canvas (like webkit, FF, etc.) + javascript needs to be on.

You need a browser which supports canvas (like webkit, FF, etc.) + javascript needs to be on.

Nothing happens in FF 4.0 other than the error "d[2] is undefined"
Still, a blond-girl-effect would be awesome actually.

Haha, blonde girl effect, I'll need to include that ;)

Just quickly checked - there is indeed some problem with Firefox on those 2 new demos (would indicate it's something to do with noise function which I added recently). I tried FF 3.6 - neither of the 2 new demos worked, FF7 - only film-noir plus age demo worked for me, but it was looking somewhat.... different.

I'll check that after work when I have a minute, so a fix sorting FF should be there overnight. Anyways, thanks both of you for spotting as I've obviously missed that one.

Ok, version 0.48 is out now.

Just a minor update - the way Aging and Grunge is done has been re-worked. On an interesting side note - webkit browsers perform better, however the 2 latest effects look better (at least to me) in FF. Hmm...

Also, I found out what was the problem with Firefox, typically as stupid as it gets - Firefox was dying if there was no background-color set in CSS;)

This version was made alongside a new, bigger, more stable release which is on it's way - will probably take another 2-3 weeks (or more as I've got plenty of work atm), in the meanwhile please let me know if you spot anything else wrong with the demos, etc.

Thanks