31:T47e,starDefs = { var s = []; /* .X. XXX .X. */ s.push({width:3, pixels: [[0,1],[1,0],[1,1],[1,2],[2,1]]}) /* X..X .XX. .XX. X..X */ s.push({width:4, pixels: [[0,0],[0,3],[1,1],[1,2],[2,1],[2,2],[3,0],[3,3]]}) /* ..X.. XXXXX .XXX. .X.X. */ s.push({width:5, pixels: [[0,2],[1,0],[1,1],[1,2],[1,3],[1,4],[2,1],[2,2],[2,3],[3,1],[3,3]]}) /* ...X... ..XXX.. XXXXXXX .XXXXX. ..XXX.. .XX.XX. XX...XX */ s.push({width:7, pixels: [[0,3],[1,2],[1,3],[1,4],[2,0],[2,1],[2,2],[2,3],[2,4],[2,5],[2,6],[3,1],[3,2],[3,3],[3,4],[3,5],[4,2],[4,3],[4,4],[5,1],[5,2],[5,4],[5,5],[6,0],[6,1],[6,5],[6,6]]}) /* ...XX... ...XX... XXXXXXXX .XXXXXX. ..XXXX.. .XXXXXX. .XX..XX. XX....XX */ s.push({width:8, pixels: [[0,3],[0,4],[1,3],[1,4],[2,0],[2,1],[2,2],[2,3],[2,4],[2,5],[2,6],[2,7],[3,1],[3,2],[3,3],[3,4],[3,5],[3,6],[4,2],[4,3],[4,4],[4,5],[5,1],[5,2],[5,3],[5,4],[5,5],[5,6],[6,1],[6,2],[6,5],[6,6],[7,0],[7,1],[7,6],[7,7]]}) return s }32:Td57,floydsteinberg = { //* function diffuseError(mydata, r, c, error, factor){ var idx = rowcol2index(r, c, w, h); mydata[idx+0] = Math.max(Math.min(mydata[idx+0] + factor*error.r,255),0); mydata[idx+1] = Math.max(Math.min(mydata[idx+1] + factor*error.g,255),0); mydata[idx+2] = Math.max(Math.min(mydata[idx+2] + factor*error.b,255),0); return(mydata) } //var w = mywidth; //var h = Math.floor(image.height*mywidth/image.width); var context = DOM.context2d(w, h); var imgData = context.createImageData(w, h); var dithered = []; for (var ii=0; ii(1))){ dithered = diffuseError(dithered, myRow+0, myCol+1, quant_error, 7/48); // this is so f***ing cool dithered = diffuseError(dithered, myRow+0, myCol+2, quant_error, 5/48); // dithered = diffuseError(dithered, myRow+1, myCol-2, quant_error, 3/48); // basically we take the error dithered = diffuseError(dithered, myRow+1, myCol-1, quant_error, 5/48); // in how close we came dithered = diffuseError(dithered, myRow+1, myCol+0, quant_error, 7/48); // to approximating true color dithered = diffuseError(dithered, myRow+1, myCol+1, quant_error, 5/48); // and we add dithered = diffuseError(dithered, myRow+1, myCol+2, quant_error, 3/48); // (a portion of) that delta dithered = diffuseError(dithered, myRow+2, myCol-2, quant_error, 1/48); // to the nearby pixels dithered = diffuseError(dithered, myRow+2, myCol-1, quant_error, 3/48); // dithered = diffuseError(dithered, myRow+2, myCol+0, quant_error, 5/48); // how cool is that dithered = diffuseError(dithered, myRow+2, myCol+1, quant_error, 3/48); // dithered = diffuseError(dithered, myRow+2, myCol+2, quant_error, 1/48); // and it works } } // end of pixel by pixel FOR loop // for (var ii=0; ii LabDistance(d3.lab(x), d3.lab(Input)))\n //var diffVec = Palette.map(x => rgbDistance(d3.rgb(x), d3.rgb(Input)))\n var minIndex = d3.minIndex(diffVec);\n return(minIndex)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"function PlotImageData(incoming_rgba_vec){\n \n \n \n //var w = mywidth;\n //var h = image.height*w/image.width;\n // v\n const canvas = DOM.canvas(w, h);\n const context = canvas.getContext(\"2d\");\n canvas.style = \"width: \"+w+\"px;\";\n context.resetTransform();\n // ^\n var imgData = context.createImageData(w, h);\n for (var jj=0; jj