Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	MineKirb v1.0.0
ID	6422513626234880
Created	7 days ago, 1743478185149
Updated	7 days ago, 1743478897550
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>MineKirb v1.0.0</title> </head> <body> <style> { margin:0px; padding:0px; overflow:hidden; width:600px; } #mainCanvas{ margin:0px; padding:0px; overflow:hidden; width:600px; position:absolute; z-index:-1; top:0px; left:0px; } </style> <script src='https://cdn.jsdelivr.net/gh/Bearkirb/mineKirb@34abb9997e8543026c0e0ebd8483618304c16e12/textures1.js'></script> <script src='https://cdn.jsdelivr.net/gh/Bearkirb/mineKirb@9bc4ba3fad4f3e9f98287beee5f7cb706cecdf09/mmenu1.js'></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gDYNAMIC.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Edu+AU+VIC+WA+NT+Hand:wght@400..700&family=Fira+Code:wght@300..700&family=Jacquard+24&family=Metamorphous&family=Silkscreen:wght@400;700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet"> <div style="position: fixed; left: 10px; top: 10px; background-color: black; color:white; width:570px; font: 'Fira Code';font-size:16px;padding:0px 5px" id="consol"></div> <canvas id = "mainCanvas" width = '600' height = '600'></canvas> <script id = 'vertex-shader' type = 'glsl'>#version 300 es in vec3 coordinates; in vec3 normal; in vec3 uv; precision highp float; uniform float iTime; uniform mat4 camera; out vec3 pos; out vec3 no; out vec3 uvi; void main() { float fov=0.8; no=normal; pos=coordinates; pos-=camera[3].xyz; pos=mat3(camera); no=mat3(camera); uvi=uv; float zd = pos.z fov; gl_PointSize=2.0; gl_Position = vec4(pos.x,pos.y,-0.3+pos.zfov,zd); } </script> <script id = 'fragment-shader' type = 'glsl'>#version 300 es precision highp float; in vec3 pos; in vec3 no; in vec3 uvi; precision highp sampler2D; uniform sampler2D iChannel0; uniform float iTime; uniform mat4 camera; uniform vec2 camAng; out ivec4 fragColor; mat3 tbn( in vec3 ro, in vec3 ta, float cr ) { vec3 cw = normalize(ta-ro); vec3 cp = vec3(sin(cr), cos(cr),0.0); vec3 cu = normalize( cross(cw,cp) ); vec3 cv = ( cross(cu,cw) ); return mat3( cu, cv, cw ); } vec4 tex(vec2 uv,float s){ return texelFetch(iChannel0,ivec2(uv128.0+vec2(0.0,s128.0)),0).rgba; } vec4 tex2(vec2 uv,float s){ return texture(iChannel0,vec2(uv128.0+vec2(0.0,s128.0))/vec2(1664.0,384.0),-1.0).rgba; } #define SHADERTOY /* TWEAK **************************************************************/ #define COVERAGE .50 #define THICKNESS 15. #define ABSORPTION 1.330725 #define WIND vec3(0, 0, -u_time .2) #define FBM_FREQ 2.16434 #define NOISE_VALUE //#define NOISE_WORLEY //#define NOISE_PERLIN //#define SIMULATE_LIGHT #define FAKE_LIGHT #define SUN_DIR normalize(vec3(0, abs(sin(4.8 * .3)), -1)) #define STEPS 8 /*****************************************************************************/ #ifdef __cplusplus #define _in(T) const T & #define _inout(T) T & #define _out(T) T & #define _begin(type) type { #define _end } #define _mutable(T) T #define _constant(T) const T #define mul(a, b) (a) (b) #endif #if defined(GL_ES) \|\| defined(GL_SHADING_LANGUAGE_VERSION) #define _in(T) const in T #define _inout(T) inout T #define _out(T) out T #define _begin(type) type ( #define _end ) #define _mutable(T) T #define _constant(T) const T #define mul(a, b) (a) * (b) #endif #ifdef HLSL #define _in(T) const in T #define _inout(T) inout T #define _out(T) out T #define _begin(type) { #define _end } #define _mutable(T) DYNAMIC T #define _constant(T) DYNAMIC const T #define vec2 float2 #define vec3 float3 #define vec4 float4 #define mat2 float2x2 #define mat3 float3x3 #define mat4 float4x4 #define mix lerp #define fract frac #define atan(y, x) atan2(x, y) #define mod fmod #pragma pack_matrix(row_major) cbuffer uniforms : register(b0) { float2 u_res; float u_time; float2 u_mouse; }; void mainImage(_out(float4) fragColor, _in(float2) fragCoord); float4 main(float4 uv : SV_Position) : SV_Target{ float4 col; mainImage(col, uv.xy); return col; } #endif #if defined(__cplusplus) \|\| defined(SHADERTOY) #define u_res iResolution #define u_time iTime #endif #ifdef GLSLSANDBOX uniform float time; uniform vec2 mouse; uniform vec2 resolution; #define u_res resolution #define u_time time #define u_mouse mouse void mainImage(_out(vec4) fragColor, _in(vec2) fragCoord); void main() { mainImage(gl_FragColor, gl_FragCoord.xy); } #endif #define PI 3.14159265359 struct ray_t { vec3 origin; vec3 direction; }; #define BIAS 1e-4 // small offset to avoid self-intersections struct sphere_t { vec3 origin; float radius; int material; }; struct plane_t { vec3 direction; float distance; int material; }; struct hit_t { float t; int material_id; vec3 normal; vec3 origin; }; #define max_dist 1e8 _constant(hit_t) no_hit = _begin(hit_t) float(max_dist + 1e1), // 'infinite' distance -1, // material id vec3(0., 0., 0.), // normal vec3(0., 0., 0.) // origin _end; // ---------------------------------------------------------------------------- // Various 3D utilities functions // ---------------------------------------------------------------------------- ray_t get_primary_ray( _in(vec3) cam_local_point, _inout(vec3) cam_origin, _inout(vec3) cam_look_at ){ vec3 fwd = normalize(cam_look_at - cam_origin); vec3 up = vec3(0, 1, 0); vec3 right = cross(up, fwd); up = cross(fwd, right); ray_t r = _begin(ray_t) cam_origin, normalize(fwd + up * cam_local_point.y + right * cam_local_point.x) _end; return r; } mat2 rotate_2d( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat2(_cos, -_sin, _sin, _cos); } mat3 rotate_around_z( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat3(_cos, -_sin, 0, _sin, _cos, 0, 0, 0, 1); } mat3 rotate_around_y( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat3(_cos, 0, _sin, 0, 1, 0, -_sin, 0, _cos); } mat3 rotate_around_x( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat3(1, 0, 0, 0, _cos, -_sin, 0, _sin, _cos); } vec3 corect_gamma( _in(vec3) color, _in(float) gamma ){ float p = 1.0 / gamma; return vec3(pow(color.r, p), pow(color.g, p), pow(color.b, p)); } #ifdef __cplusplus vec3 faceforward( _in(vec3) N, _in(vec3) I, _in(vec3) Nref ){ return dot(Nref, I) < 0 ? N : -N; } #endif float checkboard_pattern( _in(vec2) pos, _in(float) scale ){ vec2 pattern = floor(pos * scale); return mod(pattern.x + pattern.y, 2.0); } float band ( _in(float) start, _in(float) peak, _in(float) end, _in(float) t ){ return smoothstep (start, peak, t) * (1. - smoothstep (peak, end, t)); } // ---------------------------------------------------------------------------- // Analytical surface-ray intersection routines // ---------------------------------------------------------------------------- // geometrical solution // info: http://www.scratchapixel.com/old/lessons/3d-basic-lessons/lesson-7-intersecting-simple-shapes/ray-sphere-intersection/ void intersect_sphere( _in(ray_t) ray, _in(sphere_t) sphere, _inout(hit_t) hit ){ vec3 rc = sphere.origin - ray.origin; float radius2 = sphere.radius * sphere.radius; float tca = dot(rc, ray.direction); // if (tca < 0.) return; float d2 = dot(rc, rc) - tca * tca; if (d2 > radius2) return; float thc = sqrt(radius2 - d2); float t0 = tca - thc; float t1 = tca + thc; if (t0 < 0.) t0 = t1; if (t0 > hit.t) return; vec3 impact = ray.origin + ray.direction * t0; hit.t = t0; hit.material_id = sphere.material; hit.origin = impact; hit.normal = (impact - sphere.origin) / sphere.radius; } // Plane is defined by normal N and distance to origin P0 (which is on the plane itself) // a plane eq is: (P - P0) dot N = 0 // which means that any line on the plane is perpendicular to the plane normal // a ray eq: P = O + tD // substitution and solving for t gives: // t = ((P0 - O) dot N) / (N dot D) void intersect_plane( _in(ray_t) ray, _in(plane_t) p, _inout(hit_t) hit ){ float denom = dot(p.direction, ray.direction); if (denom < 1e-6) return; vec3 P0 = vec3(p.distance, p.distance, p.distance); float t = dot(P0 - ray.origin, p.direction) / denom; if (t < 0. \|\| t > hit.t) return; hit.t = t; hit.material_id = p.material; hit.origin = ray.origin + ray.direction t; hit.normal = faceforward(p.direction, ray.direction, p.direction); } // ---------------------------------------------------------------------------- // Noise function by iq from https://www.shadertoy.com/view/4sfGzS // ---------------------------------------------------------------------------- float hash( _in(float) n ){ return fract(sin(n)753.5453123); } // 2D Random float random (in vec2 st) { return fract(sin(dot(st.xy, vec2(12.9898,78.233))) 43758.5453123); } // 2D Noise based on Morgan McGuire @morgan3d // https://www.shadertoy.com/view/4dS3Wd float noise (in vec2 st) { vec2 i = floor(st); vec2 f = fract(st); // Four corners in 2D of a tile float a = random(i); float b = random(i + vec2(1.0, 0.0)); float c = random(i + vec2(0.0, 1.0)); float d = random(i + vec2(1.0, 1.0)); // Smooth Interpolation // Cubic Hermine Curve. Same as SmoothStep() vec2 u = ff(3.0-2.0f); // u = smoothstep(0.,1.,f); // Mix 4 coorners percentages return mix(a, b, u.x) + (c - a) u.y * (1.0 - u.x) + (d - b) * u.x * u.y; } vec3 hashe(vec2 uv){ uv=400.0; return vec3(noise(uv),noise(uv+100.0),0.0); } float noise_iq( _in(vec3) x ){ vec3 u=cos(x6.28)/6.28+x; return noise( (u.xz2.0))-0.05; } // ---------------------------------------------------------------------------- // Noise function by iq from https://www.shadertoy.com/view/ldl3Dl // ---------------------------------------------------------------------------- vec3 hash_w( _in(vec3) x ){ #if 0 vec3 xx = vec3(dot(x, vec3(127.1, 311.7, 74.7)), dot(x, vec3(269.5, 183.3, 246.1)), dot(x, vec3(113.5, 271.9, 124.6))); return fract(sin(xx)43758.5453123); #else return hashe( (x.xy + vec2(2.0, 1.0)x.z + 0.5) / 256.0).xyz; #endif } // returns closest, second closest, and cell id vec3 noise_w( _in(vec3) x ){ vec3 p = floor(x); vec3 f = fract(x); float id = 0.0; vec2 res = vec2(100.0, 100.0); for (int k = -1; k <= 1; k++) for (int j = -1; j <= 1; j++) for (int i = -1; i <= 1; i++) { vec3 b = vec3(float(i), float(j), float(k)); vec3 r = vec3(b) - f + hash_w(p + b); float d = dot(r, r); if (d < res.x) { id = dot(p + b, vec3(1.0, 57.0, 113.0)); res = vec2(d, res.x); } else if (d < res.y) { res.y = d; } } return vec3(sqrt(res), abs(id)); } // // GLSL textureless classic 3D noise "cnoise", // with an RSL-style periodic variant "pnoise". // Author: Stefan Gustavson (stefan.gustavson@liu.se) // Version: 2011-10-11 // // Many thanks to Ian McEwan of Ashima Arts for the // ideas for permutation and gradient selection. // // Copyright (c) 2011 Stefan Gustavson. All rights reserved. // Distributed under the MIT license. See LICENSE file. // https://github.com/ashima/webgl-noise // vec3 mod289(vec3 x) { return x - floor(x (1.0 / 289.0)) * 289.0; } vec4 mod289(vec4 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec4 permute(vec4 x) { return mod289(((x34.0)+1.0)x); } vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; } vec3 fade(vec3 t) { return ttt(t(t6.0-15.0)+10.0); } // Classic Perlin noise float cnoise(vec3 P) { vec3 Pi0 = floor(P); // Integer part for indexing vec3 Pi1 = Pi0 + vec3(1, 1, 1); // Integer part + 1 Pi0 = mod289(Pi0); Pi1 = mod289(Pi1); vec3 Pf0 = fract(P); // Fractional part for interpolation vec3 Pf1 = Pf0 - vec3(1, 1, 1); // Fractional part - 1.0 vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x); vec4 iy = vec4(Pi0.yy, Pi1.yy); vec4 iz0 = Pi0.zzzz; vec4 iz1 = Pi1.zzzz; vec4 ixy = permute(permute(ix) + iy); vec4 ixy0 = permute(ixy + iz0); vec4 ixy1 = permute(ixy + iz1); vec4 gx0 = ixy0 (1.0 / 7.0); vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5; gx0 = fract(gx0); vec4 gz0 = vec4(.5, .5, .5, .5) - abs(gx0) - abs(gy0); vec4 sz0 = step(gz0, vec4(0, 0, 0, 0)); gx0 -= sz0 * (step(0.0, gx0) - 0.5); gy0 -= sz0 * (step(0.0, gy0) - 0.5); vec4 gx1 = ixy1 * (1.0 / 7.0); vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5; gx1 = fract(gx1); vec4 gz1 = vec4(.5, .5, .5, .5) - abs(gx1) - abs(gy1); vec4 sz1 = step(gz1, vec4(0, 0, 0, 0)); gx1 -= sz1 * (step(0.0, gx1) - 0.5); gy1 -= sz1 * (step(0.0, gy1) - 0.5); vec3 g000 = vec3(gx0.x,gy0.x,gz0.x); vec3 g100 = vec3(gx0.y,gy0.y,gz0.y); vec3 g010 = vec3(gx0.z,gy0.z,gz0.z); vec3 g110 = vec3(gx0.w,gy0.w,gz0.w); vec3 g001 = vec3(gx1.x,gy1.x,gz1.x); vec3 g101 = vec3(gx1.y,gy1.y,gz1.y); vec3 g011 = vec3(gx1.z,gy1.z,gz1.z); vec3 g111 = vec3(gx1.w,gy1.w,gz1.w); vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110))); g000 = norm0.x; g010 = norm0.y; g100 = norm0.z; g110 = norm0.w; vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111))); g001 = norm1.x; g011 = norm1.y; g101 = norm1.z; g111 = norm1.w; float n000 = dot(g000, Pf0); float n100 = dot(g100, vec3(Pf1.x, Pf0.yz)); float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z)); float n110 = dot(g110, vec3(Pf1.xy, Pf0.z)); float n001 = dot(g001, vec3(Pf0.xy, Pf1.z)); float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z)); float n011 = dot(g011, vec3(Pf0.x, Pf1.yz)); float n111 = dot(g111, Pf1); vec3 fade_xyz = fade(Pf0); vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z); vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y); float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x); return 2.2 * n_xyz; } // Classic Perlin noise, periodic variant float pnoise(vec3 P, vec3 rep) { vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period vec3 Pi1 = mod(Pi0 + vec3(1, 1, 1), rep); // Integer part + 1, mod period Pi0 = mod289(Pi0); Pi1 = mod289(Pi1); vec3 Pf0 = fract(P); // Fractional part for interpolation vec3 Pf1 = Pf0 - vec3(1, 1, 1); // Fractional part - 1.0 vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x); vec4 iy = vec4(Pi0.yy, Pi1.yy); vec4 iz0 = Pi0.zzzz; vec4 iz1 = Pi1.zzzz; vec4 ixy = permute(permute(ix) + iy); vec4 ixy0 = permute(ixy + iz0); vec4 ixy1 = permute(ixy + iz1); vec4 gx0 = ixy0 * (1.0 / 7.0); vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5; gx0 = fract(gx0); vec4 gz0 = vec4(.5, .5, .5, .5) - abs(gx0) - abs(gy0); vec4 sz0 = step(gz0, vec4(0, 0, 0, 0)); gx0 -= sz0 * (step(0.0, gx0) - 0.5); gy0 -= sz0 * (step(0.0, gy0) - 0.5); vec4 gx1 = ixy1 * (1.0 / 7.0); vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5; gx1 = fract(gx1); vec4 gz1 = vec4(.5, .5, .5, .5) - abs(gx1) - abs(gy1); vec4 sz1 = step(gz1, vec4(0, 0, 0, 0)); gx1 -= sz1 * (step(0.0, gx1) - 0.5); gy1 -= sz1 * (step(0.0, gy1) - 0.5); vec3 g000 = vec3(gx0.x,gy0.x,gz0.x); vec3 g100 = vec3(gx0.y,gy0.y,gz0.y); vec3 g010 = vec3(gx0.z,gy0.z,gz0.z); vec3 g110 = vec3(gx0.w,gy0.w,gz0.w); vec3 g001 = vec3(gx1.x,gy1.x,gz1.x); vec3 g101 = vec3(gx1.y,gy1.y,gz1.y); vec3 g011 = vec3(gx1.z,gy1.z,gz1.z); vec3 g111 = vec3(gx1.w,gy1.w,gz1.w); vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110))); g000 = norm0.x; g010 = norm0.y; g100 = norm0.z; g110 = norm0.w; vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111))); g001 = norm1.x; g011 = norm1.y; g101 = norm1.z; g111 = norm1.w; float n000 = dot(g000, Pf0); float n100 = dot(g100, vec3(Pf1.x, Pf0.yz)); float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z)); float n110 = dot(g110, vec3(Pf1.xy, Pf0.z)); float n001 = dot(g001, vec3(Pf0.xy, Pf1.z)); float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z)); float n011 = dot(g011, vec3(Pf0.x, Pf1.yz)); float n111 = dot(g111, Pf1); vec3 fade_xyz = fade(Pf0); vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z); vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y); float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x); return 2.2 * n_xyz; } #ifdef NOISE_VALUE #define noise(x) noise_iq(x) #endif #ifdef NOISE_WORLEY #define noise(x) (1. - noise_w(x).r) //#define noise(x) abs( noise_iq(x / 8.) - (1. - (noise_w(x * 2.).r))) #endif #ifdef NOISE_PERLIN #define noise(x) abs(cnoise(x)) #endif // ---------------------------------------------------------------------------- // Fractal Brownian Motion // ---------------------------------------------------------------------------- float fbm( _in(vec3) pos, _in(float) lacunarity ){ vec3 p = pos; float t = 0.51749673 * noise(p); p = lacunarity; t += 0.25584929 noise(p); p = lacunarity; // t += 0.12527603 noise(p); p = lacunarity; // t += 0.06255931 noise(p); return t; } #ifdef HLSL Texture3D u_tex_noise : register(t1); SamplerState u_sampler0 : register(s0); #endif float get_noise(_in(vec3) x) { #if 0 return u_tex_noise.Sample(u_sampler0, x); #else return fbm(x, FBM_FREQ); #endif } _constant(vec3) sun_color = vec3(1., .7, .55); _constant(sphere_t) atmosphere = _begin(sphere_t) vec3(0, -450, 0), 500., 0 _end; _constant(sphere_t) atmosphere_2 = _begin(sphere_t) atmosphere.origin, atmosphere.radius + 50., 0 _end; _constant(plane_t) ground = _begin(plane_t) vec3(0., -1., 0.), 0., 1 _end; vec3 render_sky_color( _in(ray_t) eye ){ vec3 rd = eye.direction; float sun_amount = max(dot(rd, SUN_DIR), 0.0); vec3 sky = mix(vec3(.0, .1, .4), vec3(.3, .6, .8), 1.0 - rd.y); sky = sky + sun_color * min(pow(sun_amount, 1500.0) * 5.0, 1.0); sky = sky + sun_color * min(pow(sun_amount, 10.0) * .6, 1.0); return sky; } float density( _in(vec3) pos, _in(vec3) offset, _in(float) t ){ // signal vec3 p = pos * .0212242 + offset; float dens = get_noise(p); float cov = 1. - COVERAGE; //dens = band (.1, .3, .6, dens); //dens = step(cov, dens); //dens -= cov; dens = smoothstep (cov, cov + .05, dens); return clamp(dens, 0., 1.); } float light( _in(vec3) origin ){ const int steps = 8; float march_step = 1.; vec3 pos = origin; vec3 dir_step = SUN_DIR * march_step; float T = 1.; // transmitance for (int i = 0; i < steps; i++) { float dens = density(pos, WIND, 0.); float T_i = exp(-ABSORPTION * dens * march_step); T = T_i; //if (T < .01) break; pos += dir_step; } return T; } vec4 render_clouds( _in(ray_t) eye ){ hit_t hit = no_hit; intersect_sphere(eye, atmosphere, hit); //hit_t hit_2 = no_hit; //intersect_sphere(eye, atmosphere_2, hit_2); const float thickness = THICKNESS; // length(hit_2.origin - hit.origin); //const float r = 1. - ((atmosphere_2.radius - atmosphere.radius) / thickness); int steps = int(STEPS); // +int(32. r); float march_step = thickness / float(steps); vec3 dir_step = eye.direction / eye.direction.y * march_step; vec3 pos = //eye.origin + eye.direction * 100.; hit.origin; float T = 1.; // transmitance vec3 C = vec3(0, 0, 0); // color float alpha = 0.; for (int i = 0; i < steps; i++) { float h = float(i) / float(steps); float dens = density (pos, WIND, h); float T_i = exp(-ABSORPTION * dens * march_step); T = T_i; if (T < .01) break; C += T #ifdef SIMULATE_LIGHT light(pos) * #endif #ifdef FAKE_LIGHT (exp(h) / 1.75) * #endif dens * march_step; alpha += (1. - T_i) * (1. - alpha); pos += dir_step; if (length(pos) > 1e3) break; } return vec4(C, alpha); } vec3 skySample(vec3 rs){ vec3 fragCol=vec3(0.0); vec2 u_res=vec2(600.0); vec2 aspect_ratio = vec2(u_res.x / u_res.y, 1); float fov = tan(radians(45.0)); #if 0 float n = saturate(get_noise(point_cam)); fragColor = vec4(vec3(n, n, n), 1); return; #endif vec3 col = vec3(0, 0, 0); //mat3 rot = rotate_around_x(abs(sin(u_time / 2.)) * 45.); //sun_dir = mul(rot, sun_dir); vec3 eye = vec3(0, 1., 0); vec3 look_at = vec3(0, 1.6, -1); ray_t eye_ray = ray_t(vec3(0.0),rs); hit_t hit = no_hit; intersect_plane(eye_ray, ground, hit); if (hit.material_id == 1) { vec3 sky = render_sky_color(eye_ray); col = sky(min(eye_ray.direction.y,0.0)/1.5+1.0); } else { #if 1 vec3 sky = render_sky_color(eye_ray); vec4 cld = render_clouds(eye_ray); col = mix(sky, cld.rgb/(0.000001+cld.a), cld.a); #else intersect_sphere(eye_ray, atmosphere, hit); vec3 d = hit.normal; float u = .5 + atan(d.z, d.x) / (2. PI); float v = .5 - asin(d.y) / PI; float cb = checkboard_pattern(vec2(u, v), 50.); col = vec3(cb, cb, cb); #endif } fragCol.rgb=col; return fragCol; } void main() { vec4 FragColor=vec4(0.0); vec2 uv=uvi.xy; uv=mod(uv,1.0); uv.x+=uvi.z-1.0; vec4 dat=tex(uv,2.0); float emitter=clamp((1.0-dat.a)40.0,0.0,1.0); vec3 color=tex2(uv,0.0).rgb(0.8+emitter0.4); float ref=dat.r; vec3 lightColor=vec3(1.0,0.9,0.8); vec3 normal=no; vec3 nmap=tex2(uv,1.0).rgb-vec3(0.5,0.5,0.5); nmap.b=0.85; nmap.rg=-1.0; vec3 tangent=cross(normal,vec3(0.0,1.0,0.0)); vec3 bitangent=cross(tangent,normal); mat3 tangentToWorld = mat3( vec3(tangent.x, bitangent.x, normal.x), vec3(tangent.y, bitangent.y, normal.y), vec3(tangent.z, bitangent.z, normal.z) ); nmap=tangentToWorld; normal=nmap; normal=normalize(normal); vec3 cam=pos.xyz; float light=max(dot(normalize(normal),normalize(cam)),0.0); float dp=light; vec3 amb=colormix(light,1.0,emitter); ref=ref(1.0-emitter); light=pow(light,(refref1.2)256.0); vec3 spec=lightColorlight; FragColor.rgb=amb+spec(ref0.85+0.15)(1.0-emitter); vec3 colo=(FragColor.rgb); //FragColor.rgb=vec3(pos.z/20.0); vec3 rv=reflect(vec3(gl_FragCoord.xy/600.0-0.5,0.8)inverse(mat3(camera)),normalinverse(mat3(camera))); float ins=dot(normalize(rv),normalize(vec3(gl_FragCoord.xy/600.0-0.5,0.8)inverse(mat3(camera)))); vec3 refl=skySample(reflect(vec3(gl_FragCoord.xy/600.0-0.5,0.8)inverse(mat3(camera)),normalinverse(mat3(camera)))); colo=mix(colo,colorefl0.75+refl0.25,clamp((ref1.65(ins0.5+0.5))+0.05,0.0,1.0)); FragColor.a=pos.z/400.0; FragColor.a+=dp/50.0; FragColor.a-=200.0emitter; FragColor.a=clamp(FragColor.a,-1.0,1.0); if(length(tex(uv,0.0).rgb)<0.01){ //FragColor.a=10.0; } //colo=normal; fragColor.a=int(FragColor.a32767.02.0-32767.0); normal.xy=-1.0; //fragColor.r=int(normal.x32767.0); //fragColor.g=int(normal.y32767.0); //fragColor.b=int(normal.z32767.0); fragColor.rgb=ivec3(colo32767.0); } </script> <script id = 'ppfxDefault' type = 'glsl'>#version 300 es in vec2 aPosition; out vec2 pos; void main() { pos = aPosition; gl_Position = vec4(aPosition, 0, 1.0); } </script> <script id = 'ssao-shader' type = 'glsl'>#version 300 es precision highp float; precision highp isampler2D; uniform isampler2D iChannel0; uniform float iTime; uniform mat4 camera; uniform vec2 u_mouse; uniform float aoSamples; uniform float cloudSamples; out vec4 fragColor; // Created by Reinder Nijhoff 2016 // Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. // @reindernijhoff // // https://www.shadertoy.com/view/ls3GWS // // // demonstrating post process Screen Space Ambient Occlusion #define INTENSITY 2.75 #define SCALE 0.4 #define BIASS 0.5 #define SAMPLE_RAD 0.2 #define MAX_DISTANCE 2.5 #define MOD3 vec3(.1031,.11369,.13787) float hash12(vec2 p) { vec3 p3 = fract(vec3(p.xyx) * MOD3); p3 += dot(p3, p3.yzx + 19.19); return fract((p3.x + p3.y) * p3.z); } vec2 hash22(vec2 p) { vec3 p3 = fract(vec3(p.xyx) * MOD3); p3 += dot(p3, p3.yzx+19.19); return fract(vec2((p3.x + p3.y)p3.z, (p3.x+p3.z)p3.y)); } vec3 getColor(vec2 uv) { ivec3 dat=ivec3(textureLod(iChannel0, uv, 0.).xyz); return vec3(floor(float(dat.r+32767)/32767.0),fract(float(dat.g+32767)/32767.0),fract(float(dat.b+32767)/32767.0)); } vec3 ACES(vec3 x) { const float a = 2.51; const float b = 0.03; const float c = 2.43; const float d = 0.59; const float e = 0.14; return (x * (a * x + b)) / (x * (c * x + d) + e); } vec4 getPosition(vec2 uv) { float d = float(textureLod(iChannel0, uv, 0.).w+32767)/((32767.02.0)/20.0); if(uv.x<0.01\|\|uv.y<0.01\|\|uv.x>0.99\|\|uv.y>0.99){ d=1.0; } vec2 p = (uv2.-1.)/4.0; mat3 ca = mat3(1.,0.,0.,0.,1.,0.,0.,0.,-1./1.5); vec3 rd = normalize( ca * vec3(p,1.0) ); vec3 pos = rd * d; return vec4(pos,d); } vec3 getNormal(vec2 uv) { ivec3 dat=ivec3(textureLod(iChannel0, uv, 0.).xyz); // return vec3(float(dat.r)/32767.0,float(dat.g)/32767.0,float(dat.b)/32767.0); return vec3(0.0,0.0,1.0); } vec2 getRandom(vec2 uv) { return normalize(hash22(uv126.1231) 2. - 1.); } float doAmbientOcclusion(in vec2 tcoord,in vec2 uv, in vec3 p, in vec3 cnorm) { vec2 vvvv=tcoord + uv; if(vvvv.x<0.0\|\|vvvv.x>1.0\|\|vvvv.y<0.0\|\|vvvv.y>1.0)return 0.0; vec4 dat=getPosition(vvvv); vec3 diff = dat.rgb - p; float l = length(diff); vec3 v = diff/l; float d = lSCALE; float ao = max(0.0,dot(cnorm,v)-BIASS)(1.0/(1.0+d)); ao = smoothstep(MAX_DISTANCE,MAX_DISTANCE 0.5, l); if(dat.a<0.01){ ao=6.0-dot(cnorm,diff/l)/(lSCALE+2.0); } return ao; } float spiralAO(vec2 uv, vec3 p, vec3 n, float rad) { float goldenAngle = 2.4; float ao = 0.; float inv = 1.0 / aoSamples; float radius = 0.; float rotatePhase = hash12( uv100. ) 6.28; float rStep = inv * rad; vec2 spiralUV; for (int i = 0; i < int(aoSamples); i++) { spiralUV.x = sin(rotatePhase); spiralUV.y = cos(rotatePhase); radius += rStep; ao += doAmbientOcclusion(uv, spiralUV * radius, p, n); rotatePhase += goldenAngle; } ao = inv; return ao; } #define SHADERTOY /* TWEAK **************************************************************/ #define COVERAGE .50 #define THICKNESS 15. #define ABSORPTION 1.330725 #define WIND vec3(0, 0, -u_time .2) #define FBM_FREQ 2.16434 #define NOISE_VALUE //#define NOISE_WORLEY //#define NOISE_PERLIN //#define SIMULATE_LIGHT #define FAKE_LIGHT #define SUN_DIR normalize(vec3(0, abs(sin(4.8 * .3)), -1)) #define STEPS cloudSamples /*****************************************************************************/ #ifdef __cplusplus #define _in(T) const T & #define _inout(T) T & #define _out(T) T & #define _begin(type) type { #define _end } #define _mutable(T) T #define _constant(T) const T #define mul(a, b) (a) (b) #endif #if defined(GL_ES) \|\| defined(GL_SHADING_LANGUAGE_VERSION) #define _in(T) const in T #define _inout(T) inout T #define _out(T) out T #define _begin(type) type ( #define _end ) #define _mutable(T) T #define _constant(T) const T #define mul(a, b) (a) * (b) #endif #ifdef HLSL #define _in(T) const in T #define _inout(T) inout T #define _out(T) out T #define _begin(type) { #define _end } #define _mutable(T) DYNAMIC T #define _constant(T) DYNAMIC const T #define vec2 float2 #define vec3 float3 #define vec4 float4 #define mat2 float2x2 #define mat3 float3x3 #define mat4 float4x4 #define mix lerp #define fract frac #define atan(y, x) atan2(x, y) #define mod fmod #pragma pack_matrix(row_major) cbuffer uniforms : register(b0) { float2 u_res; float u_time; float2 u_mouse; }; void mainImage(_out(float4) fragColor, _in(float2) fragCoord); float4 main(float4 uv : SV_Position) : SV_Target{ float4 col; mainImage(col, uv.xy); return col; } #endif #if defined(__cplusplus) \|\| defined(SHADERTOY) #define u_res iResolution #define u_time iTime #endif #ifdef GLSLSANDBOX uniform float time; uniform vec2 mouse; uniform vec2 resolution; #define u_res resolution #define u_time time #define u_mouse mouse void mainImage(_out(vec4) fragColor, _in(vec2) fragCoord); void main() { mainImage(gl_FragColor, gl_FragCoord.xy); } #endif #define PI 3.14159265359 struct ray_t { vec3 origin; vec3 direction; }; #define BIAS 1e-4 // small offset to avoid self-intersections struct sphere_t { vec3 origin; float radius; int material; }; struct plane_t { vec3 direction; float distance; int material; }; struct hit_t { float t; int material_id; vec3 normal; vec3 origin; }; #define max_dist 1e8 _constant(hit_t) no_hit = _begin(hit_t) float(max_dist + 1e1), // 'infinite' distance -1, // material id vec3(0., 0., 0.), // normal vec3(0., 0., 0.) // origin _end; // ---------------------------------------------------------------------------- // Various 3D utilities functions // ---------------------------------------------------------------------------- ray_t get_primary_ray( _in(vec3) cam_local_point, _inout(vec3) cam_origin, _inout(vec3) cam_look_at ){ vec3 fwd = normalize(cam_look_at - cam_origin); vec3 up = vec3(0, 1, 0); vec3 right = cross(up, fwd); up = cross(fwd, right); ray_t r = _begin(ray_t) cam_origin, normalize(fwd + up * cam_local_point.y + right * cam_local_point.x) _end; return r; } mat2 rotate_2d( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat2(_cos, -_sin, _sin, _cos); } mat3 rotate_around_z( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat3(_cos, -_sin, 0, _sin, _cos, 0, 0, 0, 1); } mat3 rotate_around_y( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat3(_cos, 0, _sin, 0, 1, 0, -_sin, 0, _cos); } mat3 rotate_around_x( _in(float) angle_degrees ){ float angle = radians(angle_degrees); float _sin = sin(angle); float _cos = cos(angle); return mat3(1, 0, 0, 0, _cos, -_sin, 0, _sin, _cos); } vec3 corect_gamma( _in(vec3) color, _in(float) gamma ){ float p = 1.0 / gamma; return vec3(pow(color.r, p), pow(color.g, p), pow(color.b, p)); } #ifdef __cplusplus vec3 faceforward( _in(vec3) N, _in(vec3) I, _in(vec3) Nref ){ return dot(Nref, I) < 0 ? N : -N; } #endif float checkboard_pattern( _in(vec2) pos, _in(float) scale ){ vec2 pattern = floor(pos * scale); return mod(pattern.x + pattern.y, 2.0); } float band ( _in(float) start, _in(float) peak, _in(float) end, _in(float) t ){ return smoothstep (start, peak, t) * (1. - smoothstep (peak, end, t)); } // ---------------------------------------------------------------------------- // Analytical surface-ray intersection routines // ---------------------------------------------------------------------------- // geometrical solution // info: http://www.scratchapixel.com/old/lessons/3d-basic-lessons/lesson-7-intersecting-simple-shapes/ray-sphere-intersection/ void intersect_sphere( _in(ray_t) ray, _in(sphere_t) sphere, _inout(hit_t) hit ){ vec3 rc = sphere.origin - ray.origin; float radius2 = sphere.radius * sphere.radius; float tca = dot(rc, ray.direction); // if (tca < 0.) return; float d2 = dot(rc, rc) - tca * tca; if (d2 > radius2) return; float thc = sqrt(radius2 - d2); float t0 = tca - thc; float t1 = tca + thc; if (t0 < 0.) t0 = t1; if (t0 > hit.t) return; vec3 impact = ray.origin + ray.direction * t0; hit.t = t0; hit.material_id = sphere.material; hit.origin = impact; hit.normal = (impact - sphere.origin) / sphere.radius; } // Plane is defined by normal N and distance to origin P0 (which is on the plane itself) // a plane eq is: (P - P0) dot N = 0 // which means that any line on the plane is perpendicular to the plane normal // a ray eq: P = O + tD // substitution and solving for t gives: // t = ((P0 - O) dot N) / (N dot D) void intersect_plane( _in(ray_t) ray, _in(plane_t) p, _inout(hit_t) hit ){ float denom = dot(p.direction, ray.direction); if (denom < 1e-6) return; vec3 P0 = vec3(p.distance, p.distance, p.distance); float t = dot(P0 - ray.origin, p.direction) / denom; if (t < 0. \|\| t > hit.t) return; hit.t = t; hit.material_id = p.material; hit.origin = ray.origin + ray.direction t; hit.normal = faceforward(p.direction, ray.direction, p.direction); } // ---------------------------------------------------------------------------- // Noise function by iq from https://www.shadertoy.com/view/4sfGzS // ---------------------------------------------------------------------------- float hash( _in(float) n ){ return fract(sin(n)753.5453123); } // 2D Random float random (in vec2 st) { return fract(sin(dot(st.xy, vec2(12.9898,78.233))) 43758.5453123); } // 2D Noise based on Morgan McGuire @morgan3d // https://www.shadertoy.com/view/4dS3Wd float noise (in vec2 st) { vec2 i = floor(st); vec2 f = fract(st); // Four corners in 2D of a tile float a = random(i); float b = random(i + vec2(1.0, 0.0)); float c = random(i + vec2(0.0, 1.0)); float d = random(i + vec2(1.0, 1.0)); // Smooth Interpolation // Cubic Hermine Curve. Same as SmoothStep() vec2 u = ff(3.0-2.0f); // u = smoothstep(0.,1.,f); // Mix 4 coorners percentages return mix(a, b, u.x) + (c - a) u.y * (1.0 - u.x) + (d - b) * u.x * u.y; } vec3 hashe(vec2 uv){ uv=400.0; return vec3(noise(uv),noise(uv+100.0),0.0); } float noise_iq( _in(vec3) x ){ vec3 u=cos(x6.28)/6.28+x; float val=noise( (u.xz2.0)); return (val+noise(vec2(u.y+val)))-0.6; } // ---------------------------------------------------------------------------- // Noise function by iq from https://www.shadertoy.com/view/ldl3Dl // ---------------------------------------------------------------------------- vec3 hash_w( _in(vec3) x ){ #if 0 vec3 xx = vec3(dot(x, vec3(127.1, 311.7, 74.7)), dot(x, vec3(269.5, 183.3, 246.1)), dot(x, vec3(113.5, 271.9, 124.6))); return fract(sin(xx)43758.5453123); #else return hashe( (x.xy + vec2(2.0, 1.0)x.z + 0.5) / 256.0).xyz; #endif } // returns closest, second closest, and cell id vec3 noise_w( _in(vec3) x ){ vec3 p = floor(x); vec3 f = fract(x); float id = 0.0; vec2 res = vec2(100.0, 100.0); for (int k = -1; k <= 1; k++) for (int j = -1; j <= 1; j++) for (int i = -1; i <= 1; i++) { vec3 b = vec3(float(i), float(j), float(k)); vec3 r = vec3(b) - f + hash_w(p + b); float d = dot(r, r); if (d < res.x) { id = dot(p + b, vec3(1.0, 57.0, 113.0)); res = vec2(d, res.x); } else if (d < res.y) { res.y = d; } } return vec3(sqrt(res), abs(id)); } // // GLSL textureless classic 3D noise "cnoise", // with an RSL-style periodic variant "pnoise". // Author: Stefan Gustavson (stefan.gustavson@liu.se) // Version: 2011-10-11 // // Many thanks to Ian McEwan of Ashima Arts for the // ideas for permutation and gradient selection. // // Copyright (c) 2011 Stefan Gustavson. All rights reserved. // Distributed under the MIT license. See LICENSE file. // https://github.com/ashima/webgl-noise // vec3 mod289(vec3 x) { return x - floor(x (1.0 / 289.0)) * 289.0; } vec4 mod289(vec4 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec4 permute(vec4 x) { return mod289(((x34.0)+1.0)x); } vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; } vec3 fade(vec3 t) { return ttt(t(t6.0-15.0)+10.0); } // Classic Perlin noise float cnoise(vec3 P) { vec3 Pi0 = floor(P); // Integer part for indexing vec3 Pi1 = Pi0 + vec3(1, 1, 1); // Integer part + 1 Pi0 = mod289(Pi0); Pi1 = mod289(Pi1); vec3 Pf0 = fract(P); // Fractional part for interpolation vec3 Pf1 = Pf0 - vec3(1, 1, 1); // Fractional part - 1.0 vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x); vec4 iy = vec4(Pi0.yy, Pi1.yy); vec4 iz0 = Pi0.zzzz; vec4 iz1 = Pi1.zzzz; vec4 ixy = permute(permute(ix) + iy); vec4 ixy0 = permute(ixy + iz0); vec4 ixy1 = permute(ixy + iz1); vec4 gx0 = ixy0 (1.0 / 7.0); vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5; gx0 = fract(gx0); vec4 gz0 = vec4(.5, .5, .5, .5) - abs(gx0) - abs(gy0); vec4 sz0 = step(gz0, vec4(0, 0, 0, 0)); gx0 -= sz0 * (step(0.0, gx0) - 0.5); gy0 -= sz0 * (step(0.0, gy0) - 0.5); vec4 gx1 = ixy1 * (1.0 / 7.0); vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5; gx1 = fract(gx1); vec4 gz1 = vec4(.5, .5, .5, .5) - abs(gx1) - abs(gy1); vec4 sz1 = step(gz1, vec4(0, 0, 0, 0)); gx1 -= sz1 * (step(0.0, gx1) - 0.5); gy1 -= sz1 * (step(0.0, gy1) - 0.5); vec3 g000 = vec3(gx0.x,gy0.x,gz0.x); vec3 g100 = vec3(gx0.y,gy0.y,gz0.y); vec3 g010 = vec3(gx0.z,gy0.z,gz0.z); vec3 g110 = vec3(gx0.w,gy0.w,gz0.w); vec3 g001 = vec3(gx1.x,gy1.x,gz1.x); vec3 g101 = vec3(gx1.y,gy1.y,gz1.y); vec3 g011 = vec3(gx1.z,gy1.z,gz1.z); vec3 g111 = vec3(gx1.w,gy1.w,gz1.w); vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110))); g000 = norm0.x; g010 = norm0.y; g100 = norm0.z; g110 = norm0.w; vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111))); g001 = norm1.x; g011 = norm1.y; g101 = norm1.z; g111 = norm1.w; float n000 = dot(g000, Pf0); float n100 = dot(g100, vec3(Pf1.x, Pf0.yz)); float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z)); float n110 = dot(g110, vec3(Pf1.xy, Pf0.z)); float n001 = dot(g001, vec3(Pf0.xy, Pf1.z)); float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z)); float n011 = dot(g011, vec3(Pf0.x, Pf1.yz)); float n111 = dot(g111, Pf1); vec3 fade_xyz = fade(Pf0); vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z); vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y); float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x); return 2.2 * n_xyz; } // Classic Perlin noise, periodic variant float pnoise(vec3 P, vec3 rep) { vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period vec3 Pi1 = mod(Pi0 + vec3(1, 1, 1), rep); // Integer part + 1, mod period Pi0 = mod289(Pi0); Pi1 = mod289(Pi1); vec3 Pf0 = fract(P); // Fractional part for interpolation vec3 Pf1 = Pf0 - vec3(1, 1, 1); // Fractional part - 1.0 vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x); vec4 iy = vec4(Pi0.yy, Pi1.yy); vec4 iz0 = Pi0.zzzz; vec4 iz1 = Pi1.zzzz; vec4 ixy = permute(permute(ix) + iy); vec4 ixy0 = permute(ixy + iz0); vec4 ixy1 = permute(ixy + iz1); vec4 gx0 = ixy0 * (1.0 / 7.0); vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5; gx0 = fract(gx0); vec4 gz0 = vec4(.5, .5, .5, .5) - abs(gx0) - abs(gy0); vec4 sz0 = step(gz0, vec4(0, 0, 0, 0)); gx0 -= sz0 * (step(0.0, gx0) - 0.5); gy0 -= sz0 * (step(0.0, gy0) - 0.5); vec4 gx1 = ixy1 * (1.0 / 7.0); vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5; gx1 = fract(gx1); vec4 gz1 = vec4(.5, .5, .5, .5) - abs(gx1) - abs(gy1); vec4 sz1 = step(gz1, vec4(0, 0, 0, 0)); gx1 -= sz1 * (step(0.0, gx1) - 0.5); gy1 -= sz1 * (step(0.0, gy1) - 0.5); vec3 g000 = vec3(gx0.x,gy0.x,gz0.x); vec3 g100 = vec3(gx0.y,gy0.y,gz0.y); vec3 g010 = vec3(gx0.z,gy0.z,gz0.z); vec3 g110 = vec3(gx0.w,gy0.w,gz0.w); vec3 g001 = vec3(gx1.x,gy1.x,gz1.x); vec3 g101 = vec3(gx1.y,gy1.y,gz1.y); vec3 g011 = vec3(gx1.z,gy1.z,gz1.z); vec3 g111 = vec3(gx1.w,gy1.w,gz1.w); vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110))); g000 = norm0.x; g010 = norm0.y; g100 = norm0.z; g110 = norm0.w; vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111))); g001 = norm1.x; g011 = norm1.y; g101 = norm1.z; g111 = norm1.w; float n000 = dot(g000, Pf0); float n100 = dot(g100, vec3(Pf1.x, Pf0.yz)); float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z)); float n110 = dot(g110, vec3(Pf1.xy, Pf0.z)); float n001 = dot(g001, vec3(Pf0.xy, Pf1.z)); float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z)); float n011 = dot(g011, vec3(Pf0.x, Pf1.yz)); float n111 = dot(g111, Pf1); vec3 fade_xyz = fade(Pf0); vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z); vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y); float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x); return 2.2 * n_xyz; } #ifdef NOISE_VALUE #define noise(x) noise_iq(x) #endif #ifdef NOISE_WORLEY #define noise(x) (1. - noise_w(x).r) //#define noise(x) abs( noise_iq(x / 8.) - (1. - (noise_w(x * 2.).r))) #endif #ifdef NOISE_PERLIN #define noise(x) abs(cnoise(x)) #endif // ---------------------------------------------------------------------------- // Fractal Brownian Motion // ---------------------------------------------------------------------------- float fbm( _in(vec3) pos, _in(float) lacunarity ){ vec3 p = pos; float t = 0.51749673 * noise(p); p = lacunarity; t += 0.25584929 noise(p); p = lacunarity; t += 0.12527603 noise(p); p = lacunarity; // t += 0.06255931 noise(p); return t; } #ifdef HLSL Texture3D u_tex_noise : register(t1); SamplerState u_sampler0 : register(s0); #endif float get_noise(_in(vec3) x) { #if 0 return u_tex_noise.Sample(u_sampler0, x); #else return fbm(x, FBM_FREQ); #endif } _constant(vec3) sun_color = vec3(1., .7, .55); _constant(sphere_t) atmosphere = _begin(sphere_t) vec3(0, -450, 0), 500., 0 _end; _constant(sphere_t) atmosphere_2 = _begin(sphere_t) atmosphere.origin, atmosphere.radius + 50., 0 _end; _constant(plane_t) ground = _begin(plane_t) vec3(0., -1., 0.), 0., 1 _end; vec3 render_sky_color( _in(ray_t) eye ){ vec3 rd = eye.direction; float sun_amount = max(dot(rd, SUN_DIR), 0.0); vec3 sky = mix(vec3(.0, .1, .4), vec3(.3, .6, .8), 1.0 - rd.y); sky = sky + sun_color * min(pow(sun_amount, 1500.0) * 5.0, 1.0); sky = sky + sun_color * min(pow(sun_amount, 10.0) * .6, 1.0); return sky; } float density( _in(vec3) pos, _in(vec3) offset, _in(float) t ){ // signal vec3 p = pos * .0212242 + offset; float dens = get_noise(p); float cov = 1. - COVERAGE; //dens = band (.1, .3, .6, dens); //dens = step(cov, dens); //dens -= cov; dens = smoothstep (cov, cov + .05, dens); return clamp(dens, 0., 1.); } float light( _in(vec3) origin ){ const int steps = 8; float march_step = 1.; vec3 pos = origin; vec3 dir_step = SUN_DIR * march_step; float T = 1.; // transmitance for (int i = 0; i < steps; i++) { float dens = density(pos, WIND, 0.); float T_i = exp(-ABSORPTION * dens * march_step); T = T_i; //if (T < .01) break; pos += dir_step; } return T; } vec4 render_clouds( _in(ray_t) eye ){ hit_t hit = no_hit; intersect_sphere(eye, atmosphere, hit); //hit_t hit_2 = no_hit; //intersect_sphere(eye, atmosphere_2, hit_2); const float thickness = THICKNESS; // length(hit_2.origin - hit.origin); //const float r = 1. - ((atmosphere_2.radius - atmosphere.radius) / thickness); int steps = int(STEPS); // +int(32. r); float march_step = thickness / float(steps); vec3 dir_step = eye.direction / eye.direction.y * march_step; vec3 pos = //eye.origin + eye.direction * 100.; hit.origin; float T = 1.; // transmitance vec3 C = vec3(0, 0, 0); // color float alpha = 0.; for (int i = 0; i < steps; i++) { float h = float(i) / float(steps); float dens = density (pos, WIND, h); float T_i = exp(-ABSORPTION * dens * march_step); T = T_i; if (T < .01) break; C += T #ifdef SIMULATE_LIGHT light(pos) * #endif #ifdef FAKE_LIGHT (exp(h) / 1.75) * #endif dens * march_step; alpha += (1. - T_i) * (1. - alpha); pos += dir_step; if (length(pos) > 1e3) break; } return vec4(C, alpha); } vec3 skySample(vec2 fragCoord){ fragColor.rgb=vec3(0.0); vec2 u_res=vec2(600.0); vec2 aspect_ratio = vec2(u_res.x / u_res.y, 1); float fov = tan(radians(45.0)); vec2 point_ndc = fragCoord.xy / u_res.xy; #ifdef HLSL point_ndc.y = 1. - point_ndc.y; #endif vec3 point_cam = vec3((2.0 * point_ndc - 1.0) * aspect_ratio * 0.8, -1.0); #if 0 float n = saturate(get_noise(point_cam)); fragColor = vec4(vec3(n, n, n), 1); return; #endif vec3 col = vec3(0, 0, 0); //mat3 rot = rotate_around_x(abs(sin(u_time / 2.)) * 45.); //sun_dir = mul(rot, sun_dir); vec3 eye = vec3(0, 1., 0); vec3 look_at = vec3(0, 1.6, -1); ray_t eye_ray = get_primary_ray(point_cam, eye, look_at); eye_ray.direction.yz = mul(rotate_2d(+u_mouse.y * .13), eye_ray.direction.yz); eye_ray.direction.xz = mul(rotate_2d(-u_mouse.x * .33), eye_ray.direction.xz); hit_t hit = no_hit; intersect_plane(eye_ray, ground, hit); if (hit.material_id == 1) { vec3 sky = render_sky_color(eye_ray); col = sky(min(eye_ray.direction.y,0.0)/1.5+1.0); } else { #if 1 vec3 sky = render_sky_color(eye_ray); vec4 cld = render_clouds(eye_ray); col = mix(sky, cld.rgb/(0.000001+cld.a), cld.a); #else intersect_sphere(eye_ray, atmosphere, hit); vec3 d = hit.normal; float u = .5 + atan(d.z, d.x) / (2. PI); float v = .5 - asin(d.y) / PI; float cb = checkboard_pattern(vec2(u, v), 50.); col = vec3(cb, cb, cb); #endif } fragColor.rgb=col; return fragColor.rgb; } void main() { vec2 fragCoord= gl_FragCoord.xy; vec2 iResolution=vec2(600.0); // letterbox vec2 uv = fragCoord.xy / iResolution.xy; vec3 p = getPosition(uv).rgb; vec3 n = getNormal(uv); float ao = 0.; float rad = SAMPLE_RAD/p.z; ao = spiralAO(uv, p, n, rad); ao = 1. - ao * INTENSITY; fragColor.rgb=(vec3(texture(iChannel0,uv).rgb)/32767.0)ao+ao0.05; // fragColor.rgb=vec3(ao); if(float(texture(iChannel0,uv).a)/32767.0>-0.001){ fragColor.rgb=skySample(fragCoord.xy)0.75; } fragColor.rgb=1.0; // fragColor.rgb=ACES(fragColor.rgb0.8)1.5; fragColor.a=1.0; } </script> <script id = 'bilateral-shader' type = 'glsl'>#version 300 es precision highp float; precision highp sampler2D; uniform sampler2D iChannel0; uniform float iTime; uniform mat4 camera; uniform vec2 u_mouse; uniform float brightness; out vec4 fragColor; #define SIGMA 5.0 #define BSIGMA 0.09 #define MSIZE 2 float normpdf(in float x, in float sigma) { return 0.39894exp(-0.5xx/(sigmasigma))/sigma; } float normpdf3(in vec3 v, in float sigma) { return 0.39894exp(-0.5dot(v,v)/(sigmasigma))/sigma; } vec3 aces_tonemap(vec3 color){ mat3 m1 = mat3( 0.59719, 0.07512, 0.02840, 0.35458, 0.90834, 0.13383, 0.04823, 0.01566, 0.83777 ); mat3 m2 = mat3( 1.60475, -0.10208, -0.00327, -0.53108, 1.10813, -0.07276, -0.07367, -0.00605, 1.07602 ); vec3 v = m1 color; vec3 a = v * (v + 0.0245786) - 0.000090537; vec3 b = v * (0.983729 * v + 0.4329510) + 0.238081; return pow(clamp(m2 * (a / b), 0.0, 1.0), vec3(1.0 / 2.2)); } const float phi=1.61803398876.2831853071; vec3 tex(vec2 uv){ return texelFetch(iChannel0,ivec2(uv),0).rgb; } void main() { vec2 fragCoord= gl_FragCoord.xy; fragCoord.y=600.0-fragCoord.y; vec2 iResolution=vec2(600.0); vec3 c = texture(iChannel0, (fragCoord.xy / iResolution.xy)).rgb; //declare stuff const int kSize = (MSIZE-1)/2; float kernel[MSIZE]; vec3 final_colour = vec3(0.0); //create the 1-D kernel float Z = 0.0; for (int j = 0; j <= kSize; ++j) { kernel[kSize+j] = kernel[kSize-j] = normpdf(float(j), SIGMA); } vec3 cc; float factor; float bZ = 1.0/normpdf(0.0, BSIGMA); //read out the texels for (int i=-kSize; i <= kSize; ++i) { for (int j=-kSize; j <= kSize; ++j) { cc = texture(iChannel0, (fragCoord.xy+vec2(float(i),float(j))) / iResolution.xy).rgb; factor = normpdf3(cc-c, BSIGMA)bZkernel[kSize+j]kernel[kSize+i]; Z += factor; final_colour += factorcc; } vec2 uv = fragCoord/iResolution.xy; vec3 blu=vec3(0.0); for(float l=0.0;l<80.0;l++){ float sc=(l+0.01)0.5; vec2 off=vec2(sccos(lphi),scsin(lphi)); blu+=(pow(tex(fragCoord+off),vec3(3.0))/(l+6.0))30.0; } blu=0.02; fragColor.rgb=(final_colour/Z)0.7+blu; fragColor.rgb=aces_tonemap(fragColor.rgb0.5brightness)1.6; fragColor.a=1.0; // fragColor = vec4(final_colour/Z, 1.0); } } </script> <script id = 'gen-shader' type = 'glsl'>#version 300 es precision highp float; precision highp sampler2D; uniform sampler2D iChannel0; uniform vec3 chunkPos; out vec4 fragColor; vec3 toPos(float x){ return vec3(mod(x,16.0),mod(floor(x/16.0),16.0),floor(x/256.0)); } float noise3D(vec3 p) { return fract(sin(dot(p ,vec3(12.9898,78.233,128.852))) * 43758.5453)2.0-1.0; } float simplex3D(vec3 p) { float f3 = 1.0/3.0; float s = (p.x+p.y+p.z)f3; int i = int(floor(p.x+s)); int j = int(floor(p.y+s)); int k = int(floor(p.z+s)); float g3 = 1.0/6.0; float t = float((i+j+k))g3; float x0 = float(i)-t; float y0 = float(j)-t; float z0 = float(k)-t; x0 = p.x-x0; y0 = p.y-y0; z0 = p.z-z0; int i1,j1,k1; int i2,j2,k2; if(x0>=y0) { if(y0>=z0){ i1=1; j1=0; k1=0; i2=1; j2=1; k2=0; } // X Y Z order else if(x0>=z0){ i1=1; j1=0; k1=0; i2=1; j2=0; k2=1; } // X Z Y order else { i1=0; j1=0; k1=1; i2=1; j2=0; k2=1; } // Z X Z order } else { if(y0<z0) { i1=0; j1=0; k1=1; i2=0; j2=1; k2=1; } // Z Y X order else if(x0<z0) { i1=0; j1=1; k1=0; i2=0; j2=1; k2=1; } // Y Z X order else { i1=0; j1=1; k1=0; i2=1; j2=1; k2=0; } // Y X Z order } float x1 = x0 - float(i1) + g3; float y1 = y0 - float(j1) + g3; float z1 = z0 - float(k1) + g3; float x2 = x0 - float(i2) + 2.0g3; float y2 = y0 - float(j2) + 2.0g3; float z2 = z0 - float(k2) + 2.0g3; float x3 = x0 - 1.0 + 3.0g3; float y3 = y0 - 1.0 + 3.0g3; float z3 = z0 - 1.0 + 3.0g3; vec3 ijk0 = vec3(i,j,k); vec3 ijk1 = vec3(i+i1,j+j1,k+k1); vec3 ijk2 = vec3(i+i2,j+j2,k+k2); vec3 ijk3 = vec3(i+1,j+1,k+1); vec3 gr0 = normalize(vec3(noise3D(ijk0),noise3D(ijk02.01),noise3D(ijk02.02))); vec3 gr1 = normalize(vec3(noise3D(ijk1),noise3D(ijk12.01),noise3D(ijk12.02))); vec3 gr2 = normalize(vec3(noise3D(ijk2),noise3D(ijk22.01),noise3D(ijk22.02))); vec3 gr3 = normalize(vec3(noise3D(ijk3),noise3D(ijk32.01),noise3D(ijk32.02))); float n0 = 0.0; float n1 = 0.0; float n2 = 0.0; float n3 = 0.0; float t0 = 0.5 - x0x0 - y0y0 - z0z0; if(t0>=0.0) { t0=t0; n0 = t0 t0 * dot(gr0, vec3(x0, y0, z0)); } float t1 = 0.5 - x1x1 - y1y1 - z1z1; if(t1>=0.0) { t1=t1; n1 = t1 * t1 * dot(gr1, vec3(x1, y1, z1)); } float t2 = 0.5 - x2x2 - y2y2 - z2z2; if(t2>=0.0) { t2 = t2; n2 = t2 * t2 * dot(gr2, vec3(x2, y2, z2)); } float t3 = 0.5 - x3x3 - y3y3 - z3z3; if(t3>=0.0) { t3 = t3; n3 = t3 * t3 * dot(gr3, vec3(x3, y3, z3)); } return 96.0(n0+n1+n2+n3); } mat3 rotate( in vec3 v, in float angle) { float c = cos(angle); float s = sin(angle); return mat3(c + (1.0 - c) v.x * v.x, (1.0 - c) * v.x * v.y - s * v.z, (1.0 - c) * v.x * v.z + s * v.y, (1.0 - c) * v.x * v.y + s * v.z, c + (1.0 - c) * v.y * v.y, (1.0 - c) * v.y * v.z - s * v.x, (1.0 - c) * v.x * v.z - s * v.y, (1.0 - c) * v.y * v.z + s * v.x, c + (1.0 - c) * v.z * v.z); } float box( in vec3 p, in vec3 data ){ return max(max(abs(p.x)-data.x,abs(p.y)-data.y),abs(p.z)-data.z); } float arch( vec3 p ) { if(p.y<40.1) p.y += 3.3; vec3 a = vec3( fract(p.x/45.5-.5)-.5, -p.y+40., fract(p.z/32.9-.5)-.5 ); float d = -sqrt( a.ya.y + min(a.xa.x,a.za.z)2000.)+19.5; if (abs(p.x)<28.) d -= 1.; d = max(d, a.y); d = max(d, -a.y-24.); return d.8; } float column1( vec3 p ) { vec3 pp = p; pp.z = mod(p.z, 32.9)-32.9/2.; pp.x = mod(p.x-44., 44.0)-44.0/2.; float d = length(pp.xz) - 4.; d = min(d, box(pp-vec3(0.,40.,0.), vec3(6.,2.,6.))); d = max(d, abs(p.x)-50.); d = max(d, p.y-40.); d = min(d, arch(p)); return d; } float column2( vec3 p ) { float yy = pow(p.y-13., .5)1.2; vec3 pp = p; pp.z = mod(p.z-32.9/2., 65.8)-65.8/2.; pp.x = mod(p.x-44., 44.0)-44.0/2.; float d = length(pp.xz) - 3. + sin(p.yp.y.004+3.8).3; pp.z = mod(p.z+32.9/2., 65.8)-65.8/2.; d = min(d, max(abs(pp.x), abs(pp.z)) - 3.); pp.z = mod(p.z, 32.9)-32.9/2.; float y = pow(p.y-40., .5)1.; d = min(d, box(pp-vec3(0.,40.,0.), vec3(6.-y,3.,6.-y)).8);d = min(d, box(pp-vec3(0.,12.,0.), vec3(4.5,3.,4.5)).8); d = max(d, abs(p.x)-50.); d = max(d, p.y-40.); d = min(d, arch(p)); return d; } float stings( in vec3 p ) { vec3 pp = p; pp.z = mod(p.z, 32.9)-32.9/2.; vec3 ppp = pp; pp = rotate(vec3(0.,0.,1.), .4-sign(p.x)) pp; float d = length(pp.zy-vec2(0.,120.))-1.4; d = max(d, -abs(ppp.x)+16.5); d = min(d, length(pp.zy-vec2(0.,120.))-.3); d = max(d, abs(p.x)-30.); d = max(d, -abs(p.x)+3.); d = max(d, abs(p.z)-60.); return d; } float map( in vec3 p ) { const vec3 dim = vec3(66.2, 77.75, 142.0); const vec3 dim2 = vec3(dim.x-49., 80., dim.z-32.); float d = -box(p-vec3(0.,dim.y, 0.), dim ); d = min(d, column1(p)); d = min(d, column2(p-vec3(0.,60.,0.))); d = min(d, box(p-vec3(0., 67., 0.),vec3(dim2.x+10.,5.,dim2.z+10.))); d = min(d, box(p-vec3(0., 72., 0.),vec3(dim2.x+10.4,.5,dim2.z+10.4))); d = min(d, -p.y+120.); d = max(d, -box(p-vec3(0.,186.,0.), dim2+vec3(-1.,100.,0.))); d = max(d, p.y-dim2.y-100.); vec3 pp = p; // windows on the top pp.z = mod(p.z-32.9/2., 65.8)-65.8/2.; d = max(d, -box(pp-vec3(0.,140.,0.), vec3(dim.x,5.,5.) ) ); pp.z = mod(p.z+32.9/2., 65.8)-65.8/2.; d = max(d, -length(pp.zy-vec2(0.,160.))+4. ); d = min(d, stings(p)); return d; } float fbm(vec3 p) { float f; f = 0.50000simplex3D(p); p = p2.01; f += 0.25000simplex3D(p); p = p2.02; //from iq // f += 0.12500simplex3D(p); p = p2.03; // f += 0.06250simplex3D(p); return f; } float tg(vec3 po){ //return fbm(po/80.0)+(po.y-26.0)/60.0; return map(po3.4-vec3(80.0,2.0,130.0))-0.0; } void main() { vec2 fragCoord= gl_FragCoord.xy; fragColor=vec4(0.0); vec3 pos=toPos(fragCoord.x)+chunkPos; vec3 rayPos=pos; float dat=tg(rayPos); float dep=0.0; for(float i=0.0;i<0.0;i++){ float dis=tg(rayPos+vec3(0.0,dep,0.0)); if(dis>0.0){ break; } dep+=max(-dis/1.2,1.0); } fragColor.r=dat<0.0?clamp(2.0+pow(dep,1.5)/6.0,2.0,4.0):0.0; if(fragColor.r>0.0){ fragColor.r=(fbm(pos/5.0)<0.2)?7.0:8.0; } if(length(toPos(fragCoord.x)-8.0)<3.0&&fragColor.r>0.0){ fragColor.r=1.0; } fragColor.r/=256.0; } </script> <script type="module"> var mouseX=300,pmouseX=300,mouseY=300,pmouseY=300,clicked=false,key={},clickToggle=false; var settings={ sensitivity:1, renderDistance:1, doBloom:true, aoSamples:16, cloudSamples:16, brLevel:1 }; let consol=document.getElementById("consol"); const mainCanvas = document.getElementById("mainCanvas"); const ctx = mainCanvas.getContext("2d"); function debug(a){ consol.textContent+=a+"\n\n"; } var pointerLocked=false; function getPointer() { if (mainCanvas.requestPointerLock) { mainCanvas.requestPointerLock() } } window.addEventListener('mousedown', event => { clicked = true; clickToggle=true; }); window.addEventListener('mouseup', event => { clicked = false; }); window.addEventListener("keydown", (event) => { if((event.shiftKey&&event.key === 'W')\|\|(event.shiftKey&&event.key === 'A')\|\|(event.shiftKey&&event.key === 'S')\|\|(event.shiftKey&&event.key === 'D')) { event.preventDefault(); } key[event.key] = true; }); window.addEventListener("keyup", (event) => { delete key[event.key]; }); window.addEventListener("mousemove", event => { if(!pointerLocked){ pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }else{ mouseX = pmouseX + event.movementXsettings.sensitivity; mouseY = pmouseY + event.movementYsettings.sensitivity; } }); function createShader(gl, type, source) { const shader = gl.createShader(type); gl.shaderSource(shader, source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { console.log(gl.getShaderInfoLog(shader)); } return shader; } function createProgram(gl, vs, fs) { const program = gl.createProgram(); gl.attachShader(program, vs); gl.attachShader(program, fs); gl.linkProgram(program); return program; } const glCanvas = new OffscreenCanvas(600,600), gl = glCanvas.getContext('webgl2'); const genCanvas = new OffscreenCanvas(4096,1), gl2 = genCanvas.getContext('webgl2'); const vertexSource = document.getElementById('vertex-shader').textContent, fragmentSource = document.getElementById('fragment-shader').textContent; const vertexShader = createShader(gl, gl.VERTEX_SHADER, vertexSource), fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource); const program = createProgram(gl, vertexShader, fragmentShader); const camMat = gl.getUniformLocation(program, "camera"); const iTime = gl.getUniformLocation(program, "iTime"); const iChannel0 = gl.getUniformLocation(program,"iChannel0"); let texture0 = gl.createTexture(); const coords = gl.getAttribLocation(program, 'coordinates'); const norms = gl.getAttribLocation(program, 'normal'); const uvs = gl.getAttribLocation(program, 'uv'); gl.useProgram(program); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, texture0); gl.uniform1i(iChannel0, 0); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR); const posBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer); const vertexSource2 = document.getElementById('ppfxDefault').textContent, fragmentSource2 = document.getElementById('ssao-shader').textContent; const vertexShader2 = createShader(gl, gl.VERTEX_SHADER, vertexSource2), fragmentShader2 = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource2); const program2 = createProgram(gl, vertexShader2, fragmentShader2); const aPosition2 = gl.getAttribLocation(program2, 'aPosition') const iTime2 = gl.getUniformLocation(program2, "iTime"); const camAng2 = gl.getUniformLocation(program2, "u_mouse"); const clouds = gl.getUniformLocation(program2, "cloudSamples"); const aos = gl.getUniformLocation(program2, "aoSamples"); const iChannel02 = gl.getUniformLocation(program2,"iChannel0"); let texture02 = gl.createTexture(); const positions2 = new Float32Array([-1, -1, 3, -1, -1, 3]); const posBuffer2 = gl.createBuffer(); gl.useProgram(program2); gl.viewport(0, 0, 600,600); gl.clearColor(0, 0, 0, 1); gl.activeTexture(gl.TEXTURE1); gl.bindTexture(gl.TEXTURE_2D, texture02); gl.uniform1i(iChannel02, 1); const level = 0; const internalFormat = gl.RGBA16I; const border = 0; const format = gl.RGBA_INTEGER; const type = gl.SHORT; const data = null; gl.texImage2D(gl.TEXTURE_2D, level, internalFormat,600, 600, border, format, type, data); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); const fb = gl.createFramebuffer(); gl.bindFramebuffer(gl.FRAMEBUFFER, fb); // attach the texture as the first color attachment const attachmentPoint = gl.COLOR_ATTACHMENT0; gl.framebufferTexture2D( gl.FRAMEBUFFER, attachmentPoint, gl.TEXTURE_2D, texture02, 0); const depthBuffer = gl.createRenderbuffer(); gl.bindRenderbuffer(gl.RENDERBUFFER, depthBuffer); // make a depth buffer and the same size as the targetTexture gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, 600, 600); gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthBuffer); const vertexSource3 = document.getElementById('ppfxDefault').textContent, fragmentSource3 = document.getElementById('bilateral-shader').textContent; const vertexShader3 = createShader(gl, gl.VERTEX_SHADER, vertexSource3), fragmentShader3 = createShader(gl, gl.FRAGMENT_SHADER, fragmentSource3); const program3 = createProgram(gl, vertexShader3, fragmentShader3); const aPosition3 = gl.getAttribLocation(program3, 'aPosition') const iTime3 = gl.getUniformLocation(program3, "iTime"); const camAng3 = gl.getUniformLocation(program3, "u_mouse"); const brightness = gl.getUniformLocation(program3, "brightness"); const iChannel03 = gl.getUniformLocation(program3,"iChannel0"); let texture03 = gl.createTexture(); const positions3 = new Float32Array([-1, -1, 3, -1, -1, 3]); const posBuffer3 = gl.createBuffer(); gl.useProgram(program3); gl.viewport(0, 0, 600,600); gl.clearColor(0, 0, 0, 1); gl.activeTexture(gl.TEXTURE2); gl.bindTexture(gl.TEXTURE_2D, texture03); gl.uniform1i(iChannel03, 2); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); gl.useProgram(program2); gl.activeTexture(gl.TEXTURE1); gl.bindTexture(gl.TEXTURE_2D, texture02); gl.uniform1i(iChannel02, 1); const vertexSource4 = document.getElementById('ppfxDefault').textContent, fragmentSource4 = document.getElementById('gen-shader').textContent; const vertexShader4 = createShader(gl2, gl2.VERTEX_SHADER, vertexSource4), fragmentShader4 = createShader(gl2, gl2.FRAGMENT_SHADER, fragmentSource4); const program4 = createProgram(gl2, vertexShader4, fragmentShader4); const aPosition4 = gl2.getAttribLocation(program4, 'aPosition') const wchunk = gl2.getUniformLocation(program4, "chunkPos"); const iChannel04 = gl2.getUniformLocation(program4,"iChannel0"); let texture04 = gl2.createTexture(); const positions4 = new Float32Array([-1, -1, 3, -1, -1, 3]); const posBuffer4 = gl2.createBuffer(); gl2.useProgram(program4); gl2.viewport(0, 0, 4096,1); gl2.clearColor(0, 0, 0, 1); gl2.clear(gl2.COLOR_BUFFER_BIT \| gl2.DEPTH_BUFFER_BIT); gl2.enableVertexAttribArray(aPosition4); gl2.bindBuffer(gl2.ARRAY_BUFFER, posBuffer4); gl2.bufferData(gl2.ARRAY_BUFFER, positions4, gl2.DYNAMIC_DRAW); gl2.vertexAttribPointer(aPosition4, 2, gl2.FLOAT, false, 0, 0); gl2.activeTexture(gl2.TEXTURE0); gl2.bindTexture(gl2.TEXTURE_2D, texture04); gl2.uniform1i(iChannel04, 0); const level2 = 0; const internalFormat2 = gl.RGBA; const border2 = 0; const format2 = gl.RGBA; const type2 = gl.UNSIGNED_BYTE; const data2 = null; gl2.texImage2D(gl2.TEXTURE_2D, level2, internalFormat2,4096, 1, border2, format2, type2, data2); let fb2 = gl2.createFramebuffer(); // make this the current frame buffer gl2.bindFramebuffer(gl2.FRAMEBUFFER, fb2); // attach the texture to the framebuffer. gl2.framebufferTexture2D( gl2.FRAMEBUFFER, gl2.COLOR_ATTACHMENT0, gl2.TEXTURE_2D, texture04, 0); //Math Utils function length(o){ return Math.sqrt(o.xo.x+o.yo.y+o.zo.z); } function normalize(o){ var len=length(o); return o={x:o.x/len,y:o.y/len,z:o.z/len} } function dot(a,b){ return a.xb.x+a.yb.y+a.zb.z; } function bb(p1x,p1y,p1z,s1x,s1y,s1z,p2x,p2y,p2z,s2x,s2y,s2z){ var ox=(p1x+s1x>=p2x)&&(p2x+s2x>=p1x); var oy=(p1y+s1y>=p2y)&&(p2y+s2y>=p1y); var oz=(p1z+s1z>=p2z)&&(p2z+s2z>=p1z); return ox&&oy&&oz; } function pib(x,y,z,bx,by,bz,sx,sy,sz){ return (x>=bx)&&(y>=by)&&(z>bz)&&(x<=bx+sx)&&(y<=by+sy)&&(z<=bz+sz); } function areObjectsEqual(obj1, obj2) { const keys1 = Object.keys(obj1); const keys2 = Object.keys(obj2); if (keys1.length !== keys2.length) { return false; } for (let key of keys1) { if (obj1[key] !== obj2[key]) { return false; } } return true; } let hashBuffer = new ArrayBuffer(24); let view = new BigUint64Array(hashBuffer); let floatArray = new Float64Array(hashBuffer); function floatsToBigInt(float1, float2, float3) { floatArray[0] = float1; floatArray[1] = float2; floatArray[2] = float3; let hash = BigInt(0); for (const value of view) { hash = (hash << BigInt(64)) \| value; } return hash; } function bigintToFloats(hash) { for (let i = 2; i >= 0; i--) { view[i] = hash; hash >>= BigInt(64); } return new Float64Array(hashBuffer); } class HashMap extends Map{ set(key,wh){ var sd=key.s/256; return super.set(floatsToBigInt(key.x+sd,key.y+sd,key.z+sd),wh); } get(key){ var sd=key.s/256; return (super.get(floatsToBigInt(key.x+sd,key.y+sd,key.z+sd))); } delete(key){ var sd=key.s/256; return super.delete(floatsToBigInt(key.x+sd,key.y+sd,key.z+sd)); } } let frameCount=0; let WOBuffer=new HashMap(); let chunkMeshes=[]; class Player{ constructor(x,y,z){ this.x=x; this.y=y; this.z=z; this.vector={x:this.x,y:this.y,z:this.z}; } update(){ } } var player=new Player(21,2,8); class Camera{ constructor(p,y,r){ this.pitch=p; this.yaw=y; this.roll=r; this.mat=[ Math.cos(this.yaw)Math.cos(this.roll),Math.cos(this.yaw)Math.sin(this.roll),-Math.sin(this.yaw),0, Math.sin(this.pitch)Math.sin(this.yaw)Math.cos(this.roll)-Math.cos(this.pitch)Math.sin(this.roll),Math.sin(this.pitch)Math.sin(this.yaw)Math.sin(this.roll)+Math.cos(this.pitch)Math.cos(this.roll),Math.sin(this.pitch)Math.cos(this.yaw),0, Math.cos(this.pitch)Math.sin(this.yaw)Math.cos(this.roll)+Math.cos(this.pitch)Math.cos(this.roll),Math.cos(this.pitch)Math.sin(this.yaw)Math.sin(this.roll)-Math.sin(this.pitch)Math.cos(this.roll),Math.cos(this.pitch)Math.cos(this.yaw),0,player.x,player.y,player.z,1 ] } update(){ this.mat=[ Math.cos(this.yaw)Math.cos(this.roll),Math.cos(this.yaw)Math.sin(this.roll),-Math.sin(this.yaw),player.x, Math.sin(this.pitch)Math.sin(this.yaw)Math.cos(this.roll)-Math.cos(this.pitch)Math.sin(this.roll),Math.sin(this.pitch)Math.sin(this.yaw)Math.sin(this.roll)+Math.cos(this.pitch)Math.cos(this.roll),Math.sin(this.pitch)Math.cos(this.yaw),player.y, Math.cos(this.pitch)Math.sin(this.yaw)Math.cos(this.roll)+Math.sin(this.pitch)Math.sin(this.roll),Math.cos(this.pitch)Math.sin(this.yaw)Math.sin(this.roll)-Math.sin(this.pitch)Math.cos(this.roll),Math.cos(this.pitch)Math.cos(this.yaw),player.z,player.x,player.y,player.z,1 ] } } var camera=new Camera(0,0,0); function CCDot(x,y,z){ var chunk={x:x+8,y:y+8,z:z+8}; chunk.x-=player.vector.x; chunk.y-=player.vector.y; chunk.z-=player.vector.z; normalize(chunk); return dot(chunk, camera.vector); } function loadPriority(x,y,z){ return Math.abs(player.x-x+8)+Math.abs(player.y-y+8)+Math.abs(player.z-z+8)-Math.sign(CCDot(x,y,z))10000; } let tempBlockData=new Uint8Array(4096); tempBlockData.fill(0); let asdf=new Uint8Array(40964); function generateChunk(x1,y1,z1){ gl2.uniform3f(wchunk, x1,y1,z1); gl2.drawArrays(gl2.TRIANGLES, 0, 3); gl2.readPixels(0, 0, 4096, 1, gl.RGBA, gl.UNSIGNED_BYTE, asdf); for(var i=0;i<4096;i++){ tempBlockData[i]=asdf[i4]; } } function toBlockIndex(x,y,z,x1,y1,z1){ x-=x1; y-=y1; z-=z1; return x+y16+z256; } function loadChunk(x1,y1,z1){ for(var i=0;i<4;i++){ let sca=Math.pow(2,i); let sca2=sca2; for(var x=x1;x<x1+16;x+=sca2){ for(var y=y1;y<y1+16;y+=sca2){ for(var z=z1;z<z1+16;z+=sca2){ let ooo=tempBlockData[toBlockIndex(x,y,z,x1,y1,z1)]; let Ooo=tempBlockData[toBlockIndex(x+sca,y,z,x1,y1,z1)]; let oOo=tempBlockData[toBlockIndex(x,y+sca,z,x1,y1,z1)]; let ooO=tempBlockData[toBlockIndex(x,y,z+sca,x1,y1,z1)] let OOo=tempBlockData[toBlockIndex(x+sca,y+sca,z,x1,y1,z1)] let oOO=tempBlockData[toBlockIndex(x,y+sca,z+sca,x1,y1,z1)] let OoO=tempBlockData[toBlockIndex(x+sca,y,z+sca,x1,y1,z1)] let OOO=tempBlockData[toBlockIndex(x+sca,y+sca,z+sca,x1,y1,z1)] if(ooo==Ooo&&Ooo==oOo&&oOo==ooO&&ooO==OOo&&OOo==oOO&&oOO==OoO&&OoO==OOO){ // WOBuffer.set({x:x,y:y,z:z,s:i},ooo) }else{ WOBuffer.set({x:x,y:y,z:z,s:i},ooo) WOBuffer.set({x:x+sca,y:y,z:z,s:i},Ooo) WOBuffer.set({x:x,y:y+sca,z:z,s:i},oOo) WOBuffer.set({x:x,y:y,z:z+sca,s:i},ooO) WOBuffer.set({x:x+sca,y:y+sca,z:z,s:i},OOo) WOBuffer.set({x:x,y:y+sca,z:z+sca,s:i},oOO) WOBuffer.set({x:x+sca,y:y,z:z+sca,s:i},OoO) WOBuffer.set({x:x+sca,y:y+sca,z:z+sca,s:i},OOO) tempBlockData[toBlockIndex(x,y,z,x1,y1,z1)]=-1; } } } } } } var numChunks=0; var wid=3 var cb=[]; for(var x=0;x<wid;x++){ for(var y=0;y<wid;y++){ for(var z=0;z<5;z++){ cb.push([x16,y16,z16]); numChunks++; } } } const normBuffer = gl.createBuffer(); const uvBuffer = gl.createBuffer(); function updateStack(){ if(frameCount%30==0){ var pClamp={x:Math.floor(player.x/16)16,y:Math.floor(player.y/16)16,z:Math.floor(player.z/16)16} for(var x=-settings.renderDistance;x<=settings.renderDistance;x++){ for(var y=-settings.renderDistance;y<=settings.renderDistance;y++){ for(var z=-settings.renderDistance;z<=settings.renderDistance;z++){ var pos={x:x16,y:y16,z:z16,s:4}; pos.x+=pClamp.x; pos.y+=pClamp.y; pos.z+=pClamp.z; if(!WOBuffer.has(pos)){ loadChunk(pos.x,pos.y,pos.z); } } } } } } function r(x,w){ return Math.floor(x/w)w; } //console.log(uniqueHash,uniqueHash2); // Outputs the unique bigint based on the input floats let positions=[]; let normals=[]; let uvis=[]; let tempObj=[]; var vb=new Float32Array(positions); var nb=new Float32Array(normals); var ub=new Float32Array(uvis); var wp=0; function newImage(l) { var im = document.createElement('img') im.crossOrigin = "anonymous"; im.src = l return im; } var bin=atob(img_goat.split(",")[1]); var len = bin.length; var bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = bin.charCodeAt(i); } var decoder = new ImageDecoder({ data: bytes.buffer, type: "image/png" }); await decoder.tracks.ready; var frame = (await decoder.decode()).image; var bmp = await createImageBitmap(frame); gl.bindTexture(gl.TEXTURE_2D, texture0); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, frame); gl.generateMipmap(gl.TEXTURE_2D); bin=atob(menu_img.split(",")[1]); len = bin.length; bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = bin.charCodeAt(i); } decoder = new ImageDecoder({ data: bytes.buffer, type: "image/png" }); await decoder.tracks.ready; var frame2 = (await decoder.decode()).image; var inMenu=true; for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) window.cancelAnimationFrame(i); var shouldLock=true; var now; var then = performance.now(); var fps = 60; var delta; var interval = 1000 / fps; var draw=function() { now = performance.now(); delta = now - then; if (delta > interval) { then = now - (delta % interval); if(inMenu){ ctx.drawImage(frame2,0,0,600,600); ctx.fillStyle="rgb(10,10,10,0.4)"; ctx.beginPath(); ctx.roundRect(20,160,560,420,20) ctx.fill(); ctx.shadowColor = "rgb(0,0,0)"; var onButton=(mouseX<500&&mouseX>100&&mouseY>200&&mouseY<300); ctx.shadowBlur = 8; if(onButton){ ctx.shadowBlur = 15; if(clickToggle){ inMenu=false; } } ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; ctx.fillStyle="rgb(185,180,180)" ctx.strokeStyle="rgb(105,100,100)" ctx.lineWidth=8; ctx.strokeRect(100,200,400,100); ctx.fillRect(100,200,400,100); ctx.fillStyle="rgb(45,40,40)" ctx.font="40px Monospace"; ctx.textAlign="center"; ctx.fillText("PLAY",300,262); ctx.shadowBlur = 10; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; ctx.fillStyle="rgb(225,220,220)" ctx.font="27px Monospace"; ctx.textAlign="left"; ctx.fillText("This is a beta for now, but you",40,360); ctx.fillText("can subscribe to get updates :)",40,360+38); ctx.shadowBlur = 0; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; }else{ ctx.font="30px Monospace" if(frameCount<numChunks){ generateChunk(cb[frameCount][0],cb[frameCount][1],cb[frameCount][2]) loadChunk(cb[frameCount][0],cb[frameCount][1],cb[frameCount][2]); ctx.fillStyle="rgb(20,30,40)"; ctx.fillRect(0,0,600,600) ctx.textAlign="center"; ctx.fillStyle="rgb(200,210,220)"; ctx.fillText((frameCount+1)+"/"+numChunks,300,300); ctx.font="40px Monospace" ctx.fillText("Chunk Loading:",300,100); ctx.fillStyle="rgb(180,190,220)"; ctx.fillRect(0,550,(frameCount/44)600,50) }else{ if(frameCount==numChunks){ tempObj= Array.from(WOBuffer, ([name, value]) => [...bigintToFloats(name),value]); } if(frameCount<numChunks+100){ for(var j=0;j<tempObj.length/100;j++){ let o=tempObj[j+(wpMath.floor(tempObj.length/100))]; let x=o[0]; let y=o[1]; let z=o[2]; let i=(o[0]%1)256; var blo=o[3]; let sca=Math.pow(2,i); if(blo>=1&&blo<255){ if(!WOBuffer.get({x:x,y:y,z:z-sca,s:i})){ positions.push(x,y,z,x+sca,y,z,x+sca,y+sca,z,x+sca,y+sca,z,x,y+sca,z,x,y,z); uvis.push(sca,0,blo,0,0,blo,0,sca,blo,0,sca,blo,sca,sca,blo,sca,0,blo); normals.push(0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1); } if(!WOBuffer.get({x:x,y:y-sca,z:z,s:i})){ positions.push(x,y,z,x+sca,y,z+sca,x+sca,y,z,x+sca,y,z+sca,x,y,z,x,y,z+sca); uvis.push(sca,0,blo,0,sca,blo,0,0,blo,0,sca,blo,sca,0,blo,sca,sca,blo); normals.push(0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0); } if(!WOBuffer.get({x:x-sca,y:y,z:z,s:i})){ positions.push(x,y,z,x,y+sca,z,x,y+sca,z+sca,x,y+sca,z+sca,x,y,z+sca,x,y,z); uvis.push(0,0,blo,0,sca,blo,sca,sca,blo,sca,sca,blo,sca,0,blo,0,0,blo); normals.push(1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0); } if(!WOBuffer.get({x:x,y:y+sca,z:z,s:i})){ positions.push(x+sca,y+sca,z,x+sca,y+sca,z+sca,x,y+sca,z,x+sca,y+sca,z+sca,x,y+sca,z+sca,x,y+sca,z); uvis.push(0,0,blo,0,sca,blo,sca,0,blo,0,sca,blo,sca,sca,blo,sca,0,blo); normals.push(0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1,0); } if(!WOBuffer.get({x:x+sca,y:y,z:z,s:i})){ positions.push(x+sca,y+sca,z+sca,x+sca,y+sca,z,x+sca,y,z,x+sca,y+sca,z+sca,x+sca,y,z,x+sca,y,z+sca); uvis.push(0,0,blo,sca,0,blo,sca,sca,blo,0,0,blo,sca,sca,blo,0,sca,blo); normals.push(-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0); } if(!WOBuffer.get({x:x,y:y,z:z+sca,s:i})){ positions.push(x+sca,y,z+sca,x,y,z+sca,x+sca,y+sca,z+sca,x,y+sca,z+sca,x+sca,y+sca,z+sca,x,y,z+sca); uvis.push(sca,0,blo,0,0,blo,sca,sca,blo,0,sca,blo,sca,sca,blo,0,0,blo); normals.push(0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1); } } } wp++; ctx.fillStyle="rgb(20,30,40)"; ctx.fillRect(0,0,600,600) ctx.textAlign="center"; ctx.fillStyle="rgb(200,210,220)"; ctx.font="30px Monospace" ctx.fillText(wp+"/100",300,300); ctx.font="40px Monospace" ctx.fillText("Mesh Loading:",300,100); ctx.fillStyle="rgb(180,190,220)"; ctx.fillRect(0,550,(wp/100)600,50) }else{ if(frameCount==numChunks+100){ vb=new Float32Array(positions); nb=new Float32Array(normals); ub=new Float32Array(uvis); } ctx.fillStyle="rgb(105,185,205)" ctx.fillRect(0,0,600,600); var speed=0.6(delta/60); if(key.w){ player.x+=Math.sin(camera.yaw)speed; player.z+=Math.cos(camera.yaw)speed; } if(key.s){ player.x-=Math.sin(camera.yaw)speed; player.z-=Math.cos(camera.yaw)speed; } if(key.a){ player.x-=Math.cos(-camera.yaw)speed; player.z-=Math.sin(-camera.yaw)speed; } if(key.d){ player.x+=Math.cos(-camera.yaw)speed; player.z+=Math.sin(-camera.yaw)speed; } if(key[" "]){ player.y+=speed; } if(key["Shift"]){ player.y-=speed; } var thresh=-600; if(mouseY<thresh){ mouseY=thresh; } thresh=1200; if(mouseY>thresh){ mouseY=thresh; } if(pointerLocked){ camera.pitch=(mouseY-300)/600; camera.yaw=(mouseX-300)/600; camera.update(); } gl.bindFramebuffer(gl.FRAMEBUFFER, fb); gl.bindTexture(gl.TEXTURE_2D, texture0); gl.viewport(0, 0, 600,600); gl.clear(gl.DEPTH_BUFFER_BIT); gl.clearBufferiv(gl.COLOR, 0, [0, 0, 0, 0]); gl.enable(gl.CULL_FACE); gl.cullFace(gl.BACK); gl.enable(gl.DEPTH_TEST); //gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA); gl.useProgram(program); gl.uniformMatrix4fv(camMat,false,camera.mat); gl.uniform1f(iTime,frameCount/120); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer); gl.vertexAttribPointer(coords, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(coords); gl.bufferData(gl.ARRAY_BUFFER, vb, gl.DYNAMIC_DRAW); gl.bindBuffer(gl.ARRAY_BUFFER, normBuffer); gl.vertexAttribPointer(norms, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(norms); gl.bufferData(gl.ARRAY_BUFFER, nb, gl.DYNAMIC_DRAW); gl.bindBuffer(gl.ARRAY_BUFFER, uvBuffer); gl.vertexAttribPointer(uvs, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(uvs); gl.bufferData(gl.ARRAY_BUFFER, ub, gl.DYNAMIC_DRAW); gl.drawArrays(gl.TRIANGLES, 0, (positions.length/3)); gl.useProgram(program2); gl.uniform1f(iTime2,frameCount/120); if(pointerLocked){ gl.uniform2f(camAng2,-mouseX/4.0,mouseY/1.25); } gl.viewport(0, 0, 600,600); gl.bindFramebuffer(gl.FRAMEBUFFER, null); gl.uniform1i(iChannel02, 1); gl.bindTexture(gl.TEXTURE_2D, texture02); gl.clear(gl.COLOR_BUFFER_BIT \| gl.DEPTH_BUFFER_BIT); gl.enableVertexAttribArray(aPosition2); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer2); gl.bufferData(gl.ARRAY_BUFFER, positions2, gl.DYNAMIC_DRAW); gl.vertexAttribPointer(aPosition2, 2, gl.FLOAT, false, 0, 0); gl.drawArrays(gl.TRIANGLES, 0, 3); if(settings.doBloom){ gl.useProgram(program3); gl.bindTexture(gl.TEXTURE_2D, texture03); gl.uniform1i(iChannel03, 2); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, glCanvas); gl.clear(gl.COLOR_BUFFER_BIT \| gl.DEPTH_BUFFER_BIT); gl.drawArrays(gl.TRIANGLES, 0, 3); } ctx.drawImage(glCanvas,0,0,600,600); //ctx.drawImage(frame2,0,0,600,600); gl.uniform1f(brightness,settings.brLevel); gl.useProgram(program2); gl.uniform1f(aos,settings.aoSamples); gl.uniform1f(clouds,settings.cloudSamples); pointerLocked=(document.pointerLockElement!==null) if(!pointerLocked){ var sett=[{text:"Cloud Samples:",mult:2,min:4,max:64}, {text:"SSAO Samples:",mult:2,min:1,max:128}, {text:"Brightness:",mult:1.4143,min:0.5,max:2}, {text:"Mouse Speed:",mult:1.4143,min:0.5,max:2}, {text:"Do Bloom:",mult:-1,min:0.5,max:2}]; ctx.fillStyle="rgb(10,10,10,0.6)"; ctx.beginPath(); ctx.roundRect(20,20,560,560,20) ctx.fill(); ctx.shadowColor = "rgb(0,0,0)"; ctx.shadowBlur = 4; ctx.shadowOffsetX = 1; ctx.shadowOffsetY = 1; ctx.fillStyle="rgb(235,230,230)" ctx.font="50px Monospace"; ctx.textAlign="center"; ctx.fillText("Settings",300,75); ctx.font="25px Monospace"; ctx.textAlign="left"; for(var i=0;i<sett.length;i++){ ctx.fillText(sett[i].text,40,150+i40) var str=["cloudSamples","aoSamples","brLevel","sensitivity","doBloom"]; if(mouseX>298&&mouseX<322&&mouseY>132+i40&&mouseY<155+i40){ if(clickToggle){ shouldLock=false; if(sett[i].mult>0){ var se=settings[str[i]]; if(se>sett[i].min){ settings[str[i]]/=sett[i].mult; } }else{ settings[str[i]]=!settings[str[i]]; } } ctx.fillStyle="rgb(120,120,120)" } ctx.fillText("<",300,150+i40); ctx.fillStyle="rgb(235,230,230)" if(mouseX>298+200&&mouseX<322+200&&mouseY>132+i40&&mouseY<155+i40){ if(clickToggle){ shouldLock=false; if(sett[i].mult>0){ var se=settings[str[i]]; if(se<sett[i].max){ settings[str[i]]=sett[i].mult; } }else{ settings[str[i]]=!settings[str[i]]; } } ctx.fillStyle="rgb(120,120,120)" } ctx.fillText(">",500,150+i40); ctx.fillStyle="rgb(235,230,230)" if(sett[i].mult>0){ ctx.fillText(Math.round(settings[str[i]]10)/10,330,150+i40); }else{ if(settings[str[i]]){ ctx.fillText("ON",330,150+i40); }else{ ctx.fillText("OFF",330,150+i*40); } } } ctx.shadowBlur = 0; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; }else{ } } } if(clickToggle&&shouldLock){ getPointer(); } shouldLock=true; frameCount++; clickToggle=false; pmouseX=mouseX; pmouseY=mouseY; } } window.requestAnimationFrame(draw); } draw(); //<script> </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIfa36e0Cww
Votes	75
Spin-Offs	4
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bearkirb314🐻❄️
Author Name	BearKirb314
Author ID	kaid_375460112550893828689953
Author Profile Access	PUBLIC

Archive Data

Added	7 days ago, 1743478359481
Updated	6 days ago, 1743543163129
Source Deleted	unknown