Published
Edited
Jul 2, 2022
1 star
Insert cell
Insert cell
p5((sketch) => {
sketch.setup = function () {
sketch.createCanvas(400, 400);
sketch.background(51);
};

let x = 200;
let y = 200;

sketch.draw = function () {
sketch.stroke(255);
sketch.strokeWeight(2);
sketch.point(x, y);

let r = sketch.floor(sketch.random(4));

switch (r) {
case 0:
x = x + 1;
break;
case 1:
x = x - 1;
break;
case 2:
y = y + 1;
break;
case 3:
y = y - 1;
break;
}
};
})
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more