complete exercise 0.8
This commit is contained in:
parent
33939aeffd
commit
e24fc3db4f
15
0. Randomness/8. Perlin noise/index.html
Normal file
15
0. Randomness/8. Perlin noise/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>
|
26
0. Randomness/8. Perlin noise/sketch.js
Normal file
26
0. Randomness/8. Perlin noise/sketch.js
Normal 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()
|
||||
}
|
Loading…
Reference in New Issue
Block a user