Mac OS Screensaver in JavaScript

08 Dec 2009 | By Alex Young | Tags animation canvas

Bean by Ed Spencer is an animated slideshow that uses Canvas to display images in a similar way to a well-known Mac OS slideshow. Here’s a video example:

Bean – OS X screensaver using JavaScript & Canvas from Ed Spencer on Vimeo.

You can download the code and add your own images. The API looks like this:

var bean = new Bean({
  imageUrls: [
  canvasId : 'main',
  fillBody : true

bean.onReady(function(bean) {
  setTimeout(function() {bean.start();}, 2000);

Read more in Ed’s blog post and view Bean here.

blog comments powered by Disqus