3_0_vnoise
Code 3.1, 3.2, Figure 3.2:​
3_0_vnoise.frag
#version 300 esprecision highp float;precision highp int;out vec4 fragColor;uniform float u_time;uniform vec2 u_resolution;int channel;//start hashuvec3 k = uvec3(0x456789abu, 0x6789ab45u, 0x89ab4567u);uvec3 u = uvec3(1, 2, 3);const uint UINT_MAX = 0xffffffffu;uint uhash11(uint n){n ^= (n << u.x);n ^= (n >> u.x);n *= k.x;n ^= (n << u.x);return n * k.x;}uvec2 uhash22(uvec2 n){n ^= (n.yx << u.xy);n ^= (n.yx >> u.xy);n *= k.xy;n ^= (n.yx << u.xy);return n * k.xy;}uvec3 uhash33(uvec3 n){n ^= (n.yzx << u);n ^= (n.yzx >> u);n *= k;n ^= (n.yzx << u);return n * k;}float hash11(float p){uint n = floatBitsToUint(p);return float(uhash11(n)) / float(UINT_MAX);}float hash21(vec2 p){uvec2 n = floatBitsToUint(p);return float(uhash22(n).x) / float(UINT_MAX);}float hash31(vec3 p){uvec3 n = floatBitsToUint(p);return float(uhash33(n).x) / float(UINT_MAX);}vec2 hash22(vec2 p){uvec2 n = floatBitsToUint(p);return vec2(uhash22(n)) / vec2(UINT_MAX);}vec3 hash33(vec3 p){uvec3 n = floatBitsToUint(p);return vec3(uhash33(n)) / vec3(UINT_MAX);}//end hashfloat vnoise21(vec2 p){vec2 n = floor(p);float[4] v;for (int j = 0; j < 2; j ++){for (int i = 0; i < 2; i++){v[i+2*j] = hash21(n + vec2(i, j));}}vec2 f = fract(p);if (channel == 1){f = f * f * (3.0 -2.0 * f); // Hermite interpolation}return mix(mix(v[0], v[1], f[0]), mix(v[2], v[3], f[0]), f[1]);}float vnoise31(vec3 p){vec3 n = floor(p);float[8] v;for (int k = 0; k < 2; k++ ){for (int j = 0; j < 2; j++ ){for (int i = 0; i < 2; i++){v[i+2*j+4*k] = hash31(n + vec3(i, j, k));}}}vec3 f = fract(p);f = f * f * (3.0 - 2.0 * f); // Hermite interpolationfloat[2] w;for (int i = 0; i < 2; i++){w[i] = mix(mix(v[4*i], v[4*i+1], f[0]), mix(v[4*i+2], v[4*i+3], f[0]), f[1]);}return mix(w[0], w[1], f[2]);}void main(){vec2 pos = gl_FragCoord.xy/min(u_resolution.x, u_resolution.y);channel = int(gl_FragCoord.x * 3.0 / u_resolution.x);pos = 10.0 * pos + u_time;if (channel < 2){fragColor = vec4(vnoise21(pos)); // left/center} else {fragColor = vec4(vnoise31(vec3(pos, u_time))); // right}fragColor.a = 1.0;}