This is a major release involving a complete overhaul of the library’s core code base.
Changes include:
- new controls (image button and poster)
- in text-icon controls (label, button, checkbox and option) it is now possible to set the vertical alignment of the text and icon
- many other minor configuration options added or improved
- improved speed and reliability
In versions 1 & 2 canvasGUI was dependent on p5js for much of its functionality, in this version all code dependencies have been removed. It has resulted in a faster more stable library.
Despite this existing canvasGUI users will have no problem using this version because the existing API has been extended rather than modified. In general the only significant difference is the initial creation of the gui controller object.
Library Support
The github wiki and my website are good sources of basic information on using canvasGUI.
The website also hosts 20 control demonstrations for a quick view of what is available
All the code demos on this site are available at the p5js sketch editor in an account
dedicated to canvasGUI V3. If you create your own p5js sketch editor account you can
copy these demos allowing you to edit and explore their code.
You should explore all of these resources if you want to get the best out of canvasGUI.
p5js compatibility
canvasGUI works with
- p5js version 1 (tested with 1.11.13) A
- p5js version 2 (tested with 2.2.2)
- global and instance mode
- P2D and WEBGL modes
- mouse and touch events
A provided you use the preload function to load all resources otherwise it is problematic.
JavaScript compatibility
The library has no code dependencies and works with both ‘2d’ and ‘webgl2’ drawing contexts.
Finally if you have questions about or want help using canvasGUI then post a topic on this forum. You can always add @quark to the topic to get my attention.