alert("I made this because I am making some advanced shading later on and this is my way of getting all pixels in a path and shading them."); var s = true; var path = []; for(var i=0;i255) color[0]=255; if(color[1]>255) color[1]=255; if(color[2]>255) color[2]=255; return color; } function frame() { c=document.querySelector("canvas"); c.width=innerWidth; c.height=innerHeight; ctx=c.getContext("2d"); //-=-// var img = ctx.createImageData(innerWidth,innerHeight); var pixels = getPixels(path); for(var i=0;isetInterval(frame))(); 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 insidePath(path,x,y) { var count = 0; var x1 = path[path.length-2]; var y1 = path[path.length-1]; var x2 = path[0]; var y2 = path[1]; if((y-y1)*(y-y2)<0&&(xx&&x2>x||(x2-x1)*(y-y1)/(y2-y1)>x-x1)) count++; for(var i=2;ix&&x2>x||(x2-x1)*(y-y1)/(y2-y1)>x-x1)) count++; } return count%2; } 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]) smx = path[i]; if(smy>path[i+1]) smy = path[i+1]; if(bgx

Lights (Shaded Canvas)