class Vec2 { constructor(x,y) { this.x=x; this.y=y; } } function vec2(x,y) { return new Vec2(x,y); } function addi2(a,b) { return vec2(a.x+b,a.y+b); } function mult2(a,b) { return vec2(a.x*b,a.y*b); } function div2(a,b) { return vec2(a.x/b.x,a.y/b.y); } 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); } function addi4(a,b) { return vec4(a.x+b,a.y+b,a.z+b,a.w+b); } 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 mix(x,y,a) { return x*(1-a)+y*a; } function min(a,b) { return Math.min(a,b); } 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 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); } log=a=>console.log(JSON.stringify(a)); function length() { var a=0; var args=arguments; for(var i=0;ieps) { if(flame(p)<0) glowed=true; if(glowed) glow=i/steps; } } return vec4(p.x,p.y,p.z,glow); } function main(position,size){ //var v=add2(mult2(div2(vec2(position.x,position.y),size),2),-1); var v=addi2(mult2(div2(vec2(position.x,position.y),size),2),-1); v.x *= size.x/size.y; var org=vec3(0,-2,4.5); var dir=normalize(vec3(v.x*1.6,-v.y,-1.5)); var limits=.5; var p=(v.x>-limits&&v.x=0&&x<=img.width&&y>=0&&y<=img.height) { var i=coord(x,w-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 w; var h; var quality=.6; var nw=200; var nh=200; function frame() { var now=Date.now(); document.getElementsByClassName("divider")[0].style.height=nh+"px"; var c=document.querySelector("canvas"); c.width=nw; c.height=nh; w=nw*quality; h=nh*quality; ctx=c.getContext("2d"); //-=-// if(quality<.35) ctx.imageSmoothingEnabled=false; time++; var buffer=ctx.createImageData(w,h); for(var x=0;x

RayMarcher - Fire! (3D)