Canvas based GUI library for p5.js

p5.js Libraries
#1

Hello community,

I’d like to offer you a early preview to a p5.js library that allow p5.js users to create GUI based programs on top of the canvas.

The library itself is implemented using p5.js API and is drawing all the controls on top of the canvas.

The intent is to use the library on codeguppy.com (for teaching purposes) and also made available as open source. Are you interested?

Please provide feedback here, or by sending a Tweet to @codeguppy

Example 1:

Basic GUI demo

cgwin
cgwin1198×895 795 KB

Example 2:

Running almost unmodified p5.js sketches in windows.

cgwin_sketch
cgwin_sketch2311×1309 2.67 MB

1 Like
#2

This looks really exciting especially as I am keen to create web-based interactive guides to support my own Java based libraries.

I have been thinking for a long time about creating a cut down version of G4P using JS but to be honest my JS programming knowledge is really basic and there have always been others things in Java for me to program.

So I am really interested in this JS Gui library and I will definitely be looking at it and your website in more detail. Thanks and well done the website looks awesome . :+1:

1 Like
#3

wincg4
wincg42344×1249 2.88 MB

#4

There is another demo on my Twitter page @codeguppy – animation too big to upload here.

Looking forward to your feedback!