ControlP5 variable passing problem

jorrebor

ControlP5 variable passing problem

in Contributed Library Questions • 2 years ago

Hello,

I am having troubles with the controlP5 lib. I want to write a class which contains my GUI. Creating a controlp5 object from within my own class works.

clicking a button should trigger the method controlEvent (ControlEvent theEvent). Now that i have rewritten the whole thing that it fits in the interfaceBuilder class, the method does not seem to be called anymore...

I am quite new to object oriented programming so an help in the right direction is greatly appreciated!!

my code:

class InterfaceBuilder {
//fields
ControlP5 controlP5;
Button b;
//constructor
InterfaceBuilder(PApplet applet) {
controlP5 = new ControlP5(applet);
controlP5.addButton("buttonB",255,100,120,80,19); //button name, theValue, xPos, yPos, width, heigth
}
// function buttonB will receive changes from
// controller with name buttonB
public void buttonB(int theValue) {
println("a button event from buttonA: "+theValue);
}
//triggered when button is clicked
public void controlEvent(ControlEvent theEvent) {
println(theEvent.controller().name()); //prints name of the clicked button
}
}

I based my code on http://www.sojamo.de/libraries/controlP5/examples/ControlP5button/ControlP5button.pde

The example works fine ....

I probably have a pointer error somewhere but i cannot figure it out!

greets jorrit

Replies(6)

PhiLho

Re: ControlP5 variable passing problem

2 years ago

I don't know well controlP5, but usually this kind of library expecting to use a callback function without providing a reference to it just suppose the function is on the top level. It is found by reflection or some other trick. That's the price to pay for simplicity (as opposed as managing list of listeners, etc.).
So, you need to put the controlEvent at top level. Inside, you can call the GUI object, for example.

andreas.s..

Re: ControlP5 variable passing problem

2 years ago

hi, Have a look at the ControlListener interface which allows you to add additional controlEvent listeners to your custom classes and your program.

import controlP5.*;
void setup() {
size(400,400);
InterfaceBuilder b = new InterfaceBuilder(this);
}
void draw() {
background(0);
}
// here we implement the ControlListener interface
// later we add the InterfaceBuilder class to controlP5 as a ControlListener
// controlEvent will then be forwarded to your InterfaceBuilder
class InterfaceBuilder implements ControlListener {
ControlP5 controlP5;
InterfaceBuilder(PApplet applet) {
controlP5 = new ControlP5(applet);
controlP5.addButton("buttonB",255,100,120,80,19);
controlP5.addListener(this);
}
public void controlEvent(ControlEvent theEvent) {
println("got something");
}
}

jorrebor

Re: Re: ControlP5 variable passing problem

2 years ago

yes it works!

Thanks for this.

jorrebor

Re: ControlP5 variable passing problem

2 years ago

I have another question though:

I am using peasycam.beginHUD() and endHUD() function in my draw function (because the GUI position should not be controlled by the camera). Within the function block I call the myinterface.controlp5.draw fucntion. This works fine.

The interface is drawn two times however... one time by the draw function and once by the initial instance of the InterfaceBuilder class.

From the javadoc documentation ( http://www.sojamo.de/libraries/controlP5/reference/controlP5/ControllerDisplay.html) i thought that i could call the setDisplay ( ControllerDisplay) method to set display to "no display" (or something like that) and have my interface.controlP5 object drawn only by calling the draw function.

My code:

void setup(){
pcam = new PeasyCam(this, width/2, height/2, 0, 800);
pcam.setMinimumDistance(100);
pcam.setMaximumDistance(1500);
myInterface = new InterfaceBuilder(this);
}
void draw() {
lights();
background(0);
pcam.beginHUD();
myInterface.controlP5.draw();
pcam.endHUD();
}
class InterfaceBuilder implements ControlListener {
//fields
ControlP5 controlP5;
//constructor
InterfaceBuilder(PApplet applet) {
controlP5 = new ControlP5(applet);
controlP5.addButton("buttonB",255,100,120,80,19);
controlP5.addListener(this);
}
// function buttonB will receive changes from
// controller with name buttonB
public void button(int theValue) {
println("a button event from buttonB: "+theValue);
myColor = theValue;
}
//triggered when button is clicked
public void controlEvent(ControlEvent theEvent) {
println(theEvent.controller().name());
}
}

I tried the following code:

class InterfaceBuilder implements ControllerDisplay { //How implement two interfaces??
//fields
ControlP5 controlP5;
//constructor
InterfaceBuilder(PApplet applet) {
controlP5 = new ControlP5(applet);
controlP5.addButton("buttonB",255,100,120,80,19);
//controlP5.addListener(this); //since the class does not implement ControlListener this method must be hidden..
}
public void display (PApplet applet, Controller buttonB){
//display controller but how to??
}
// function buttonB will receive changes from
// controller with name buttonB
public void buttonB(int theValue) {
println("a button event from buttonB: "+theValue);
myColor = theValue;
}
//triggered when button is clicked
public void controlEvent(ControlEvent theEvent) {
println(theEvent.controller().name());
}
}

Although i have written the method display, i still get the error message that " interfacebuilder must implement the inherited abstract method controllerDisplay.display (Papplet, controller)".

I dont really understand how to implement the method....

and i would like to know how to implement multiple interfaces.

Hopefully anyone sees the chance to answer my questions.

Thank you!

andreas.s..

Re: ControlP5 variable passing problem

2 years ago

hi, i modified your example from above (i had to add some missing imports, size, variables, etc. pasting working code snippets makes running and understanding code problems much easier when pasted into processing).

you do need a newer version of controlP5 though, download 0.5.9 from here. I am very close to make this an official release.

the ControllerDisplay can be used to override the default skin/design of a controller, so does not work for what you are looking for here. implementing 2 or more interfaces, use a , to separate them.

import peasy.*;
import controlP5.*;
import processing.opengl.*;
PeasyCam pcam;
InterfaceBuilder myInterface;
int myColor = color(255, 0, 0);
void setup() {
size(400, 400, OPENGL);
pcam = new PeasyCam(this, width/2, height/2, 0, 800);
pcam.setMinimumDistance(100);
pcam.setMaximumDistance(1500);
myInterface = new InterfaceBuilder(this);
}
void draw() {
lights();
background(0);
fill(myColor);
box(100);
noLights();
pcam.beginHUD();
myInterface.controlP5.draw();
pcam.endHUD();
}
class InterfaceBuilder implements ControlListener {
//fields
ControlP5 controlP5;
//constructor
InterfaceBuilder(PApplet applet) {
controlP5 = new ControlP5(applet);
// stop controlp5 from auto drawing
controlP5.setAutoDraw(false);
Button b = controlP5.addButton("buttonB", 255, 100, 120, 80, 19);
// connect buttonB to the buttonB method below. (you need controlP5 version 0.5.9 or later for this to work)
b.plugTo(this);
controlP5.addListener(this);
}
// function buttonB will receive changes from
// controller with name buttonB
public void buttonB(int theValue) {
println("a button event from buttonB: "+theValue);
myColor = theValue;
}
//triggered when button is clicked
public void controlEvent(ControlEvent theEvent) {
println(theEvent.controller().name());
}
}

jorrebor

Re: ControlP5 variable passing problem

2 years ago

hi andreas,

i was away on holiday so forgive me my late response.

Your answer fixed my problem, thanks alot

jorrit

Top Reply