Creative Technologist, Data Scientist, Generative Artist (generatecoll)
noise2d = (x, y, z) => {
let grad3 = [
[1, 1, 0],
[-1, 1, 0],
[1, -1, 0],
[-1, -1, 0],
[1, 0, 1],
[-1, 0, 1],
[1, 0, -1],
[-1, 0, -1],
[0, 1, 1],
[0, -1, 1],
[0, 1, -1],
[0, -1, -1]
];
let p = [
151, 160, 137, 91, 90, 15, 131, 13, 201, 95, 96, 53, 194, 233, 7, 225, 140,
36, 103, 30, 69, 142, 8, 99, 37, 240, 21, 10, 23, 190, 6, 148, 247, 120,
234, 75, 0, 26, 197, 62, 94, 252, 219, 203, 117, 35, 11, 32, 57, 177, 33,
88, 237, 149, 56, 87, 174, 20, 125, 136, 171, 168, 68, 175, 74, 165, 71,
134, 139, 48, 27, 166, 77, 146, 158, 231, 83, 111, 229, 122, 60, 211, 133,
230, 220, 105, 92, 41, 55, 46, 245, 40, 244, 102, 143, 54, 65, 25, 63, 161,
1, 216, 80, 73, 209, 76, 132, 187, 208, 89, 18, 169, 200, 196, 135, 130,
116, 188, 159, 86, 164, 100, 109, 198, 173, 186, 3, 64, 52, 217, 226, 250,
124, 123, 5, 202, 38, 147, 118, 126, 255, 82, 85, 212, 207, 206, 59, 227,
47, 16, 58, 17, 182, 189, 28, 42, 223, 183, 170, 213, 119, 248, 152, 2, 44,
154, 163, 70, 221, 153, 101, 155, 167, 43, 172, 9, 129, 22, 39, 253, 19, 98,
108, 110, 79, 113, 224, 232, 178, 185, 112, 104, 218, 246, 97, 228, 251, 34,
242, 193, 238, 210, 144, 12, 191, 179, 162, 241, 81, 51, 145, 235, 249, 14,
239, 107, 49, 192, 214, 31, 181, 199, 106, 157, 184, 84, 204, 176, 115, 121,
50, 45, 127, 4, 150, 254, 138, 236, 205, 93, 222, 114, 67, 29, 24, 72, 243,
141, 128, 195, 78, 66, 215, 61, 156, 180
];
let perm = [];
for (let i = 0; i < 512; i++) perm[i] = p[i & 255];
let fastfloor = (x) => {
//x > 0.0 ? x : x - 1.0
return Math.floor(x);
};
let dot = (g, x, y, z) => {
return g[0] * x + g[1] * y + g[2] * z;
};
let mix = (a, b, t) => {
return (1 - t) * a + t * b;
};
let fade = (t) => {
return parseFloat(t * t * t * (t * (t * 6 - 15) + 10));
};
let X = fastfloor(x);
let Y = fastfloor(y);
let Z = fastfloor(z);
x = x - X;
y = y - Y;
z = z - Z;
X = X & 255;
Y = Y & 255;
Z = Z & 255;
let gi000 = perm[X + perm[Y + perm[Z]]] % 12;
let gi001 = perm[X + perm[Y + perm[Z + 1]]] % 12;
let gi010 = perm[X + perm[Y + 1 + perm[Z]]] % 12;
let gi011 = perm[X + perm[Y + 1 + perm[Z + 1]]] % 12;
let gi100 = perm[X + 1 + perm[Y + perm[Z]]] % 12;
let gi101 = perm[X + 1 + perm[Y + perm[Z + 1]]] % 12;
let gi110 = perm[X + 1 + perm[Y + 1 + perm[Z]]] % 12;
let gi111 = perm[X + 1 + perm[Y + 1 + perm[Z + 1]]] % 12;
let n000 = dot(grad3[gi000], x, y, z);
let n100 = dot(grad3[gi100], x - 1, y, z);
let n010 = dot(grad3[gi010], x, y - 1, z);
let n110 = dot(grad3[gi110], x - 1, y - 1, z);
let n001 = dot(grad3[gi001], x, y, z - 1);
let n101 = dot(grad3[gi101], x - 1, y, z - 1);
let n011 = dot(grad3[gi011], x, y - 1, z - 1);
let n111 = dot(grad3[gi111], x - 1, y - 1, z - 1);
let u = fade(x);
let v = fade(y);
let w = fade(z);
let nx00 = mix(n000, n100, u);
let nx01 = mix(n001, n101, u);
let nx10 = mix(n010, n110, u);
let nx11 = mix(n011, n111, u);
let nxy0 = mix(nx00, nx10, v);
let nxy1 = mix(nx01, nx11, v);
// Interpolate the four results
return mix(nxy0, nxy1, w);
}
HEIGHT = 250
WIDTH = 1000
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
