Gauss camina!

El código

let walker;

function setup() {
	createCanvas(600, 400);
	walker = new Walker();
	smooth();
}

function draw() {
	background(0, 10);
	walker.show();
	walker.step();
}

class Walker {
	constructor() {
		this.x = width/2;
		this.y = height/2;
	}
	
	show() {
		noStroke();
		fill(255, 150, 50);
		circle(this.x, this.y, 5);
	}
	
	step() {
		let movex = randomGaussian();
		let movey = randomGaussian();
		this.x += movex;
		this.y += movey;
	}
}

¿Por qué hice este programa?

Un amigo mío, experto en Processing, me recomendó el libro The Nature of Code: Simulating Natural Systems with JavaScript, una maravilla visual que te enseña a representar fenómenos de la naturaleza mediante p5.js (una biblioteca de JavaScript).

Uno de los primeros ejercicios que tiene, consiste en hacer un walker que se mueve al son del Gaussian random walk. Si esto te suena a chino mandarín con lunfardo cantonés, toda la data que necesitás está en el Capítulo 0.

El libro, como te decía, es increíble. Aunque no pienses leerlo, te recomiendo que lo mires.

Además, programar con p5.js es súper accesible: en poco tiempo avanzás un montón, y podés hacer todo online desde el editor de p5.js.

El desafío es, naturalmente, que te inventes tu propio walker.

Walker gaussiano en acción

El código

¿Por qué hice este programa?