Bean
Ed Spencer has created this canvas demo based on a screensaver found in OS X. The demo takes a set of images and then drops them on to the screen with a subtle semi-transparent rotating effect.
It's like photos falling on to a table
Comments from the Author:
Bean starts off with a blank canvas and a list of image urls, which it preloads before getting started. It then drops one image at a time, rotating it as it goes. Each falling image is called a Plunger, because it plunges.
Each Plunger gets a random position and rotation to end up in, and takes care of drawing itself to the canvas on each frame by calculating its current size and rotation as it falls away from you.
Comments
Shaun
This didnt work for me in the latest version of Chrome (beta). It would only place one picture. The picture did rotate and fall though.
Posted on February 5, 2010
Andi Smith
Hi Shaun,
You’re right – it doesn’t seem to be working in Chrome v4 either.
Thanks,
Andi
Posted on February 6, 2010
Daniel F.
Works fine in Opera 10.50
Posted on March 8, 2010
Ryan Gasparini
Error in Chrome:
Uncaught Error: NOT_SUPPORTED_ERR: DOM Exception 9
(anonymous function)Bean.js:341
Bean.withContextBean.js:359
Bean.clearCanvasBean.js:339
Bean.drawFrameBean.js:254
looperBean.js:286
Posted on January 13, 2011
Matthew
It works fine in both the new chrome beta and in Rockmelt (which is built with the chromium code)
Posted on April 22, 2011
Related demos