MorpherJS

MorpherJS is an JavaScript image morphing library. It uses HTML 5 canvas element.

I've extracted it from my FruitLabour project, which allows you to mix fruits and create new species.

MorpherJS comes along with GUI which helps you to configure your own Morpher instance (add images, define geometry, etc.).

Features

Create Morpher instance:

  var json = {}; // the code you've exported from the GUI
  var morpher = new Morpher(json);

Add morpher's canvas to the DOM:

  document.body.appendChild(morpher.canvas);

Animate it!

  morpher.set([1, 0]);
  morpher.animate([0, 1], 200);

Check out demos page for an inspiration.

You can listen to events using typical on and off methods:

    var morpher = new Morpher(/* some JSON */);
    morpher.on("load", function(morpher, canvas) {
        // do something
    });