const maxSteps = 255; const minDist = .1; const maxDist = 70; const epsilon = .0001; var shininess = 50; function mat4(a,b,c,d) { return [ [a.x,a.y,a.z,a.w], [b.x,b.y,b.z,b.w], [c.x,c.y,c.z,c.w], [d.x,d.y,d.z,d.w], ]; } class Vec2 { constructor(x,y) { this.x=x; this.y=y; } } function vec2(x,y) { return new Vec2(x,y); } function sub2d(a,b) { return vec2(a.x-b.x,a.y-b.y); } function divi2d(a,b) { return vec2(a.x/b,a.y/b); } class Vec4 { constructor(x,y,z,w) { this.x=x; this.y=y; this.z=z; this.w=w; } } function vec4(x,y,z,w) { return new Vec4(x,y,z,w); } class Vec3 { constructor(x,y,z) { this.x=x; this.y=y; this.z=z; } } function vec3(x,y,z) { return new Vec3(x,y,z); } function min(a,b) { return Math.min(a,b); } function max(a,b) { return Math.min(a,b); } function sqrt(a) { return Math.sqrt(a); } function clamp(value,minim,maxim) { if(value>=maxim) return maxim; if(value<=minim) return minim; else return value; } function sign(a) { return Math.sign(a); } function tan(a) { return Math.tan(a); } function cos(a) { return Math.cos(a); } function mul(a,b) { return vec3(a.x*b.x,a.y*b.y,a.z*b.z); } function pow(a,b) { return Math.pow(a,b); } function mult(a,b) { return vec3(a.x*b,a.y*b,a.z*b); } function sin(a) { return Math.sin(a); } function radians(a) { return a*(Math.PI/180); } function normalize(a) { var len = length(a); return vec3(a.x/len,a.y/len,a.z/len); } function abs(a) { return Math.abs(a); } function dot(a,b) { return (a.x*b.x+a.y*b.y+a.z*b.z); } function dot2(a) { return dot(a,a); } function cross(a,b) { var res = vec3(); res.x = a.y*b.z-a.z*b.y; res.y = a.z*b.x-a.x*b.z; res.z = a.x*b.y-a.y*b.x; return res; } function getErrorObject(){ try { throw Error('') } catch(err) { return err; } } log=a=>console.log(JSON.stringify(a)); function length() { var a = 0; var args = arguments; for(var i=0;i=end) return end; } return end; } function rayDirection(fieldOfView,size,position) { var xy = sub2d(position,divi2d(size,2)); var z = size.y / tan(radians(fieldOfView)/2); return normalize(vec3(xy.x,xy.y,-z)); } function estimateNormal(p) { return normalize(vec3(sceneSDF(vec3(p.x+epsilon,p.y,p.z))-sceneSDF(vec3(p.x-epsilon,p.y,p.z)),sceneSDF(vec3(p.x,p.y+epsilon,p.z))-sceneSDF(vec3(p.x,p.y-epsilon,p.z)),sceneSDF(vec3(p.x,p.y,p.z+epsilon))-sceneSDF(vec3(p.x,p.y,p.z-epsilon)))); } function reflect(incidentVec,normal) { var out = sub(incidentVec,mult(normal,dot(incidentVec,normal)*2)); return out; } function phongContribForLight(k_d,k_s,alpha,p,eye,lightPos,lightIntensity) { var N = estimateNormal(p); var L = normalize(sub(lightPos,p)); var V = normalize(sub(eye,p)); var R = normalize(reflect(mult(L,-1),N)); var dotLN = dot(L,N); var dotRV = dot(R,V); if (dotLN<0) return vec3(0,0,0); if (dotRV<0) return mul(lightIntensity,mult(k_d,dotLN)); return mul(lightIntensity,add(mult(k_d,dotLN),mult(k_s,pow(dotRV,alpha)))); } class Light { constructor(pos,str) { this.pos=pos; this.str=str; } } function light(pos,str) { return new Light(pos,str); } var lights = [light(vec3(4,4,4),vec3(0,.6,.6)),light(vec3(-4,-4,4),vec3(.6,0,.6))]; function phongIllumination(k_a,k_d,k_s,alpha,p,eye) { const ambientLight = mult(vec3(1,1,1),.5); var color = mul(ambientLight,k_a); for(var i=0;imaxDist-epsilon) return vec4(0,0,0,0); var p = add(eye,mult(worldDir,dist)); var K_a = vec3(.5,.5,.5); var K_d = vec3(1,1,1); var K_s = vec3(1,1,1); var color = phongIllumination(K_a,K_d,K_s,shininess,p,eye); return vec4(color.x,color.y,color.z,1); } function coord(a,b,c) { var co = Math.round(b)*Math.floor(c)+Math.round(a); return co; } function pos(a,b) { var y = Math.floor(a/b); var x = Math.floor(a-y*b); return [x,y]; } function pixel(img,x,y,c) { var data = img.data; if(al) { var fx = Math.floor(x); var fy = Math.floor(y); var sx = Math.ceil(x); var sy = Math.ceil(y); var ux = x-fx; var uy = y-fy; var dx = 1-ux; var dy = 1-uy; if(fx>=0&&fx<=img.width&&fy>=0&&fy<=img.height) { var u = coord(fx,fy,img.width)*4; data[u]=c[0]*(ux+uy)*.5; data[u+1]=c[1]*(ux+uy)*.5; data[u+2]=c[2]*(ux+uy)*.5; data[u+3]=c[3]*(ux+uy)*.5; } if(fx>=0&&fx<=img.width&&sy>=0&&sy<=img.height) { var d = coord(fx,sy,img.width)*4; data[d]=c[0]*(ux+dy)*.5; data[d+1]=c[1]*(ux+dy)*.5; data[d+2]=c[2]*(ux+dy)*.5; data[d+3]=c[3]*(ux+dy)*.5; } if(sx>=0&&sx<=img.width&&fy>=0&&fy<=img.height) { var t = coord(sx,fy,img.width)*4; data[t]=c[0]*(dx+uy)*.5; data[t+1]=c[1]*(dx+uy)*.5; data[t+2]=c[2]*(dx+uy)*.5; data[t+3]=c[3]*(dx+uy)*.5; } if(sx>=0&&sx<=img.width&&sy>=0&&sy<=img.height) { var q = coord(sx,sy,img.width)*4; data[q]=c[0]*(dx+dy)*.5; data[q+1]=c[1]*(dx+dy)*.5; data[q+2]=c[2]*(dx+dy)*.5; data[q+3]=c[3]*(dx+dy)*.5; } } else { if(x>=0&&x<=img.width&&y>=0&&y<=img.height) { var i = coord(x,y,img.width)*4; data[i]=c[0]; data[i+1]=c[1]; data[i+2]=c[2]; data[i+3]=c[3]; } } return data; } var al=false; var quality = .3; var w; var h; var nw = Math.min(innerWidth,innerHeight)/3; var nh = Math.min(innerWidth,innerHeight)/3; var buffer; var smoothing = true; var camP = vec3(0,0,3.5); var playing = true; document.addEventListener("keydown",e=>{ if(e.key==="z") quality+=.01; if(e.key==="x") if(quality-.01>0) quality-=.01; if(e.key==="r") autoAdjust = true; }); var look; var cr=vec3(0,0,0); var t = 0; var f = true; var qlist = []; var extrapush = 1; var aimFPS = 30; var beginQuality = .3; var autoAdjust=false; function rotate3D(v,r) { var tv0=rotate2D(v.x,v.z,r.y); var tv1=rotate2D(v.y,tv0[1],r.x); var tv2=rotate2D(tv1[0],tv0[0],r.z); return vec3(tv2[1],tv2[0],tv1[1]); } function rotate2D(x,z,rad) { var c=cos(rad); var s=sin(rad); return [x*c-z*s,x*s+z*c]; } function testQuality(a) { var m = 50000; var s = -1; for(var i=0;i{ requestAnimationFrame(frame); },1000/fpsc); } imagel=images.length; if(autoAdjust) { if(f) { quality = beginQuality; f=false; } if(t

RayMarcher - SlimeBalls (3D)