Demo Filters 042

To note: Javascript is not running in this browser environment. The canvas elements are ignored; instead placeholder images display where the canvases would have appeared.

Test purpose

Create a test Picture entity
Create an okWeight filter and apply it to the test entity
Update the weights array using a second canvas displaying a set of curve controls

It is usually best to create the weights array with the help of some sort of tool where the user can shape and manipulate the curve - and also curves for each individual channel - to get the output they require for a given image.

Touch test: should work as expected. Known issue: the pins are currently too small for effective UX on touch devices.

Annotated code

Scrawl-canvas v8 - Filters test 042

Parameters for: okCurveWeights filter

To change image, drag-and-drop an image file over the canvas

Test purpose