controlP5 slider, why is my slider value "spamming" everywhere when i move the slider?

edited February 2014 in Library Questions

When i move my slider the values of it move with it and are "spammed" along side it, im confused as ive dont this before and this didn't happen!


import processing.serial.*;
import controlP5.*;

ControlP5 cp5;

int pan = 100;
int tilt = 100;

Serial port;

void setup()
  size(640, 640);

  port = new Serial(this, Serial.list()[0],9600);
  cp5 = new ControlP5(this);


void draw()


  • Define "spammed". What is the displayed behavior? What is the expected behavior?

    You are writing your values 60 times per second in your draw loop.

  • Hi,

    Thanks for the reply.

    It only happens with the pan slider. The value of the slider is displayed adjacent to the position of the slider outside the slider box. As i move the slider the value of it moves with it and is left printed there e.g. if i move the slider up and down many times im left with a white line or "blur" that runs parallel to the slider.

    pan tilt scrn shot

    the expected behavior is that the pan slider value is displayed inside the slider box like the tilt and it not create this "blur" when i move the slider.

    How do you know that it is writing values at 60 times per sec?

    Thanks again.


  • Ive changed it to be horizontal now and that works. Although this is still miffing me off!

  • Answer ✓

    Ah, now it is clear what you mean.

    The problem is you are not clearing the background, so the drawing (also of the gui value) is aggregate. So the solution is simple, add the following line to your draw() loop: background(0);

    The default framerate of Processing's draw() loop is 60 frames per second (although this is not always the accurate and actual framerate of course).

  • Wow thanks !

Sign In or Register to comment.