canvasGUI 3.2.0 (new release)

Gallery
1

Version 3.2.0 of canvasGUI is now available. Users will find that the new library is backwardly compatible so will work with any sketches using V3.0.0 or later’

In this release a new control the ‘frameset’ has been added. Like side panes and floating panels it is a collection of controls that can be managed as a group. Used in conjunction with the grid layout it enables a single or group of controls to be surrounded by a visible frame.

In this sketch there are 2 framesets

  • the length converter set (orange controls)
  • the placement controls (bottom right)

The sketch shows that a frameset can also be on a side pane or floating pane.

Useful resources

2

nice work. Is this backwards compatible with older versions of processing not as old as 1.51 but may version 2.0+ or 3.0+ ?

3

Hi @Positive welcome to the forum.

These versions of Processing are associated with Processing Java mode whereas canvasGUI is a JavaScript library created to work with p5.js versions 1 and 2

If you want a GUI for Processing Java mode then check out G4P which was first released in March 2009.

The following table indicate the G4P version to use for different Processing versions

Processing          Compatible
Version             G4P version                     
1.5.1                1.7.6                
2.1.2                3.5.4
3.5.4                4.3.11  (latest)
4.5.7 (latest)       4.3.11  (latest)

You can get these official Processing releases here

G4P 1.7.6 from here
G4P 3.5.4 from here
G4P 4.5.7 can be installed via the contributions manager

If using canvasGUI with p5.js then I recommend release 3.2.1 (latest) as it

  • resolves an issue when used with WebGL in p5.js and
  • is also compatible with both V1 and V2 of p5.js

For anyone interested V3.3.0 will be available soon and includes 3 new controls.
:grin: