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.

Info

Type:
Applications, Photos
Author:
Ed Spencer
Posted on:
February 5th, 2010
Posted by:
Andi Smith
Views:
7257

Rating

2.67

Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find Bean works in other browsers by leaving a comment below.

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

Keiran

Dead link ! :(

Posted on October 28, 2013

Add comment

(required)
(required)
(will not be published)
(required)