Edit in JSFiddle

</script>
<script type="application/processing" data-processing-target="myCanvas">


Walker w1; // Walker型の変数
Walker w2;
Walker w3;

void setup() {
  size(320,320);
  frameRate(60);
  colorMode(HSB,360,100,100,100);
  background(180, 35, 80, 20);
	w1 = new Walker(); /// Walker object
	w2 = new Walker();
  w3 = new Walker();
}

void draw() {
  w1.step();
  w1.render();
	w2.step();
  w2.render();
  w3.step();
  w3.render();
}


class Walker {
  int x;
	int y;

  Walker() { // walkerのsetup
    x = width/2;
    y = height/2;
  }
	
	void step() {
    int r = int(random(4)); // 0から3を出力
    if (r == 0) {    
      x++;
    } else if (r == 1) {
      x--;
    } else if (r == 2) {
      y++;
    } else {
      y--;
    }
		
  	// 画面からはみ出さない値に整える
    x = constrain(x, 0, width-1);
    y = constrain(y, 0, height-1);
  }

  void render() {
    stroke(150, 0, 20, 20);
    strokeWeight(2);
    point(x,y);
  }
}