Demo Delaunator 002

To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.

Test purpose

Check that we can load the Delaunator JS library into a module from a remote CMS.
Use a set of static coordinates, alongside the mouse cursor, as the source points for the Delaunay triangulation calculations.
Use the calculated Voronoi edges to create a mosaic scene to an image.
Give the scene a 3d effect using a filter.
Animate the scene, updating the Voronoi edges as the user moves the mouse cursor over the canvas.

Known issue: the demo runs slowly on Safari browsers.

Touch test: canvas should be resizable.

Annotated code

Scrawl-canvas v8 - Delaunator test 002

Responsive Voronoi cells in a RawAsset wrapper

Drag the bottom right corner of the canvas to resize it
To change image, drag-and-drop an image file over the canvas

Test purpose

Scrawl-canvas v8 - Delaunator test 002

Responsive Voronoi cells in a RawAsset wrapper

Drag the bottom right corner of the canvas to resize itTo change image, drag-and-drop an image file over the canvas

Test purpose

Drag the bottom right corner of the canvas to resize it
To change image, drag-and-drop an image file over the canvas