Jump to content

Guest Vic_

Feature request: Image morph (like SVG morph)

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Thanks for the suggestion.

Not really sure what exactly the tool is doing.

The link to the GUI appears broken

http://jembezmamy.github.io/index.html  (404)

and there doesn't seem to be any documentation about the API or how we could control animations created with morpher.js

Link to comment
Share on other sites

It looked pretty cool but i could not find the documentation either.


From what i see .. it looks like it just converts the image to canvas and then converts another image it morphs into with canvas. And then based on some x and y coordinates for each canvas image, it morphs them together. It looks like it is mostly performing canvas and not an actual DOM <img> element.


Thanks for sharing :)

  • Like 2
Link to comment
Share on other sites

Here's the repo.



It does pretty much what Jonathan said. It uses the canvas to blend images together, and uses something like Delaunay triangulation to map the position of the pixels between the source and destination image. Sounds like it might run slow on large images.

  • Like 3
Link to comment
Share on other sites

That would be cool if it converted the image into canvas after it mapped the position. But i can see this only doing things for canvas and like Blake said, large images are gonna be an issue due to canvas and large images hoopla. But it is a cool effect :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.