Applet not working...ControlP5 problem?

nychriss11

Applet not working...ControlP5 problem?

in Contributed Library Questions • 3 years ago

Hi,

My program works just fine when I run it directly from Processing on my laptop or export it to an application (though I've only been able to test MacOSx for this). But when I export it to an applet it just doesn't work, and I have no idea why. I'm using ControlP5 for my interface, and I have a feeling that has something to do with it since it would appear as if the physics and sound libraries are working just fine.

In fact, its specifically the Bang and Toggle bits that are not working - the TextField is fine and so is the Knob, but this isn't much use without all the Bang buttons I have going on to send these values somewhere...

The code is far too long to post here, but if you're willing to help you can get the source from here:

http://www.lel.ed.ac.uk/~s0782656/bouncy.html

Apologies to seasoned professionals for the state of my code - I'm a new programmer and I have a feeling it's kind of bloated. If it's too gross for you to get through, sorry! I have to have this code done to hopefully get some data from online participants for my PhD by weeks end and I'm afraid speed has overtaken grace (which may be part of the problem!).

Any help you can give is much appreciated!

Thanks,

-C

Replies(6)

andreas.s..

Re: Applet not working...ControlP5 problem?

3 years ago

hi, due to security regulations for java applets running inside a browser, variables and functions inside your sketch, which are linked to controlP5, must be public.

The security regulations for applets are very high and strict, in order to make controlP5 work properly wityhin an applet, you need to make variables and functions which are used by controlP5 public inside your code.

in your case this would for example apply to variable String participant, float BallBounce, float BallMass, etc.

when declaring theses variables at the beginning of your sketch, add public to each variable declaration.

public String participant;

public int BallBounce;

etc.

(same goes for functions linked to controlP5 controllers, but quickly browsing through your code, i cant find any.)

andreas schlegel, www.sojamo.de

nychriss11

Re: Applet not working...ControlP5 problem?

3 years ago

Thanks so much for the fix and the quick answer! I now remember reading that at some point and thinking it was probably relevant...

Link is now below if you're curious, but there are still some other problems.

http://www.lel.ed.ac.uk/~s0782656/BouncyExperiment.html

Thanks again

-C

Christian..

Re: Applet not working...ControlP5 problem?

1 year ago

I had the same problem. The Toggle worked well in Processing but not in the exportet Applet. Andreas' solution to use public variables worked and I found another solution: Simply create the function to switch the variable. That should work even if the variable is not public.

void <variableName>(boolean toggleState) {
<variableName> = toggleState;
}

edodge

Re: Applet not working...ControlP5 problem?

1 year ago

Hi,

I'm having the same problem. I'm using ControlP5 and the exported applet is showing up blank in my web browser. I attempted to make all functions and variables that are associated with ControlP5 public but I must have missed something. Any help would be appreciated!

Thanks,

Eric

(all my images are in the data folder of the sketch)

import controlP5.*;
int windowWidth = 800;
int windowHeight = 500;
PImage logo;
PImage flagsHoriz;
PImage mapimg;
PFont font40;
PFont font25;
PFont font16;
PFont font15;
PFont font14;
public PFont font12;
PFont font10;
public ControlP5 cp5;
public DropdownList d1, d2, d3;
int demPov = 0;
// color scheme: http://colorbrewer2.org/index.php?type=qualitative&scheme=Paired&n=6http://colorbrewer2.org/index.php?type=qualitative&scheme=Paired&n=6
public void setup() {
size(800, 500);
smooth();
font40 = loadFont("AkzidenzGrotesk-Roman-40.vlw");
font25 = loadFont("AkzidenzGrotesk-Roman-25.vlw");
//font16 = createFont("Tahoma",16, true);
//font15 = createFont("Tahoma Bold",15, true);
font15 = loadFont("Tahoma-Bold-15.vlw");
//font14 = createFont("Tahoma",14, true);
//font12 = createFont("Tahoma",12, true);
font12 = loadFont("Tahoma-12.vlw");
//font10 = createFont("Tahoma",10, true);
flagsHoriz = loadImage("flags_horiz.png");
logo = loadImage("logo.png");
logo.resize(72,0);
mapimg = loadImage("cs171_indonesia_d4d4fc.png");
mapimg.resize(790,0);
ControlFont font = new ControlFont(font12);
cp5 = new ControlP5(this);
cp5.setControlFont(font);
cp5.setColorLabel(color(0));
// create a DropdownList
d1 = cp5.addDropdownList("adminUnit")
.setPosition(693,124)
.setSize(90,90)
;
d1.setItemHeight(18);
d1.setBarHeight(18);
d1.addItem("Province", 0);
d1.addItem("Kabupaten", 1);
d1.addItem("Kecamatan", 2);
customize(d1); // customize the first list
d1.setIndex(1);
d3 = cp5.addDropdownList("demPovYear")
.setPosition(105,156)
.setSize(85,80)
;
d3.addItem("2010", 0);
d3.addItem("2009", 1);
d3.addItem("2008", 2);
d3.addItem("2007", 3);
d3.addItem("2006", 4);
d3.addItem("2005", 5);
d3.addItem("2004", 6);
d3.addItem("2003", 7);
d3.addItem("2002", 8);
d3.setItemHeight(20);
d3.setBarHeight(20);
d3.captionLabel().set("Select Year");
customize(d3);
d3.captionLabel().style().marginTop = 1;
d2 = cp5.addDropdownList("demPovIndic")
.setPosition(105,120)
.setSize(145,90)
;
d2.addItem("Poverty Rate", 0);
d2.addItem("Poverty Gap", 1);
d2.addItem("Population", 2);
d2.setItemHeight(20);
d2.setBarHeight(20);
d2.captionLabel().set("Select Indicator");
customize(d2);
d2.captionLabel().style().marginTop = 1;
}
void draw() {
smooth();
background(247,247,223);
//backSet();
textFont(font25, 25);
imageMode(CORNERS);
image(flagsHoriz,703,27);
image(logo, 20, 30);
imageMode(CENTER);
image(mapimg, (width/2)+10, 264);
//fill(166, 206, 227);
fill(99, 163, 204);
noStroke();
strokeWeight(1.5);
rect(98, 58, 685, 27);
stroke(247,247,223);
line(304, 58, 304, 58+27);
line(442, 58, 442, 58+27);
line(615, 58, 615, 58+27);
// mouse hovers for menu
// dempov
if (mouseX>98 && mouseX<(98+206) && mouseY>58 && mouseY<(58+27)) {
fill(166, 206, 227);
noStroke();
rect(98, 58, 206, 27);
}
// infra
if (mouseX>305 && mouseX<(442) && mouseY>58 && mouseY<(58+27)) {
fill(166, 206, 227);
noStroke();
rect(305, 58, 137, 27);
}
// program coverage
if (mouseX>443 && mouseX<(615) && mouseY>58 && mouseY<(58+27)) {
fill(166, 206, 227);
noStroke();
rect(443, 58, 172, 27);
}
// correlation analysis
if (mouseX>616 && mouseX<(98+685) && mouseY>58 && mouseY<(58+27)) {
fill(166, 206, 227);
noStroke();
rect(616, 58, 98+685-616, 27);
}
// menu text
fill(0);
stroke(0);
strokeWeight(1);
textAlign(LEFT);
//fill(31, 120, 180);
fill(50);
text("Poverty and Social Protection", 100, 52);
fill(247,247,223);
textFont(font15, 15);
textAlign(CENTER);
text("Demography and Poverty", (98+304)/2, 77);
text("Infrastructure", (304+442)/2, 77);
text("Program Coverage", (442+615)/2, 77);
text("Correlation Analysis", (615+98+685)/2, 77);
textAlign(LEFT);
fill(0);
// Administrative Unit
textFont(font12,12);
text("Administrative Unit", 586,119);
stroke(0);
noFill();
rect(692,104,91,19);
stroke(0);
//more info
stroke(31, 120, 180);
strokeWeight(1.5);
fill(166, 206, 227);
rect(20,460,20,20);
fill(80);
textAlign(CENTER);
textFont(font15,15);
text("?",30,476);
demPov();
//tooltip();
textAlign(LEFT);
text(mouseY, mouseX, mouseY);
}
public void mouseClicked() {
if ((demPov==0 && mouseX>98 && mouseX<(98+206) && mouseY>58 && mouseY<(58+27)) || (demPov==1 && mouseX>98 && mouseY>85 && mouseX<(168+98) && mouseY<175)) {
demPov = 1;
} else demPov = 0;
if (d1.isOpen()==true && (mouseX<693 || mouseX>783 || mouseY<106 || mouseY>180)) {
d1.close();
}
if (d2.isOpen()==true && (mouseX<106 || mouseX>249 || mouseY<101 || mouseY>181)) {
d2.close();
}
if (d3.isOpen()==true && (mouseX<106 || mouseX>189 || mouseY<137 || mouseY>217)) {
d3.close();
}
}
public void demPov() {
if (mouseX<=98 || mouseY<=58 || (mouseY>=175 & d2.isOpen()==false & d3.isOpen()==false) || (mouseY>58 && mouseY<(58+27) && mouseX>=(98+206)) || (mouseY>=85 && mouseY<=(87+90) && mouseX>=(98+168))) {
demPov = 0;
}
if (demPov == 0) {
d2.hide();
d3.hide();
}
if (demPov == 1) {
fill(166, 206, 227);
noStroke();
rect(98, 58, 206, 27);
//stroke(31, 120, 180);
//strokeWeight(1.5);
noStroke();
fill(166, 206, 227);
rect(98, 87, 168, 90);
strokeWeight(1);
//Indicator select
d2.show();
d3.show();
//Year select
stroke(0);
noFill();
textFont(font12,12);
fill(120);
//Urban/rural
textAlign(LEFT);
fill(0);
text("Urban",200,139);
text("Rural",200,155);
noFill();
fill(245);
rect(239,129,11,11);
rect(239,145,11,11);
//map button
//fill(255);
//rect(180, 170, 70, 20);
//fill(0);
//textAlign(CENTER);
//text("MAP", (180+250)/2, 185);
//
fill(247,247,223);
textFont(font15, 15);
textAlign(CENTER);
text("Demography and Poverty", (98+304)/2, 77);
}
}
void infra() {
//Indicator select
stroke(0);
noFill();
rect(20,205,145,20);
line(145,205,145,225);
textFont(font12,12);
fill(120);
text("Select Indicator",25,220);
//more info
fill(200);
rect(20,470,20,20);
fill(0);
textFont(font15,15);
text("?",28,487);
}
void tooltip() {
fill(255);
stroke(0);
strokeWeight(1);
triangle(mouseX, mouseY, mouseX+10, mouseY-15, mouseX+20, mouseY-15);
rect(mouseX-70, mouseY-15, 135, -70);
stroke(255);
line(mouseX+11, mouseY-15, mouseX+19, mouseY-15);
}
public void customize(DropdownList ddl) {
// a convenience function to customize a DropdownList
ddl.toUpperCase(false);
ddl.setBackgroundColor(color(247,247,223));
ddl.captionLabel().style().marginTop = 0;
ddl.captionLabel().style().marginLeft = 0;
ddl.setColorBackground(color(245));
ddl.setColorForeground(color(235));
ddl.setColorActive(color(215));
}
public void controlEvent(ControlEvent theEvent) {
if (theEvent.isGroup()) {
// check if the Event was triggered from a ControlGroup
println("event from group : "+theEvent.getGroup().getValue()+" from "+theEvent.getGroup());
}
else if (theEvent.isController()) {
println("event from controller : "+theEvent.getController().getValue()+" from "+theEvent.getController());
}
}

andreas.s..

Re: Applet not working...ControlP5 problem?

1 year ago

hi, which browser are you using? there have been issues with chrome which throws ClassNotFoundExceptions when loading a (processing) applet. with controlP5 0.7.5 your code runs fine in safari for me though. In case you are using a 0.7.1-0.7.4 version, there was a problem with applets, so you could just update to 0.7.5 and you should be fine.

edodge

Re: Applet not working...ControlP5 problem?

1 year ago

I updated to 0.7.5 and that fixed the problem (runs fine in both Firefox and Chrome). I was using 0.7.0 before. Thanks!

Top Reply