[p5] Random Walks

random()

step()

1. 4 possible steps 동서남북 4방향 (1~4)

step() {
    let choice = floor(random(4));
    if (choice === 0) this.x++;
    else if (choice == 1) this.x--;
    else if (choice == 2) this.y++;
    else this.y--;
  
	// 화면 넘지 않게끔
    //this.x = constrain(this.x, 0, width - 1);
    //this.y = constrain(this.y, 0, height - 1);
}

2. 9 possible steps

step() {
    let xstep = floor(random(3)) - 1;
    let ystep = floor(random(3)) - 1;

    this.x += xstep;
    this.y += ystep;
}

3. 연속적인 실수 (-1 to 1)

step() {
    let xstep = random(-1, 1);
    let ystep = random(-1, 1);

    this.x += xstep;
    this.y += ystep;
}

---

전체 코드

function setup() {
    createCanvas(640, 360);
    walker = new Walker();
    background(127);
}

function draw() {
    walker.step();
    walker.render();
}

class Walker {
    constructor() {
        this.x = width / 2;
        this.y = height / 2;
    }

    render() {
        stroke(0);
        point(this.x, this.y);
    }

    step() {
        let choice = floor(random(4));
        if (choice === 0) this.x++;
        else if (choice == 1) this.x--;
        else if (choice == 2) this.y++;
        else this.y--;

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