rpuzonas/nature-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

complete exercise 0.3

Browse Source
This commit is contained in:
Rokas Puzonas 2024-02-05 20:40:30 +02:00
parent c9523bd229
commit cb14f6543b
2 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
0. Randomness/3. Mouse Walker/index.html Normal file
View 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>

43
0. Randomness/3. Mouse Walker/sketch.js Normal file
View File

@ -0,0 +1,43 @@
function clamp(x, min_x, max_x) {
return min(max(x, min_x), max_x)
}
class Walker {
constructor(x = 0, y = 0) {
this.x = x
this.y = y
}
step() {
let dx = 0
let dy = 0
if (random(1) < 0.5) {
dx = clamp(mouseX - this.x, -1, 1)
dy = clamp(mouseY - this.y, -1, 1)
} else {
dx = floor(random(3)) - 1
dy = floor(random(3)) - 1
}
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();
}