controlP5 Library: Creating a New Canvas with controlP5 Objects

mtwister

controlP5 Library: Creating a New Canvas with controlP5 Objects

in Contributed Library Questions • 1 year ago

Hi,

I have downloaded the controlP5 library, and I want to create a second canvas with some controlP5 objects, such as text fields. I would like to have parameters controlled in the second canvas to be implemented in the main canvas (i.e. controlling the dimensions of a rectangle by adjusting length and width on the second canvas, and seeing the corresponding changes on the main canvas).

Many examples on the controlP5 library website show the implementation of a control window and canvas, but I don't find any with controlP5 objects on the second canvas/window.

I was wondering if this is possible. If so, it would be great if someone could briefly walk through the process.

Thanks a lot.

Mersenne Twister

Replies(2)

amnon.owed

Re: controlP5 Library: Creating a New Canvas with controlP5 Objects

1 year ago

Do you mean this...

Code Example

import controlP5.*;
ControlP5 controlP5;
ControlWindow controlWindow;
ControlWindowCanvas cc;
int sliderMain = 100;
int sliderCanvas = 200;
void setup() {
size(400, 400);
controlP5 = new ControlP5(this);
controlWindow = controlP5.addControlWindow("controlP5window", 100, 100, 400, 150, 30);
controlWindow.setUpdateMode(ControlWindow.NORMAL);
cc = new MyCanvas();
cc.pre();
controlWindow.addCanvas(cc);
controlP5.addSlider("sliderMain").setPosition(50,50).setRange(0,255);
controlP5.addSlider("sliderCanvas").setPosition(50,50).setRange(0,255)
.setWindow(controlWindow);
}
void draw() {
background(sliderMain);
rect(50, 100, sliderCanvas, sliderCanvas);
}
class MyCanvas extends ControlWindowCanvas {
void draw(PApplet theApplet) {
theApplet.background(255, 0, 0);
}
}

mtwister

Re: controlP5 Library: Creating a New Canvas with controlP5 Objects

1 year ago

Thanks a lot! This is exactly what I was looking for.

Top Reply