var viewlength = 125; var fov = Math.PI/2; var angle = 0; var po = []; for(var i=0;i<=Math.PI*2*1.1;i+=Math.PI/8) { var x = 16*Math.pow(Math.sin(i),3)+25; var y = 13*Math.cos(i)-5*Math.cos(i*2)-2*Math.cos(i*3) - Math.cos(4*i)+20; po.push([x,y]); } var ambPow = .2; var lights = [ [-100,-100,100,[255,0,0]], [100,-100,100,[0,0,255]], [0,0,100,[0,255,0]] ]; function shader(x,y,mcolor) { var color = [ambPow,ambPow,ambPow]; for(var i=0;i1) color[0]=1; if(color[1]>1) color[1]=1; if(color[2]>1) color[2]=1; return [color[0]*mcolor[0],color[1]*mcolor[1],color[2]*mcolor[2]]; } function insidePath(point,path) { var x = point[0]; var y = point[1]; var inside = false; for (var i=0,j=path.length-1;iy!==yj>y&&x<(xj-xi)*(y-yi)/(yj-yi)+xi) inside = !inside; } return inside; } function getFactors(path) { var smx = Number.MAX_SAFE_INTEGER; var smy = Number.MAX_SAFE_INTEGER; var bgx = -Number.MAX_SAFE_INTEGER; var bgy = -Number.MAX_SAFE_INTEGER; for(var i=0;ipath[i][0]) smx = path[i][0]; if(smy>path[i][1]) smy = path[i][1]; if(bgxx0&&a[1]>y0&&a[0]c[0]&&dist{ if(e.changedTouches) e=e.changedTouches[0]; posi=[e.clientX-innerWidth/2,e.clientY-innerHeight/2]; }); function invertround(a) { return a%1>.5?Math.floor(a):Math.ceil(a); } function frame() { c=document.querySelector("canvas"); c.width=innerWidth; c.height=innerHeight; ctx=c.getContext("2d"); //-=-// var now = Date.now(); if(!last) last=now; var delta = now-last; angle=Date.now()/1000; lights[0][0]=Math.cos(Date.now()/2000)*100; lights[0][1]=Math.sin(Date.now()/2000)*60; lights[1][0]=Math.cos(Date.now()/2000+Math.PI/1.5)*60; lights[1][1]=Math.sin(Date.now()/2000+Math.PI/1.5)*100; lights[2][0]=Math.cos(Date.now()/2000+Math.PI/1.5*2)*60; lights[2][1]=Math.sin(Date.now()/2000+Math.PI/1.5*2)*80; //angle=Date.now()/1000; var pos = [Math.round(posi[0]),Math.round(posi[1])]; var path = [ [invertround(Math.cos(angle+fov/2)*viewlength)+pos[0], invertround(Math.sin(angle+fov/2)*viewlength)+pos[1]], [invertround(Math.cos(angle-fov/2)*viewlength)+pos[0], invertround(Math.sin(angle-fov/2)*viewlength)+pos[1]], [pos[0], pos[1]]]; ctx.strokeStyle="white"; ctx.translate(c.width/2,c.height/2); ctx.beginPath(); for(var i=0;i

Better 2D RayMarching (Accurate)