These examples show some of the functionality of CanvasQuery.
Select an example from the list below to see what is possible using CanvasQuery.
Coloring of units
Blending of images
Masking
Convolution
Palette
Framework
UI Generation
Insectoid ships created by Artur Reterski
HSL-Config
If your browser does not support sliders, you need to enter a value between 0 and 1.
Hue:
Saturation:
Lightness:
Blend-mix-Config
If your browser does not support sliders, you need to enter a value between 0 and 1.
'Mix' defines the strength of the blending process.
Mix:
Farming image created by Daniel Eddeland
Farming image created by Daniel Eddeland
Farming image created by Daniel Eddeland
Mockup image created by Dawnbringer
Image:
Palette:
Draw with left mouse button, switch colors with left and right arrow keys.
Drop an image on the canvas to display it.
Swipe downwards with white color to reset the canvas.
Enter text:
The borders of this image have been created using 'borderImage'. This text is displayed using 'wrappedText'. If you move the mouse over the buttons you will see an animated 'paperBag'. Changing this text will resize the 'borderImage'.