Noise3D
Using 3D noise to create simple animated texture.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
let noiseVal;
//Increment x by 0.01
let x_increment = 0.01;
//Increment z by 0.02 every draw() cycle
let z_increment = 0.02;
//Offset values
let z_off, y_off, x_off;
function setup() {
//Create the Canvas
createCanvas(640, 360);
//Define frame rate
frameRate(20);
//Initial value of z_off
z_off = 0;
}
function draw() {
x_off = 0;
y_off = 0;
//Make the background black
background(0);
//Adjust the noice detail
noiseDetail(8, 0.65);
//For each x,y calculate noice value
for (let y = 0; y < height; y++) {
x_off += x_increment;
y_off = 0;
for (let x = 0; x < width; x++) {
//Calculate and Draw each pixel
noiseVal = noise(x_off, y_off, z_off);
stroke(noiseVal * 255);
y_off += x_increment;
point(x, y);
}
}
z_off += z_increment;
}
