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

complete exercise 0.8

Browse Source
This commit is contained in:
Rokas Puzonas 2024-02-05 22:51:54 +02:00
parent 33939aeffd
commit e24fc3db4f
2 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
0. Randomness/8. Perlin noise/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>

26
0. Randomness/8. Perlin noise/sketch.js Normal file
View File

@ -0,0 +1,26 @@
let increment = 0.01
let octaves = 3
let falloff = 0.3
function setup() {
createCanvas(640, 240)
pixelDensity(1)
noiseDetail(octaves, falloff)
}
function draw() {
loadPixels()
for (let x = 0; x < width; x++) {
for (let y = 0; y < height; y++) {
let index = (x + y * width) * 4
let noiseValue = noise(x*increment, y*increment)
let bright = map(noiseValue, 0, 1, 0, 255)
pixels[index+0] = bright
pixels[index+1] = bright
pixels[index+2] = bright
pixels[index+3] = 255
}
}
updatePixels()
}