OS X Screensaver emulation using Canvas
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Bean: A OS X screensaver in JavaScript

Bean is a silly little thing that uses JavaScript and the Canvas tag to emulate one of the screensavers from OS X.

See a video of it in action, or run it in your own browser

Here’s how to run it yourself, if you ever find a reason to do so:

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

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

You can of course supply any image urls for it to use. Note however that security restrictions with canvas mean that you should only use local images (e.g. from the same domain), otherwise we can’t apply performance optimisations and it quickly becomes hella slow.

The code is well documented so feel free to hack away with it!