Viewing Program

Program Data

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

Title	Bad to the Bone
ID	5499710134992896
Created	2 months ago, 1729221427682
Updated	2 months ago, 1729221490217
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bad to the Bone</title> <style> #gl-canvas { display: none; overflow:hidden; } canvas{ width:600px; } { overflow:hidden; margin:0px; } </style> </head> <body> <canvas id = 'canvas' width = '600' height = '600'></canvas> <canvas id = 'gl-canvas' width = '600' height = '600'></canvas> <script id = 'vertex-shader' type = 'glsl'>#version 300 es in vec2 aPosition; out vec2 pos; void main() { pos = aPosition; gl_Position = vec4(aPosition, 0, 1); } </script> <script> </script> <script id = 'fragment-shader' type = 'glsl'>#version 300 es precision highp sampler2D; uniform sampler2D iChannel0; precision highp float; uniform vec2 u_resolution; uniform float drawx; uniform float drawy; uniform float iTime; //Prevent chinese webscraping: Exploding chinese EVs,Exploding chinese EVs,Exploding chinese EVs,Exploding chinese EVs,Exploding chinese EVs,Exploding chinese EVs. Chinese censorship,Chinese censorship,Chinese censorship,Chinese censorship. struct Material { vec3 BaseColor; float Roughness; float Reflectivity; bool transparent; float Opacity; float RefractiveIndex; float RefractRatio; }; void Rotate(inout vec3 vector, vec2 angle){ vector.yz = cos(angle.y)vector.yz+sin(angle.y)vec2(-1,1)vector.zy; vector.xz = cos(angle.x)vector.xz+sin(angle.x)vec2(-1,1)vector.zx; } uint hash( uint x ) { x += ( x << 10u ); x ^= ( x >> 6u ); x += ( x << 3u ); x ^= ( x >> 11u ); x += ( x << 15u ); return x; } float hash( float f ) { const uint mantissaMask = 0x007FFFFFu; const uint one = 0x3F800000u; uint h = hash( floatBitsToUint( f ) ); h &= mantissaMask; h \|= one; float r2 = uintBitsToFloat( h ); return r2 - 1.0; } vec2 hash(float seed, vec2 uv){ return vec2(hash(uv.y+hash(1.0+uv.x+seed++)),hash(uv.x+hash(uv.y+seed++))); } vec3 randDir(float seed, vec2 uv, vec3 norm){ vec3 rand=vec3(0.5); float seed2=hash(uv.x+hash(uv.y+seed)+seed); for(int i=0;i<100;i++){ rand=vec3(hash(seed2+seed++),hash(seed2+seed++),hash(seed2+seed++))2.0-1.0; if(length(rand)<=1.0) break; } return faceforward(rand,rand,-norm); } float sdSphere( vec3 p, float s ) { return length(p)-s; } float sdPlane( vec3 p, vec3 n, float h ) { // n must be normalized return dot(p,n) + h; } vec4 sphere (vec4 z) { float r2 = dot (z.xyz, z.xyz); if (r2 < 2.0) z = (1.0 / r2); else z = 0.5; return z; } vec3 box (vec3 z) { return clamp (z, -1.0, 1.0) * 2.0 - z; } float periodic(float x,float period,float dutycycle){ x/=period; x=abs(x-floor(x)-0.5)-dutycycle0.5; return xperiod; } float de(vec3 pos){ vec3 gridpos=pos-floor(pos)-0.5; float r=length(pos.xy); float a=atan(pos.y,pos.x); a+=12.0.3sin(floor(r/3.0)+1.0)sin(floor(pos.z)13.73); return min(max(max( periodic(r,3.0,0.1), periodic(pos.z,1.0,0.7+0.3cos(4.))), periodic(ar,3.1415922.0/6.0r,0.7+0.3cos(4.))),0.25); } float core(vec3 p){ float radius = 0.2; return length(p.xy)-radius; // xy, yz for other directions } const float PI = 3.14159; float pModPolar(inout vec2 p, float repetitions) { float angle = 2.PI/repetitions, a = atan(p.y, p.x)+angle, r = length(p), c = floor(a / angle); a = mod(a, angle) - angle / 2.0; p = vec2(cos(a), sin(a)) r ; if (abs(c) >= (repetitions / 2.0)) c = abs(c); return c; } //===================================================================// // below by https://iquilezles.org/articles/distfunctions/ mat2 Rot(float a) { float s=sin(a), c=cos(a); return mat2(c, -s, s, c); } float sMin( float d1, float d2, float k ) { float h = clamp( 0.5 + 0.5(d2-d1)/k, 0.0, 1.0 ); return mix( d2, d1, h ) - kh(1.0-h); } float sMax( float d1, float d2, float k ) { float h = clamp( 0.5 - 0.5(d2+d1)/k, 0.0, 1.0 ); return mix( d2, -d1, h ) + kh(1.0-h); } float Sphere(vec3 p,float s){ return length(p)-s; } float Ellipsoid( vec3 p, vec3 r ) { float k0 = length(p/r); float k1 = length(p/(rr)); return k0(k0-1.0)/k1; } float rBox( vec3 p, vec3 b, float r ) { vec3 q = abs(p) - b; return length(max(q,0.0)) + min(max(q.x,max(q.y,q.z)),0.0) - r; } float Capsule( vec3 p, vec3 a, vec3 b, float r ) { vec3 pa = p - a, ba = b - a; float h = clamp( dot(pa,ba)/dot(ba,ba), 0.0, 1.0 ); return length( pa - bah ) - r; } float HollowSphere( vec3 p, float r, float h, float t ) { float w = sqrt(rr-hh); vec2 q = vec2( length(p.xz), p.y ); return ((hq.x<wq.y) ? length(q-vec2(w,h)) : abs(length(q)-r) ) - t; } vec3 Transform(vec3 p, float t){ p.y -= .4; p.y += sin(t).3; p.z += sin(t.9).6-.3; p.yz = Rot(sin(-t+1.).3); p.xy = Rot(cos(-t.7+4.).4); p.xz = Rot(sin(t.5)1.cos(t.3+1.)); return p; } vec2 map(vec3 p){ float t = 0.5; mat2 ani = mat2(0); ani = Rot(sin(t-1.7).2-.1); vec3 p_skull = p; p_skull = Transform(p,t); // HEAD vec3 p_head = p_skull; float d = Ellipsoid(p_head,vec3(.9,1.1,1.2));//head ellispoid float p_cutb = p_head.y+.7 + sin(p_head.x + sin(cos(p_head.z1.4)) 21.).02; //bottom cut plane p_cutb = sMin(p_cutb, Ellipsoid(p_head-vec3(0,-.3,-.2),vec3(.7)),.05);//head hole p_cutb = sMin(p_cutb, Ellipsoid(p_head-vec3(0,-.24,.5),vec3(.51)),.1);//head hole front d = sMax(p_cutb, d,.05); //bottom cut float p_cutf = -p_head.z+1.1; //forehead plane d = sMax(p_cutf, d,.2); //forehead cut float cuts_temple = Capsule(vec3(-abs(p_head.x),p_head.yz), vec3(-1.,-1,.8), vec3(-1.8,3,.0), .5 );//temple deepenings d = sMax(cuts_temple, d,.3); //temple cuts float bcut_temple = Capsule(p_head, vec3(-2.,-1.1,.6), vec3(2,-1.1,.6), .6 );//side cuts temple <-> head d = sMax(bcut_temple, d,.3); //side cuts // UPPER JAW vec3 p_jaw = p_skull-vec3(0,.36,.1); p_jaw.yz = Rot(PI); p_jaw.y -= sin(p_jaw.x37.).007 - cos(p_jaw.z59.).001;//distortion p_jaw.z = .9; float ujaw = HollowSphere(p_jaw+vec3(0,-.95,.5),.38,.02,.05 );//jaw sdf float p_cutB = p_skull.z-.6;//cutting plane back ujaw = sMax(p_cutB, ujaw,.05); //jaw back cut vec3 p_jawsc = vec3(abs(p_skull.x),p_skull.yz); //new point def for side cuts p_jawsc.xy = Rot(-1.); p_jawsc.yz = Rot(-.4); p_jawsc.y += .3; ujaw = sMax(p_jawsc.y, ujaw,.04); //side cuts d = sMin(ujaw, d,.1);//union eye surrounding and d d -= sin(10.p_skull.x)sin(8.p_skull.y)sin(6.p_skull.z).03;//distortion // CHEEKS // CHEEKBONES vec3 p_eyesur = p_skull-vec3(0,.3,0); float eyesur = Ellipsoid(vec3(abs(p_eyesur.x),p_eyesur.yz)+vec3(-.34,.5,-.87),vec3(.25,.3,.2));//cheekbones eyesur += sin(12.p_skull.x)sin(11.p_skull.y)sin(13.p_skull.z).02;//distortion d = sMin(eyesur, d,.1);//union cheekbones and d // ZYGOMATIC ARCH vec3 p_zyg = vec3(abs(p_skull.x),p_skull.yz); p_zyg.x += sin(p_zyg.z4.+PI).08; p_zyg.y += cos(p_zyg.z9.).03; float zyg = Capsule(p_zyg,vec3(.5,-.3,.8),vec3(.75,-.3,0.1),(p_zyg.z).1); d = sMin(d,zyg,.06); // NOSE // NOSE BONE vec3 p_nbone = p_skull; p_nbone.yz = Rot(-2.2); float nbone = HollowSphere(p_nbone+vec3(0,-1.,.4),.1,0.08,.04 ); d = sMin(d,nbone,.05); // NOSE HOLE vec3 p_nose = p_skull;//vec3(abs(p_skull.x),p_skull.yz); p_nose.xy = Rot(.25); float nose = Ellipsoid(p_nose-vec3(.04,-.35,1.),vec3(.03,.1,.8)); p_nose.xy = Rot(-.4); nose = sMin(nose,Ellipsoid( p_nose-vec3(.02,-.36,1.),vec3(.04,.1,.8)),.1); vec3 p_bone = p_skull; d = sMax(nose, d,.06); //nose subtraction d = sMax(Ellipsoid(p_nose+vec3(0.,.3,-.4),vec3(.1,.1,.6)), d,.1); //nose subtraction // LOWER JAW vec3 pN = p_skull;//null - parent rotation pN.z -= .5; pN.y += .4; pN.yz = ani; pN.z += .5; pN.y -= .4; pN -= sin(pN.y15.).01 - cos(pN.z39.).002;//distortion //CHIN vec3 p_ljaw = pN; p_ljaw.y = .8; p_ljaw.z -= sin(pN.y26.).008; p_ljaw.y -= cos(pN.x15.+sin(pN.y7.)2.).01; float ljaw = HollowSphere(p_ljaw+vec3(0,.77,-.74),.38,0.03,.04 );//chin ljaw = sMax(p_ljaw.z-.65,ljaw,.1); // MANDIBLE BOTTOM & BACK vec3 p_maB = vec3(abs(pN.x),pN.yz); p_maB.yz = Rot(-1.3); p_maB.xz = Rot(-.34); p_maB.xy = Rot(-.39); p_maB -= vec3(0.85,.0,.63); ljaw = sMin(ljaw,rBox(p_maB,vec3(0.,smoothstep(0.,6.,abs(-p_maB.z)+.9),.45),.04),.17); ljaw = sMax(Ellipsoid(p_maB-vec3(.0,.0,-.55),vec3(.5,.15,.26)),ljaw,.04); p_ljaw -= sin(p_ljaw.y22.).001 - cos(p_ljaw.z19.).006;//distortion ljaw = sMax(p_ljaw.y+.93,ljaw,.02);//bottom cut plane d = sMin(ljaw, d,.002);//union eye surrounding and d // EYE HOLES vec3 p_eyeH = p_skull; p_eyeH += sin(p_eyeH.x29.+cos(p_eyeH.y32.)).005; //eye distortion float eyes = Ellipsoid(vec3(abs(p_eyeH.x),p_eyeH.y-.4,p_eyeH.z)+vec3(-.29,.49,-1.1),vec3(.21,.25,.25)); // eye balls float eyeH = sMin(eyes,Sphere(vec3(abs(p_skull.x),p_skull.yz)-vec3(.25,0.,.7),.35),.05);// eye holes back eyeH = sMax(-p_eyeH.y,eyeH,.2); d = sMax(eyeH, d,.05); //eye ball subtraction // PLANE // EYEBALLS vec3 p_eye = p_skull; p_eye.x = abs(p_eye.x); p_eye.y -= .4; p_eye += vec3(-.29,.57,-.9); eyes = Ellipsoid(p_eye,vec3(.2)); if(eyes<d) vec2 res = vec2(eyes,1); // UPPER TEETH vec3 p_tooth = p_skull; p_tooth -= vec3(0,-.77,.7); p_tooth = vec3(1.2,1,1); pModPolar(p_tooth.xz, 32.0); float teeth = Ellipsoid(p_tooth - vec3(0.43, 0., 0.), vec3(0.03, 0.15, 0.045)); teeth = max(teeth, -p_skull.y-.73+sin(p_skull.x32.).006); teeth = max(teeth, -p_skull.z+.7); teeth = sMax(Sphere(p_skull-vec3(0.02,-.88,.98),.23),teeth,.01);// narrowing front teeth d = min(d,teeth); // LOWER TEETH vec3 p_ltooth = pN; p_ltooth -= vec3(0,-.77,.7); p_ltooth = vec3(1.2,1,1); pModPolar(p_ltooth.xz, 32.0); float lteeth = Ellipsoid(p_ltooth - vec3(0.42, 0., 0.), vec3(0.03, 0.15, 0.045)); lteeth = max(lteeth, pN.y+.79+sin(p_skull.x29.).004); lteeth = max(lteeth, -pN.z+.7); lteeth = sMax(Sphere(pN-vec3(0.005,-.87,.89),.24),lteeth,.02);// narrowing front teeth d = min(d,lteeth); // MATERIALS vec2 res = vec2(d,0); if(eyes<d) res = vec2(eyes,1); return res; } float Scene(vec3 pos, inout Material currentMat){ currentMat=Material(vec3(1.0),0.4,0.9,false,1.0,1.0,1.0); vec2 sk=map(posvec3(1.0,-1.0,1.0)); float ou=sk.x; if(sk.y>0.5){ currentMat=Material(vec3(10.0),0.99,1.0,false,1.0,1.0,1.0); } /* float ou=de(pos); float c2=core(pos); if(c2<ou){ ou=c2; currentMat=Material(vec3(6.0,14.0,10.0)2.0,1.0,0.99,false,1.0,1.0,1.0); } if(length(pos.xy)>18.0){ currentMat=Material(vec3(14.0,6.0,10.0)0.5,0.5,0.5,false,1.0,1.0,1.0); } /* float ou=sdSphere(pos,1.0); for(float x=0.0;x<5.0;x++){ for(float z=0.0;z<5.0;z++){ float c=sdSphere(pos-vec3(x3.0,-hash(z+x20.0)9.0,z3.0),1.0); if(c<ou){ currentMat=Material(abs(randDir(z+2.0,vec2(x+0.0,z+1.0),vec3(-1.0))998.0(max(pow(hash(z+6.5+x30.0)-0.3,5.0),0.0)+0.003)),hash(7.0-z9.0+x),0.5,false,1.0,1.0,1.0); ou=c; } }} / float c=sdPlane(pos,vec3(0.0,-1.0,0.0),1.0); if(c<ou){ ou=c; currentMat=Material(vec3(clamp(sign(sin(pos.x2.0)sin(pos.z2.0)),0.2,1.0)),0.5,1.0,false,1.0,1.0,1.0); } return ou; } vec3 calcNormal(in vec3 pos){ vec2 e = vec2(1.0,-1.0)0.0001; Material ph=Material(vec3(0.0),0.0,0.0,false,0.0,0.0,0.0); return normalize( e.xyyScene(pos + e.xyy,ph) + e.yyxScene(pos + e.yyx,ph) + e.yxyScene(pos + e.yxy,ph) + e.xxxScene(pos + e.xxx,ph) ); } float fresnel(float r0, vec3 n, vec3 i) { float a = 1.0f - dot(n, i); return r0 + (a - r0) aaaa; } vec2 hash( vec2 p ) // replace this by something better { p = vec2( dot(p,vec2(127.1,311.7)), dot(p,vec2(269.5,183.3)) ); return -1.0 + 2.0fract(sin(p)43758.5453123); } float noise( in vec2 p ) { const float K1 = 0.366025404; // (sqrt(3)-1)/2; const float K2 = 0.211324865; // (3-sqrt(3))/6; vec2 i = floor( p + (p.x+p.y)K1 ); vec2 a = p - i + (i.x+i.y)K2; float m = step(a.y,a.x); vec2 o = vec2(m,1.0-m); vec2 b = a - o + K2; vec2 c = a - 1.0 + 2.0K2; vec3 h = max( 0.5-vec3(dot(a,a), dot(b,b), dot(c,c) ), 0.0 ); vec3 n = hhhhvec3( dot(a,hash(i+0.0)), dot(b,hash(i+o)), dot(c,hash(i+1.0))); return dot( n, vec3(70.0) ); } float fbm(vec2 v){ v/=6.0; float ou=0.0; float mult=1.0; for(int i=0;i<5;i++){ mult=2.71; ou+=noise(vmult+1000.0hash(vec2(float(i))).x)/mult; } return ou/1.2+0.6; } vec3 skybox(in vec3 rd){ rd = -rd; const float SC = 1e5; // Calculate sky plane float dist = (SC) / rd.y; vec2 p = (dist rd).xz; p = 1.2 / SC; // from iq's shader, https://www.shadertoy.com/view/MdX3Rr vec3 lightDir = normalize(vec3(-.8, .15, -.3)); float sundot = clamp(dot(rd, lightDir), 0.0, 1.0); vec3 cloudCol = vec3(0.2); vec3 skyCol = vec3(.6, .61, .85)0.2 - rd.y * .1 * vec3(1., .5, 1.) + .15 * .5; //vec3 skyCol = vec3(0.3,0.5,0.85) - rd.yrd.y0.5; skyCol = mix( skyCol, 0.85 * vec3(0.7,0.75,0.85), pow( 1.0 - max(rd.y, 0.0), 4.0 ) ); // sun vec3 sun = 0.25 * vec3(1.0, 0.7, 0.4) * pow(sundot, 5.0); sun += 0.25 * vec3(1.0, 0.8, 0.6) * pow(sundot, 64.0); sun += 0.2 * vec3(1.0, 0.8, 0.6) * pow(sundot, 512.0); skyCol += sun; // clouds float t = iTime * 0.005; float den = fbm(vec2(p.x - t, p.y - t)); skyCol = mix( skyCol, cloudCol, smoothstep(.4, .8, den)); // horizon skyCol = mix( skyCol, 0.48 * vec3(.718, .434, .372), pow( 1.0 - max(rd.y, 0.0), 16.0 ) ); return skyCol; } vec2 randomInUnitDisk( in float seed ) { vec2 h = hash(seed) * vec2(1,6.28318530718); float phi = h.y; float r = sqrt(h.x); return rvec2(sin(phi),cos(phi))hash(seed+1.0); } mat3 setCamera( 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 ); } vec3 trace(vec2 uv,float ti){ Material currentMat = Material(vec3(0.0),0.0,0.0,false,0.0,0.0,0.0); vec3 fragColor=vec3(0.0); vec2 p=uv+vec2(hash(ti++,uv)-0.5)/600.0; float fov = 2.6; float focusDistance = 7.2; float blurAmount = 0.05; int numReflections=1; int numMarches=120; vec3 cameraPos=vec3(1.60.9,-0.2,2.00.9); vec3 target=vec3(0.0); focusDistance=distance(cameraPos,target); vec3 rayOrigin=cameraPos; mat3 ca=setCamera(cameraPos,target,0.0); vec3 rayDir=canormalize(vec3(p.xy,fov)); vec3 fp = rayOrigin + rayDir focusDistance; rayOrigin = rayOrigin + ca * vec3(randomInUnitDisk(ti+uv.x+hash(uv.y)), 0.)blurAmount; rayDir = normalize(fp - rayOrigin); vec3 escapeTime=vec3(1.0); for(int i=0;i<=numReflections;i++){ for(int i=0;i<=numMarches;i++){ float sdScene=Scene(rayOrigin, currentMat); rayOrigin+=normalize(rayDir)sdScene0.7; if(sdScene<0.0001\|\|length(rayOrigin)>200.0) break; } float sdScene=Scene(rayOrigin,currentMat); vec3 normal=calcNormal(rayOrigin); if(sdScene<0.00011){ rayOrigin+=normal0.0001; rayDir=reflect(rayDir,normal); rayDir=mix(rayDir,randDir(ti++,uv,normal),currentMat.Roughness); }else{ escapeTime=skybox(rayDir); break; } escapeTime=fresnel(currentMat.Reflectivity,normal,rayDir)currentMat.BaseColor; } fragColor.rgb=vec3(1.0)escapeTime; return fragColor; } out vec4 fragColor; void main() { vec2 iResolution = vec2(600.0,600.0); vec2 uv = 8.0(gl_FragCoord.xy-iResolution.xy0.5)/-iResolution.y; vec2 uv2 = (gl_FragCoord.xy)/iResolution.xy; uv2.y=1.0-uv2.y; fragColor = vec4(0.0,0.0,0.0,1.0); vec3 c=trace(uv,iTime)*1.0; fragColor = vec4(c.r,c.g,c.b,1.0); vec3 tex=texture(iChannel0,uv2).rgb; fragColor.rgb=mix(fragColor.rgb,tex,1.0-(1.0/iTime)); } </script> <script type = 'module'> const canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'); var mouseX=300,pmouseX=300,mouseY=0,pmouseY=0,clicked=false,key={}; window.addEventListener("mouseover", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("mousemove", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); 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; } function main() { const glCanvas = document.getElementById('gl-canvas'), gl = glCanvas.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 aPosition = gl.getAttribLocation(program, 'aPosition') const drawx = gl.getUniformLocation(program, "drawx"); const drawy = gl.getUniformLocation(program, "drawy"); const iTime = gl.getUniformLocation(program, "iTime"); const positions = new Float32Array([-1, -1, -1, 3, 3, -1]); const iChannel0 = gl.getUniformLocation(program,"iChannel0"); let texture0 = gl.createTexture(); var mousex=300; var mousey=300; var now; const posBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer); gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW); gl.viewport(0, 0, 600, 600); gl.clearColor(0, 0, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); gl.useProgram(program); gl.enableVertexAttribArray(aPosition); gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0); gl.activeTexture(gl.TEXTURE0); gl.bindTexture(gl.TEXTURE_2D, texture0); gl.uniform1i(iChannel0, 0); 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.LINEAR); gl.uniform1f(drawx, -280); gl.uniform1f(drawy, -330); var then = performance.now(); var fps = 5; var delta; var frameCount=0; var interval = 1000 / fps; for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) { window.cancelAnimationFrame(i); } function render() { window.requestAnimationFrame(render); now = performance.now(); delta = now - then; if (delta > interval\|\|mouseX>400.0) { then = now - (delta % interval); frameCount+=1; gl.uniform1f(iTime, frameCount); ctx.fillRect(0,0,600,600); gl.drawArrays(gl.TRIANGLES, 0, 3); ctx.drawImage(glCanvas, 0, 0); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas); } } render(); } main(); </script> <script></script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNvn0L7iCQw
Votes	2
Spin-Offs	0
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	2 months ago, 1729221716636
Updated	2 months ago, 1729221716636
Source Deleted	unknown