canvasGUI ++++ A library for p5.js

As the name suggests this library provides a GUI where the controls such as buttons and sliders appear on the actual canvas. This makes it ideal if you want to show your sketches on websites like OpenProcessing.

Features
Controls available canvasGUI features

Label
Button
Checkbox
Option button
Ranger
Slider
Text field
Viewer (image viewer can zoom and pan large images)
Side panes (panels of controls that expand from the canvas edge)
  • Works with P2D and WEBGL renderers without code changes
  • Supports both global and instance modes
  • Controls can be displayed in any of 7 color schemes
  • Controls can be rotated in the 4 cardinal directions (north, south, east and west)
  • Controls can their own tooltips
  • and so much more ....

Showcase sketch

This sketch shows many of the controls and features available to the canvasGUI user. The actual 3D animation was taken from a p5.js example so I don't take credit for that, but the GUI is all mine LOL.

Library Support

More information can be found in the guides and at github. You should explore both of these links if you want to get the best out of canvasGUI.