Hi,

I have a sketch that does 2 things:

1. Getting some hand drawn shape using line() function.

2. Show onscreen keyboard using ControlP5 library.

But when I initialize the ControlP5 library, the line drawing doesn't work any longer. Commenting out the ControlP5 part of the code does make the line drawing on again. I've tried setting the setAutoDraw() to false under ControlP5 and draw the button when necessary but no luck.

Here's the code:

1. import controlP5.*; //for GUI
2. PImage bg;
3. 
   
4. ControlP5 controlP5;
5. controlP5.Button btnContinue;
6. 
   
7. void setup() {
8.     size(1366, 768);
9.     frameRate(120);
10.     smooth();
11. 
    
12.     controlP5 = new ControlP5(this);
13.     controlP5.setAutoDraw(false);
14. 
    
15.     btnContinue = controlP5.addButton("btnContinue", 0, 34, 638, 60, 30);
16.     btnContinue.setImages(loadImage("touch_to_continue.png"), loadImage("touch_to_continue.png"), loadImage("touch_to_continue.png"));
17.     btnContinue.updateSize();
18. 
    
19.     bg = loadImage("data/bg.png");
20. 
    
21.     drawBound();
22. }
23. 
    
24. void draw() {
25.     if (mousePressed) {
26.         strokeWeight(5);
27.         if (mouseX > 40 && mouseY > 99 && mouseX < 1326 && mouseY < 635) {
28.             line(pmouseX, pmouseY, mouseX, mouseY);
29.         }
30.     }
31.     else {
32.         //controlP5.draw();
33.     }
34. }
35. 
    
36. void keyPressed() {
37.     if (key == 's' || key == 'S') {
38.         PImage temp = get(40, 99, 1286, 539); //get(x, y, width, height)
39.         String filename = "user-" + year() + month() + day() + "-" + hour() + minute() + second() + ".png";
40.         temp.save(savePath("feedbacks/" + filename));
41.         drawBound();
42.     }
43. }
44. 
    
45. void drawBound() {
46.     background(bg);
47.     strokeWeight(1);
48.     line(40, 99, 1366, 99);
49.     line(1326, 99, 1326, 635);
50.     line(1326, 635, 40, 635);
51.     line(40, 635, 40, 99);
52. }