​

//https://docs.google.com/presentation/d/1BAfJuQkBZatE04IQMm661BxQ-BVIOWTU/edit#slide=id.p21

​

let walker;

​

function setup() {

  createCanvas(640, 360);

  walker = new Walker(); //class

  background(127);

}

​

function draw() {

  walker.step();

  walker.render();

}

 //no () 

class Walker  {

  constructor() {

    this.x = width / 2; // define the positions of x y at center 

    this.y = height / 2;

    // how to intialize like set up 

  }

​

  render() {

  //how it looks like

    stroke(0);

    point(this.x, this.y);

  }

​

  step() {

    //built in function.  https://editor.p5js.org/K.A.Rousan/sketches/YRwFVnR6D

    //for slide 34 Now to try to apply this methodology of Technique 2 in our Random Walker Example to have these probabilities: we changed the floor random to floor then we changed the number inside either to a 100 or to 1 (then divide this muber according to the % uou want in this case 40 20 20 20 20 )

​

    let choice = random(100);  //intial one was floor((random(4))) and the inside numbers of the conditions was 0 , 1 , 2

    // the dot moves up dawn right and left for the dot thats why its 4,, takes min as 0 ,, floor means we are nt using float or dicemels 

    //the dot moves up dawn right and left for the dot thats why its 4, below 

    if (choice < 40) {

      this.x++;

    } else if (choice < 60) {

      this.x--;

    } else if (choice < 80) {

      this.y++;

    } else {

      this.y--;

    }

    // to stay within the parameters 

    this.x = constrain(this.x, 0, width - 1);

    this.y = constrain(this.y, 0, height - 1);

  }

}