complete exercise 0.5
This commit is contained in:
parent
b939faa914
commit
e964c14974
15
0. Randomness/5. Gaussian Walker/index.html
Normal file
15
0. Randomness/5. Gaussian Walker/index.html
Normal file
@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://cdn.jsdelivr.net/npm/p5@1.9.0/lib/p5.js"></script>
|
||||
<script src="sketch.js"></script>
|
||||
<style>
|
||||
body {
|
||||
background: #212121;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
32
0. Randomness/5. Gaussian Walker/sketch.js
Normal file
32
0. Randomness/5. Gaussian Walker/sketch.js
Normal file
@ -0,0 +1,32 @@
|
||||
class Walker {
|
||||
constructor(x = 0, y = 0) {
|
||||
this.x = x
|
||||
this.y = y
|
||||
}
|
||||
|
||||
step() {
|
||||
let dx = randomGaussian();
|
||||
let dy = randomGaussian();
|
||||
|
||||
this.x += dx
|
||||
this.y += dy
|
||||
}
|
||||
|
||||
draw() {
|
||||
stroke(0)
|
||||
point(this.x, this.y)
|
||||
}
|
||||
}
|
||||
|
||||
let walker
|
||||
|
||||
function setup() {
|
||||
createCanvas(640, 240)
|
||||
background(255)
|
||||
walker = new Walker(320, 120)
|
||||
}
|
||||
|
||||
function draw() {
|
||||
walker.step();
|
||||
walker.draw();
|
||||
}
|
Loading…
Reference in New Issue
Block a user