For those who don’t know canvasGUI it is a p5.js library used to create on-canvas GUIs. It works seamlessly on P2D and WEBGL canvases and the controls respond to both mouse and touch events. This makes it ideal for sharing sketches on platforms such as OpenProcessing and the p5js online editor.
V1.1.0 is the latest incarnation that not only fixes a couple of small bugs but includes some new features. Changes from 1.0.0 include
• Existing color schemes have been tweaked to improve visual experience and text legibility.
• Adds 2 new color schemes, ‘dark’ and ‘light’ making a total of 9 to choose from.
• Adds 2 new controls, the ‘joystick’ and the ‘knob’ to the already extensive collection available.
• A flexible grid layout utility to support positioning and sizing of controls.
Extensive explanations and guides covering every aspect of the library can be found on my website and on github. Full API reference is also available.
Quick website links
My p5.js sketch editor account has its own canvasGUI collection for you to experiment with.
I hope you find this library useful and enjoyable. If you have questions about using canvasGUI please create a new topic rather than responding to this one.
I leave you with an example showing the 9 color schemes and many of the controls available in canvasGUI.