# canvasGUI 1.1.0 released

**URL:** https://discourse.processing.org/t/canvasgui-1-1-0-released/46720
**Category:** Libraries
**Created:** [July 13, 2025, 10:40am UTC](https://discourse.processing.org/t/canvasgui-1-1-0-released/46720 "2025-07-13T10:40:54Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![quark](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/quark/32/26_2.png) [@quark](https://discourse.processing.org/u/quark)
#### Post date: [July 13, 2025, 10:40am UTC](https://discourse.processing.org/t/canvasgui-1-1-0-released/46720/1 "2025-07-13T10:40:54Z")

</div>

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](http://www.lagers.org.uk/canvasgui/index.html) and on [github](https://github.com/quarks/canvasGUI/wiki). Full API [reference](http://www.lagers.org.uk/canvasgui/ref/modules.html) is also available.

**Quick website links**

- joystick [API](http://www.lagers.org.uk/canvasgui/guides/_attr_joystick.html) and [demo](http://www.lagers.org.uk/canvasgui/guides/cd_joystick.html)
- knob [API](http://www.lagers.org.uk/canvasgui/guides/_attr_knob.html) and [demo](http://www.lagers.org.uk/canvasgui/guides/cd_knob.html)
- grid layout [API / demo](http://www.lagers.org.uk/canvasgui/guides/_grid-layout.html)
- color schemes [API](http://www.lagers.org.uk/canvasgui/guides/_grid-layout.html)

My p5.js sketch editor account has its own canvasGUI [collection](https://editor.p5js.org/quark-js/collections/fPKGSOJTH) 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.

https://editor.p5js.org/quark-js/full/hMwaysBu1