charliecm / hybrid-image

Hybrid image creation tool

Hybrid Image Generator

By @charliecm

An hybrid image creation tool created for an academic course (IAT455). It is based on the methods described in the following papers:

• Hybrid Images
• Hybrid image using image morphing

Development

Run npm run watch to watch files and start a local server at http://localhost:8080.

Run npm run build to build the project.

You can import points.json for the demo image morph control points.

Further Works

Here are some ideas for extending this tool:

• Include a crop tool when uploading input images
• Use async approach to update images
• Use proxy images for previewing intermediary images
• Add ability to adjust preview image sizes
• Address any other edge-cases with custom input images
• Implement feature-based morphing

Thanks

This project uses StackBlur by flozz, and image-morph-js by ppisljar.