A utility for creating appealing tweening animations between sets of shapes. Run it now in your browser.

Made for use with shapes exported from Geometrize, a tool for recreating images using geometric primitives.

Features

• Create visually appealing transitions between collections of shapes.
• Edit the core algorithm interactively via on-page script textedits.
• Save mappings between sets of shape data for use elsewhere.
• View the shapes tweening in realtime.

Usage

• Open up the demo and inspect the sample shape data and optimization code.
• Use different shape data by pasting Geometrize shape data JSON into the "Dataset" text areas.
• Edit the optimization code via the "cost function" and "optimization function" text areas.

If you extend this code, remember that you must disable dead code elimination (''-dce no'' in the build .hxml), or else mark things you expose to the scripting engine with the ''@:keep'' annotation.

Also remember that you can't expose abstracts to hscript. One workaround is to write a wrapper for your abstract that exposes the functions you need to hscript.

Notes

• Created by Sam Twidale and Joe Williamson.
• Written using Haxe, hscript, cloner and utilities from HaxeFlixel.