alert("Swipe with one finger to add materials, press with two fingers at once to change material, use your right mouse button if you're on a computer."); var w=64; var h=Math.round(w*innerHeight/innerWidth); var arr=new Array(w*h).fill().map(()=>0); normalize=a=>{ var len=Math.hypot(...a); return a.map(x=>x/len); }; function hash(a,b=10) { a%=1000000; b%=1000000; var p=a*a*b*b; var fl=951.135664; p=(p-fl*Math.floor(p/fl))/fl; return Math.max(0,Math.min(1,p)); } for(var i=0;iw/8) continue; arr[x+y*w+Math.round(w/2)+Math.round(h/10)*w]=2; } } var dow; var mo=[0,0]; var brs=Math.round(w/64); var md=2; var dg; var tot="ontouchstart" in document; document.addEventListener("contextmenu",e=>e.preventDefault()); document.addEventListener(tot?"touchstart":"mousedown",e=>{ if((tot?e.touches.length:e.button)===2) { dg=true; setTimeout(()=>dg=false,500); return md=(md+1)%6; } if(e.changedTouches) e=e.changedTouches[0]; setTimeout(()=>{ if(dg) return; dow=true; mo=[e.clientX/(innerWidth/w),e.clientY/(innerHeight/h)]; },100); }); document.addEventListener(tot?"touchmove":"mousemove",e=>{ if(!dow) return; if(e.changedTouches) e=e.changedTouches[0]; mo=[e.clientX/(innerWidth/w),e.clientY/(innerHeight/h)]; }); document.addEventListener(tot?"touchend":"mouseup",()=>{ dow=false; }); var asc=0; lpt=(a,b,c,d,e)=>{ var x=b%c; var y=Math.floor(b/c); var re=[0,0,0]; for(var i=1;i<(c-x);i++) { if(a[i+x+y*c]!==2) break; for(var j=0;j{ [b,c,d,e]=[b,c,d,e].map(x=>Math.round(x)); var dr=[e-c,d-b]; var an=Math.atan2(...dr); var ds=Math.hypot(...dr); var al; for(var i=1;i<=ds;i++) { var nx=b+Math.round(Math.cos(an)*i); var ny=c+Math.round(Math.sin(an)*i); if(a[nx+ny*f]!==0&&an[nx+ny*f]!==h) { al=i-1; break; } } if(al!==undefined) { var cop=JSON.parse(JSON.stringify(a[b+c*f])); a[b+c*f]=0; a[b+Math.round(Math.cos(an)*al)+(c+Math.round(Math.sin(an)*al))*f]=cop; return; } a[d+e*f]=a[b+c*f]; a[b+c*f]=0; return; }; var last; var fps=1000; var as=false; frame=()=>{ var c=document.querySelector("canvas"); [c.width,c.height,ctx]=[innerWidth,innerHeight,c.getContext("2d")]; //-=-// if(!last) last=Date.now()-1000; var delta=Math.max(1,(Date.now()-last)); var average=Math.max(1,(1000/delta)/fps); if(!as) { as=true; } ctx.imageSmoothingEnabled=false; var im=ctx.createImageData(w,h); asc++; for(var i=arr.length;i>=0;i--) { var x=i%w; var y=Math.floor(i/w); if(dow&&Math.hypot(x-mo[0],y-mo[1])x+.05))[1]+1)/2; col=[(1-t)+t*.5,(1-t)+t*.7,(1-t)+t].map(x=>Math.round(x*255)); } else if(arr[i]===1) { var as=Math.round(hash(i*i)*10-5); col=[40+as,40+as,40+as]; } else if(arr[i]===2) { var as=Math.round(hash(i*i*i*i)*20-10); col=[30+as,150+as,255+as]; var ng=1; for(var j=1;jx*.4); if(ds[0]===ds[1]) po[0]+=(Math.floor(Math.random()*2)*2-1); var nc=po.map((a,b)=>Math.round([x,y][b]-a*average)); if(nc[0]>=0&&nc[0]=0&&nc[1]x*.03); if(ds[0]===ds[1]) po[0]+=(Math.floor(Math.random()*2)*2-1); var nc=po.map((a,b)=>Math.round([x,y][b]-a*average)); if(nc[0]>=0&&nc[0]=0&&nc[1]=0&&nx=0&&ny

Pixel Physics (2D)