setDelay(1000/fps).
* @param fps
* float frame rate (frames per second)
*/
var setFrameRate = exports.setFrameRate = function setFrameRate(fps) {
if (fps != 0xf) delay = Math.round(100 / fps);
};
/**
* Sets quality of color quantization (conversion of images to the maximum 256
* colors allowed by the GIF specification). Lower values (minimum = 1)
* produce better colors, but slow processing significantly. 10 is the
* default, and produces good color mapping at reasonable speeds. Values
* greater than 20 do not yield significant improvements in speed.
* @param quality
* int greater than 0.
* @return
*/
var setQuality = exports.setQuality = function setQuality(quality) {
if (quality < 1) quality = 1;
sample = quality;
};
/**
* Sets the GIF frame size. The default size is the size of the first frame
* added if this method is not invoked.
* @param w
* int frame width.
* @param h
* int frame width.
*/
var setSize = exports.setSize = function setSize(w, h) {
if (started && !firstFrame) return;
width = w;
height = h;
if (width < 1) width = 320;
if (height < 1) height = 240;
sizeSet = true;
};
/**
* Initiates GIF file creation on the given stream.
* @param os
* OutputStream on which GIF images are written.
* @return false if initial write failed.
*/
var start = exports.start = function start() {
reset();
var ok = true;
closeStream = false;
out = new ByteArray();
try {
out.writeUTFBytes("GIF89a"); // header
} catch (e) {
ok = false;
}
return started = ok;
};
var cont = exports.cont = function cont() {
reset();
var ok = true;
closeStream = false;
out = new ByteArray();
return started = ok;
};
/**
* Analyzes image colors and creates color map.
*/
var analyzePixels = function analyzePixels() {
var len = pixels.length;
var nPix = len / 3;
indexedPixels = [];
var nq = new NeuQuant(pixels, len, sample);
// initialize quantizer
colorTab = nq.process(); // create reduced palette
// map image pixels to new palette
var k = 0;
for (var j = 0; j < nPix; j++) {
var index = nq.map(pixels[k++] & 0xff, pixels[k++] & 0xff, pixels[k++] & 0xff);
usedEntry[index] = true;
indexedPixels[j] = index;
}
pixels = null;
colorDepth = 8;
palSize = 7;
// get closest match to transparent color if specified
if (transparent !== null) {
transIndex = findClosest(transparent);
}
};
/**
* Returns index of palette color closest to c
*/
var findClosest = function findClosest(c) {
if (colorTab === null) return -1;
var r = (c & 0xFF0000) >> 16;
var g = (c & 0x00FF00) >> 8;
var b = (c & 0x0000FF);
var minpos = 0;
var dmin = 256 * 256 * 256;
var len = colorTab.length;
for (var i = 0; i < len;) {
var dr = r - (colorTab[i++] & 0xff);
var dg = g - (colorTab[i++] & 0xff);
var db = b - (colorTab[i] & 0xff);
var d = dr * dr + dg * dg + db * db;
var index = i / 3;
if (usedEntry[index] && (d < dmin)) {
dmin = d;
minpos = index;
}
i++;
}
return minpos;
};
/**
* Extracts image pixels into byte array "pixels
*/
var getImagePixels = function getImagePixels() {
var w = width;
var h = height;
pixels = [];
var data = image;
var count = 0;
for (var i = 0; i < h; i++) {
for (var j = 0; j < w; j++) {
var b = (i * w * 4) + j * 4;
pixels[count++] = data[b];
pixels[count++] = data[b + 1];
pixels[count++] = data[b + 2];
}
}
};
/**
* Writes Graphic Control Extension
*/
var writeGraphicCtrlExt = function writeGraphicCtrlExt() {
out.writeByte(0x21); // extension introducer
out.writeByte(0xf9); // GCE label
out.writeByte(4); // data block size
var transp;
var disp;
if (transparent === null) {
transp = 0;
disp = 0; // dispose = no action
} else {
transp = 1;
disp = 2; // force clear if using transparent color
}
if (dispose >= 0) {
disp = dispose & 7; // user override
}
disp <<= 2;
// packed fields
out.writeByte(0 | // 1:3 reserved
disp | // 4:6 disposal
0 | // 7 user input - 0 = none
transp); // 8 transparency flag
WriteShort(delay); // delay x 1/100 sec
out.writeByte(transIndex); // transparent color index
out.writeByte(0); // block terminator
};
/**
* Writes Comment Extention
*/
var writeCommentExt = function writeCommentExt() {
out.writeByte(0x21); // extension introducer
out.writeByte(0xfe); // comment label
out.writeByte(comment.length); // Block Size (s)
out.writeUTFBytes(comment);
out.writeByte(0); // block terminator
};
/**
* Writes Image Descriptor
*/
var writeImageDesc = function writeImageDesc() {
out.writeByte(0x2c); // image separator
WriteShort(0); // image position x,y = 0,0
WriteShort(0);
WriteShort(width); // image size
WriteShort(height);
// packed fields
if (firstFrame) {
// no LCT - GCT is used for first (or only) frame
out.writeByte(0);
} else {
// specify normal LCT
out.writeByte(0x80 | // 1 local color table 1=yes
0 | // 2 interlace - 0=no
0 | // 3 sorted - 0=no
0 | // 4-5 reserved
palSize); // 6-8 size of color table
}
};
/**
* Writes Logical Screen Descriptor
*/
var writeLSD = function writeLSD() {
// logical screen size
WriteShort(width);
WriteShort(height);
// packed fields
out.writeByte((0x80 | // 1 : global color table flag = 1 (gct used)
0x70 | // 2-4 : color resolution = 7
0x00 | // 5 : gct sort flag = 0
palSize)); // 6-8 : gct size
out.writeByte(0); // background color index
out.writeByte(0); // pixel aspect ratio - assume 1:1
};
/**
* Writes Netscape application extension to define repeat count.
*/
var writeNetscapeExt = function writeNetscapeExt() {
out.writeByte(0x21); // extension introducer
out.writeByte(0xff); // app extension label
out.writeByte(11); // block size
out.writeUTFBytes("NETSCAPE" + "2.0"); // app id + auth code
out.writeByte(3); // sub-block size
out.writeByte(1); // loop sub-block id
WriteShort(repeat); // loop count (extra iterations, 0=repeat forever)
out.writeByte(0); // block terminator
};
/**
* Writes color table
*/
var writePalette = function writePalette() {
out.writeBytes(colorTab);
var n = (3 * 256) - colorTab.length;
for (var i = 0; i < n; i++) out.writeByte(0);
};
var WriteShort = function WriteShort(pValue) {
out.writeByte(pValue & 0xFF);
out.writeByte((pValue >> 8) & 0xFF);
};
/**
* Encodes and writes pixel data
*/
var writePixels = function writePixels() {
var myencoder = new LZWEncoder(width, height, indexedPixels, colorDepth);
myencoder.encode(out);
};
/**
* Retrieves the GIF stream
*/
var stream = exports.stream = function stream() {
return out;
};
var setProperties = exports.setProperties = function setProperties(has_start, is_first) {
started = has_start;
firstFrame = is_first;
};
return exports;
};
/**
* This class handles LZW encoding
* Adapted from Jef Poskanzer's Java port by way of J. M. G. Elliott.
* @author Kevin Weiner (original Java version - kweiner@fmsware.com)
* @author Thibault Imbert (AS3 version - bytearray.org)
* @author Kevin Kwok (JavaScript version - https://github.com/antimatter15/jsgif)
* @version 0.1 AS3 implementation
*/
LZWEncoder = function() {
var exports = {};
var EOF = -1;
var imgW;
var imgH;
var pixAry;
var initCodeSize;
var remaining;
var curPixel;
// GIFCOMPR.C - GIF Image compression routines
// Lempel-Ziv compression based on 'compress'. GIF modifications by
// David Rowley (mgardi@watdcsu.waterloo.edu)
// General DEFINEs
var BITS = 12;
var HSIZE = 5003; // 80% occupancy
// GIF Image compression - modified 'compress'
// Based on: compress.c - File compression ala IEEE Computer, June 1984.
// By Authors: Spencer W. Thomas (decvax!harpo!utah-cs!utah-gr!thomas)
// Jim McKie (decvax!mcvax!jim)
// Steve Davies (decvax!vax135!petsd!peora!srd)
// Ken Turkowski (decvax!decwrl!turtlevax!ken)
// James A. Woods (decvax!ihnp4!ames!jaw)
// Joe Orost (decvax!vax135!petsd!joe)
var n_bits; // number of bits/code
var maxbits = BITS; // user settable max # bits/code
var maxcode; // maximum code, given n_bits
var maxmaxcode = 1 << BITS; // should NEVER generate this code
var htab = [];
var codetab = [];
var hsize = HSIZE; // for dynamic table sizing
var free_ent = 0; // first unused entry
// block compression parameters -- after all codes are used up,
// and compression rate changes, start over.
var clear_flg = false;
// Algorithm: use open addressing double hashing (no chaining) on the
// prefix code / next character combination. We do a variant of Knuth's
// algorithm D (vol. 3, sec. 6.4) along with G. Knott's relatively-prime
// secondary probe. Here, the modular division first probe is gives way
// to a faster exclusive-or manipulation. Also do block compression with
// an adaptive reset, whereby the code table is cleared when the compression
// ratio decreases, but after the table fills. The variable-length output
// codes are re-sized at this point, and a special CLEAR code is generated
// for the decompressor. Late addition: construct the table according to
// file size for noticeable speed improvement on small files. Please direct
// questions about this implementation to ames!jaw.
var g_init_bits;
var ClearCode;
var EOFCode;
// output
// Output the given code.
// Inputs:
// code: A n_bits-bit integer. If == -1, then EOF. This assumes
// that n_bits =< wordsize - 1.
// Outputs:
// Outputs code to the file.
// Assumptions:
// Chars are 8 bits long.
// Algorithm:
// Maintain a BITS character long buffer (so that 8 codes will
// fit in it exactly). Use the VAX insv instruction to insert each
// code in turn. When the buffer fills up empty it and start over.
var cur_accum = 0;
var cur_bits = 0;
var masks = [0x0000, 0x0001, 0x0003, 0x0007, 0x000F, 0x001F, 0x003F, 0x007F, 0x00FF, 0x01FF, 0x03FF, 0x07FF, 0x0FFF, 0x1FFF, 0x3FFF, 0x7FFF, 0xFFFF];
// Number of characters so far in this 'packet'
var a_count;
// Define the storage for the packet accumulator
var accum = [];
var LZWEncoder = exports.LZWEncoder = function LZWEncoder(width, height, pixels, color_depth) {
imgW = width;
imgH = height;
pixAry = pixels;
initCodeSize = Math.max(2, color_depth);
};
// Add a character to the end of the current packet, and if it is 254
// characters, flush the packet to disk.
var char_out = function char_out(c, outs) {
accum[a_count++] = c;
if (a_count >= 254) flush_char(outs);
};
// Clear out the hash table
// table clear for block compress
var cl_block = function cl_block(outs) {
cl_hash(hsize);
free_ent = ClearCode + 2;
clear_flg = true;
output(ClearCode, outs);
};
// reset code table
var cl_hash = function cl_hash(hsize) {
for (var i = 0; i < hsize; ++i) htab[i] = -1;
};
var compress = exports.compress = function compress(init_bits, outs) {
var fcode;
var i; /* = 0 */
var c;
var ent;
var disp;
var hsize_reg;
var hshift;
// Set up the globals: g_init_bits - initial number of bits
g_init_bits = init_bits;
// Set up the necessary values
clear_flg = false;
n_bits = g_init_bits;
maxcode = MAXCODE(n_bits);
ClearCode = 1 << (init_bits - 1);
EOFCode = ClearCode + 1;
free_ent = ClearCode + 2;
a_count = 0; // clear packet
ent = nextPixel();
hshift = 0;
for (fcode = hsize; fcode < 65536; fcode *= 2)
++hshift;
hshift = 8 - hshift; // set hash code range bound
hsize_reg = hsize;
cl_hash(hsize_reg); // clear hash table
output(ClearCode, outs);
outer_loop: while ((c = nextPixel()) != EOF) {
fcode = (c << maxbits) + ent;
i = (c << hshift) ^ ent; // xor hashing
if (htab[i] == fcode) {
ent = codetab[i];
continue;
}
else if (htab[i] >= 0) { // non-empty slot
disp = hsize_reg - i; // secondary hash (after G. Knott)
if (i === 0) disp = 1;
do {
if ((i -= disp) < 0)
i += hsize_reg;
if (htab[i] == fcode) {
ent = codetab[i];
continue outer_loop;
}
} while (htab[i] >= 0);
}
output(ent, outs);
ent = c;
if (free_ent < maxmaxcode) {
codetab[i] = free_ent++; // code -> hashtable
htab[i] = fcode;
}
else cl_block(outs);
}
// Put out the final code.
output(ent, outs);
output(EOFCode, outs);
};
// ----------------------------------------------------------------------------
var encode = exports.encode = function encode(os) {
os.writeByte(initCodeSize); // write "initial code size" byte
remaining = imgW * imgH; // reset navigation variables
curPixel = 0;
compress(initCodeSize + 1, os); // compress and write the pixel data
os.writeByte(0); // write block terminator
};
// Flush the packet to disk, and reset the accumulator
var flush_char = function flush_char(outs) {
if (a_count > 0) {
outs.writeByte(a_count);
outs.writeBytes(accum, 0, a_count);
a_count = 0;
}
};
var MAXCODE = function MAXCODE(n_bits) {
return (1 << n_bits) - 1;
};
// ----------------------------------------------------------------------------
// Return the next pixel from the image
// ----------------------------------------------------------------------------
var nextPixel = function nextPixel() {
if (remaining === 0) return EOF;
--remaining;
var pix = pixAry[curPixel++];
return pix & 0xff;
};
var output = function output(code, outs) {
cur_accum &= masks[cur_bits];
if (cur_bits > 0) cur_accum |= (code << cur_bits);
else cur_accum = code;
cur_bits += n_bits;
while (cur_bits >= 8) {
char_out((cur_accum & 0xff), outs);
cur_accum >>= 8;
cur_bits -= 8;
}
// If the next entry is going to be too big for the code size,
// then increase it, if possible.
if (free_ent > maxcode || clear_flg) {
if (clear_flg) {
maxcode = MAXCODE(n_bits = g_init_bits);
clear_flg = false;
} else {
++n_bits;
if (n_bits == maxbits) maxcode = maxmaxcode;
else maxcode = MAXCODE(n_bits);
}
}
if (code == EOFCode) {
// At EOF, write the rest of the buffer.
while (cur_bits > 0) {
char_out((cur_accum & 0xff), outs);
cur_accum >>= 8;
cur_bits -= 8;
}
flush_char(outs);
}
};
LZWEncoder.apply(this, arguments);
return exports;
};
/*
* NeuQuant Neural-Net Quantization Algorithm
* ------------------------------------------
*
* Copyright (c) 1994 Anthony Dekker
*
* NEUQUANT Neural-Net quantization algorithm by Anthony Dekker, 1994. See
* "Kohonen neural networks for optimal colour quantization" in "Network:
* Computation in Neural Systems" Vol. 5 (1994) pp 351-367. for a discussion of
* the algorithm.
*
* Any party obtaining a copy of these files from the author, directly or
* indirectly, is granted, free of charge, a full and unrestricted irrevocable,
* world-wide, paid up, royalty-free, nonexclusive right and license to deal in
* this software and documentation files (the "Software"), including without
* limitation the rights to use, copy, modify, merge, publish, distribute,
* sublicense, and/or sell copies of the Software, and to permit persons who
* receive copies from any such party to do so, with the only requirement being
* that this copyright notice remain intact.
*/
/*
* This class handles Neural-Net quantization algorithm
* @author Kevin Weiner (original Java version - kweiner@fmsware.com)
* @author Thibault Imbert (AS3 version - bytearray.org)
* @author Kevin Kwok (JavaScript version - https://github.com/antimatter15/jsgif)
* @version 0.1 AS3 implementation
*/
NeuQuant = function() {
var exports = {};
var netsize = 256; /* number of colours used */
/* four primes near 500 - assume no image has a length so large */
/* that it is divisible by all four primes */
var prime1 = 499;
var prime2 = 491;
var prime3 = 487;
var prime4 = 503;
var minpicturebytes = (3 * prime4); /* minimum size for input image */
/*
* Program Skeleton ---------------- [select samplefac in range 1..30] [read
* image from input file] pic = (unsigned char*) malloc(3*width*height);
* initnet(pic,3*width*height,samplefac); learn(); unbiasnet(); [write output
* image header, using writecolourmap(f)] inxbuild(); write output image using
* inxsearch(b,g,r)
*/
/*
* Network Definitions -------------------
*/
var maxnetpos = (netsize - 1);
var netbiasshift = 4; /* bias for colour values */
var ncycles = 100; /* no. of learning cycles */
/* defs for freq and bias */
var intbiasshift = 16; /* bias for fractions */
var intbias = (1 << intbiasshift);
var gammashift = 10; /* gamma = 1024 */
var gamma = (1 << gammashift);
var betashift = 10;
var beta = (intbias >> betashift); /* beta = 1/1024 */
var betagamma = (intbias << (gammashift - betashift));
/* defs for decreasing radius factor */
var initrad = (netsize >> 3); /* for 256 cols, radius starts */
var radiusbiasshift = 6; /* at 32.0 biased by 6 bits */
var radiusbias = (1 << radiusbiasshift);
var initradius = (initrad * radiusbias); /* and decreases by a */
var radiusdec = 30; /* factor of 1/30 each cycle */
/* defs for decreasing alpha factor */
var alphabiasshift = 10; /* alpha starts at 1.0 */
var initalpha = (1 << alphabiasshift);
var alphadec; /* biased by 10 bits */
/* radbias and alpharadbias used for radpower calculation */
var radbiasshift = 8;
var radbias = (1 << radbiasshift);
var alpharadbshift = (alphabiasshift + radbiasshift);
var alpharadbias = (1 << alpharadbshift);
/*
* Types and Global Variables --------------------------
*/
var thepicture; /* the input image itself */
var lengthcount; /* lengthcount = H*W*3 */
var samplefac; /* sampling factor 1..30 */
// typedef int pixel[4]; /* BGRc */
var network; /* the network itself - [netsize][4] */
var netindex = [];
/* for network lookup - really 256 */
var bias = [];
/* bias and freq arrays for learning */
var freq = [];
var radpower = [];
var NeuQuant = exports.NeuQuant = function NeuQuant(thepic, len, sample) {
var i;
var p;
thepicture = thepic;
lengthcount = len;
samplefac = sample;
network = new Array(netsize);
for (i = 0; i < netsize; i++) {
network[i] = new Array(4);
p = network[i];
p[0] = p[1] = p[2] = (i << (netbiasshift + 8)) / netsize;
freq[i] = intbias / netsize; /* 1/netsize */
bias[i] = 0;
}
};
var colorMap = function colorMap() {
var map = [];
var index = new Array(netsize);
for (var i = 0; i < netsize; i++)
index[network[i][3]] = i;
var k = 0;
for (var l = 0; l < netsize; l++) {
var j = index[l];
map[k++] = (network[j][0]);
map[k++] = (network[j][1]);
map[k++] = (network[j][2]);
}
return map;
};
/*
* Insertion sort of network and building of netindex[0..255] (to do after
* unbias)
* -------------------------------------------------------------------------------
*/
var inxbuild = function inxbuild() {
var i;
var j;
var smallpos;
var smallval;
var p;
var q;
var previouscol;
var startpos;
previouscol = 0;
startpos = 0;
for (i = 0; i < netsize; i++) {
p = network[i];
smallpos = i;
smallval = p[1]; /* index on g */
/* find smallest in i..netsize-1 */
for (j = i + 1; j < netsize; j++) {
q = network[j];
if (q[1] < smallval) { /* index on g */
smallpos = j;
smallval = q[1]; /* index on g */
}
}
q = network[smallpos];
/* swap p (i) and q (smallpos) entries */
if (i != smallpos) {
j = q[0];
q[0] = p[0];
p[0] = j;
j = q[1];
q[1] = p[1];
p[1] = j;
j = q[2];
q[2] = p[2];
p[2] = j;
j = q[3];
q[3] = p[3];
p[3] = j;
}
/* smallval entry is now in position i */
if (smallval != previouscol) {
netindex[previouscol] = (startpos + i) >> 1;
for (j = previouscol + 1; j < smallval; j++) netindex[j] = i;
previouscol = smallval;
startpos = i;
}
}
netindex[previouscol] = (startpos + maxnetpos) >> 1;
for (j = previouscol + 1; j < 256; j++) netindex[j] = maxnetpos; /* really 256 */
};
/*
* Main Learning Loop ------------------
*/
var learn = function learn() {
var i;
var j;
var b;
var g;
var r;
var radius;
var rad;
var alpha;
var step;
var delta;
var samplepixels;
var p;
var pix;
var lim;
if (lengthcount < minpicturebytes) samplefac = 1;
alphadec = 30 + ((samplefac - 1) / 3);
p = thepicture;
pix = 0;
lim = lengthcount;
samplepixels = lengthcount / (3 * samplefac);
delta = (samplepixels / ncycles) | 0;
alpha = initalpha;
radius = initradius;
rad = radius >> radiusbiasshift;
if (rad <= 1) rad = 0;
for (i = 0; i < rad; i++) radpower[i] = alpha * (((rad * rad - i * i) * radbias) / (rad * rad));
if (lengthcount < minpicturebytes) step = 3;
else if ((lengthcount % prime1) !== 0) step = 3 * prime1;
else {
if ((lengthcount % prime2) !== 0) step = 3 * prime2;
else {
if ((lengthcount % prime3) !== 0) step = 3 * prime3;
else step = 3 * prime4;
}
}
i = 0;
while (i < samplepixels) {
b = (p[pix + 0] & 0xff) << netbiasshift;
g = (p[pix + 1] & 0xff) << netbiasshift;
r = (p[pix + 2] & 0xff) << netbiasshift;
j = contest(b, g, r);
altersingle(alpha, j, b, g, r);
if (rad !== 0) alterneigh(rad, j, b, g, r); /* alter neighbours */
pix += step;
if (pix >= lim) pix -= lengthcount;
i++;
if (delta === 0) delta = 1;
if (i % delta === 0) {
alpha -= alpha / alphadec;
radius -= radius / radiusdec;
rad = radius >> radiusbiasshift;
if (rad <= 1) rad = 0;
for (j = 0; j < rad; j++) radpower[j] = alpha * (((rad * rad - j * j) * radbias) / (rad * rad));
}
}
};
/*
** Search for BGR values 0..255 (after net is unbiased) and return colour
* index
* ----------------------------------------------------------------------------
*/
var map = exports.map = function map(b, g, r) {
var i;
var j;
var dist;
var a;
var bestd;
var p;
var best;
bestd = 1000; /* biggest possible dist is 256*3 */
best = -1;
i = netindex[g]; /* index on g */
j = i - 1; /* start at netindex[g] and work outwards */
while ((i < netsize) || (j >= 0)) {
if (i < netsize) {
p = network[i];
dist = p[1] - g; /* inx key */
if (dist >= bestd) i = netsize; /* stop iter */
else {
i++;
if (dist < 0) dist = -dist;
a = p[0] - b;
if (a < 0) a = -a;
dist += a;
if (dist < bestd) {
a = p[2] - r;
if (a < 0) a = -a;
dist += a;
if (dist < bestd) {
bestd = dist;
best = p[3];
}
}
}
}
if (j >= 0) {
p = network[j];
dist = g - p[1]; /* inx key - reverse dif */
if (dist >= bestd) j = -1; /* stop iter */
else {
j--;
if (dist < 0) dist = -dist;
a = p[0] - b;
if (a < 0) a = -a;
dist += a;
if (dist < bestd) {
a = p[2] - r;
if (a < 0) a = -a;
dist += a;
if (dist < bestd) {
bestd = dist;
best = p[3];
}
}
}
}
}
return (best);
};
var process = exports.process = function process() {
learn();
unbiasnet();
inxbuild();
return colorMap();
};
/*
* Unbias network to give byte values 0..255 and record position i to prepare
* for sort
* -----------------------------------------------------------------------------------
*/
var unbiasnet = function unbiasnet() {
var i;
var j;
for (i = 0; i < netsize; i++) {
network[i][0] >>= netbiasshift;
network[i][1] >>= netbiasshift;
network[i][2] >>= netbiasshift;
network[i][3] = i; /* record colour no */
}
};
/*
* Move adjacent neurons by precomputed alpha*(1-((i-j)^2/[r]^2)) in
* radpower[|i-j|]
* ---------------------------------------------------------------------------------
*/
var alterneigh = function alterneigh(rad, i, b, g, r) {
var j;
var k;
var lo;
var hi;
var a;
var m;
var p;
lo = i - rad;
if (lo < -1) lo = -1;
hi = i + rad;
if (hi > netsize) hi = netsize;
j = i + 1;
k = i - 1;
m = 1;
while ((j < hi) || (k > lo)) {
a = radpower[m++];
if (j < hi) {
p = network[j++];
try {
p[0] -= (a * (p[0] - b)) / alpharadbias;
p[1] -= (a * (p[1] - g)) / alpharadbias;
p[2] -= (a * (p[2] - r)) / alpharadbias;
} catch (e) {} // prevents 1.3 miscompilation
}
if (k > lo) {
p = network[k--];
try {
p[0] -= (a * (p[0] - b)) / alpharadbias;
p[1] -= (a * (p[1] - g)) / alpharadbias;
p[2] -= (a * (p[2] - r)) / alpharadbias;
} catch (e) {}
}
}
};
/*
* Move neuron i towards biased (b,g,r) by factor alpha
* ----------------------------------------------------
*/
var altersingle = function altersingle(alpha, i, b, g, r) {
/* alter hit neuron */
var n = network[i];
n[0] -= (alpha * (n[0] - b)) / initalpha;
n[1] -= (alpha * (n[1] - g)) / initalpha;
n[2] -= (alpha * (n[2] - r)) / initalpha;
};
/*
* Search for biased BGR values ----------------------------
*/
var contest = function contest(b, g, r) {
/* finds closest neuron (min dist) and updates freq */
/* finds best neuron (min dist-bias) and returns position */
/* for frequently chosen neurons, freq[i] is high and bias[i] is negative */
/* bias[i] = gamma*((1/netsize)-freq[i]) */
var i;
var dist;
var a;
var biasdist;
var betafreq;
var bestpos;
var bestbiaspos;
var bestd;
var bestbiasd;
var n;
bestd = ~ (1 << 31);
bestbiasd = bestd;
bestpos = -1;
bestbiaspos = bestpos;
for (i = 0; i < netsize; i++) {
n = network[i];
dist = n[0] - b;
if (dist < 0) dist = -dist;
a = n[1] - g;
if (a < 0) a = -a;
dist += a;
a = n[2] - r;
if (a < 0) a = -a;
dist += a;
if (dist < bestd) {
bestd = dist;
bestpos = i;
}
biasdist = dist - ((bias[i]) >> (intbiasshift - netbiasshift));
if (biasdist < bestbiasd) {
bestbiasd = biasdist;
bestbiaspos = i;
}
betafreq = (freq[i] >> betashift);
freq[i] -= betafreq;
bias[i] += (betafreq << gammashift);
}
freq[bestpos] += beta;
bias[bestpos] -= betagamma;
return (bestbiaspos);
};
NeuQuant.apply(this, arguments);
return exports;
};
function encode64(input) {
var output = "", i = 0, l = input.length,
key = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
chr1, chr2, chr3, enc1, enc2, enc3, enc4;
while (i < l) {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) enc3 = enc4 = 64;
else if (isNaN(chr3)) enc4 = 64;
output = output + key.charAt(enc1) + key.charAt(enc2) + key.charAt(enc3) + key.charAt(enc4);
}
return output;
}
================================================
FILE: assets/page.html
================================================
{TITLE}
{DESCRIPTION}
================================================ FILE: assets/proc.js ================================================ /* * This file is part of Infinity Grid Generator, view the README.md at https://github.com/mcmonkeyprojects/sd-infinity-grid-generator-script for more information. */ let suppressUpdate = true; let file_extensions_alt = {}; function loadData() { let rawHash = window.location.hash; document.getElementById('x_' + rawData.axes[0].id).click(); document.getElementById('x2_none').click(); document.getElementById('y2_none').click(); let makegif_axis = document.getElementById('makegif_axis'); // rawData.ext/title/description for (var axis of rawData.axes) { // axis.id/title/description for (var val of axis.values) { // val.key/title/description/show let clicktab = getNavValTab(axis.id, val.key); clicktab.addEventListener('click', fillTable); if (!val.show) { setShowVal(axis.id, val.key, false); } } for (var prefix of ['x_', 'y_', 'x2_', 'y2_']) { document.getElementById(prefix + axis.id).addEventListener('click', fillTable); } for (var label of ['x2_none', 'y2_none']) { document.getElementById(label).addEventListener('click', fillTable); } makegif_axis.appendChild(new Option(axis.title, axis.id)); } console.log(`Loaded data for '${rawData.title}'`); document.getElementById('autoScaleImages').addEventListener('change', updateScaling); document.getElementById('stickyNavigation').addEventListener('change', toggleTopSticky); document.getElementById('stickyLabels').addEventListener('change', toggleLabelSticky); document.getElementById('toggle_nav_button').addEventListener('click', updateTitleSticky); document.getElementById('toggle_adv_button').addEventListener('click', updateTitleSticky); document.getElementById('showDescriptions').checked = rawData.defaults.show_descriptions; document.getElementById('autoScaleImages').checked = rawData.defaults.autoscale; document.getElementById('stickyNavigation').checked = rawData.defaults.sticky; document.getElementById('stickyLabels').checked = rawData.defaults.sticky_labels; document.getElementById('score_display').addEventListener('click', fillTable); document.getElementById('score_setting').style.display = typeof getScoreFor == 'undefined' ? 'none' : 'inline-block'; updateStylesToMatchInputs(); for (var axis of ['x', 'y', 'x2', 'y2']) { if (rawData.defaults[axis] != '') { document.getElementById(axis + '_' + rawData.defaults[axis]).click(); } } applyHash(rawHash); suppressUpdate = false; fillTable(); startAutoScroll(); if (rawData.will_run) { setTimeout(checkForUpdates, 5000); } } function getExtension(filePath) { if (filePath in file_extensions_alt) { return file_extensions_alt[filePath]; } return rawData.ext; } /** External callable. */ function fix_video(path) { let ext = getExtension(path); let matches = document.querySelectorAll(`img[data-img_path="${path}"]`); for (let match of matches) { if (ext != 'webm' && ext != 'mp4') { if (!match.src.endsWith(ext)) { match.src = `${path}.${ext}`; } continue; } if (match.tagName == 'VIDEO') { continue; } let video = document.createElement('video'); video.loop = true; video.muted = true; video.autoplay = true; video.classList = match.classList; video.dataset.img_path = match.dataset.img_path; video.onclick = "doPopupFor(this)"; video.onerror = "setImgPlaceholder(this)"; let source = document.createElement('source'); source.src = `${path}.${ext}`; source.type = `video/${ext}`; video.appendChild(source); match.parentElement.replaceChild(video, match); } } function updateStylesToMatchInputs() { toggleTopSticky(); toggleLabelSticky(); } function getAxisById(id) { return rawData.axes.find(axis => axis.id == id); } function getNextAxis(axes, startId) { var next = false; for (var subAxis of axes) { if (subAxis.id == startId) { next = true; } else if (next) { return subAxis; } } return null; } function getSelectedValKey(axis) { for (var subVal of axis.values) { if (window.getComputedStyle(document.getElementById('tab_' + axis.id + '__' + subVal.key)).display != 'none') { return subVal.path; } } return null; } var popoverLastImg = null; function clickRowImage(rows, x, y) { $('#image_info_modal').modal('hide'); var columns = rows[y].getElementsByTagName('td'); columns[x].getElementsByTagName('img')[0].click(); } window.addEventListener('keydown', function(kbevent) { if ($('#image_info_modal').is(':visible')) { if (kbevent.key == 'Escape') { $('#image_info_modal').modal('toggle'); kbevent.preventDefault(); kbevent.stopPropagation(); return false; } var tableElem = document.getElementById('image_table'); var rows = tableElem.getElementsByTagName('tr'); var matchedRow = null; var x = 0, y = 0; for (var row of rows) { var columns = row.getElementsByTagName('td'); for (var column of columns) { var images = column.getElementsByTagName('img'); if (images.length == 1 && images[0] == popoverLastImg) { matchedRow = row; break; } x++; } if (matchedRow != null) { break; } x = 0; y++; } if (matchedRow == null) { return; } if (kbevent.key == 'ArrowLeft') { if (x > 1) { x--; clickRowImage(rows, x, y); } } else if (kbevent.key == 'ArrowRight') { x++; var columns = matchedRow.getElementsByTagName('td'); if (columns.length > x) { clickRowImage(rows, x, y); } } else if (kbevent.key == 'ArrowUp') { if (y > 1) { y--; clickRowImage(rows, x, y); } } else if (kbevent.key == 'ArrowDown') { y++; if (rows.length > y) { clickRowImage(rows, x, y); } } else { return; } kbevent.preventDefault(); kbevent.stopPropagation(); return false; } var elem = document.activeElement; if (!elem.id.startsWith('clicktab_')) { return; } var axisId = elem.id.substring('clicktab_'.length); var splitIndex = axisId.lastIndexOf('__'); axisId = axisId.substring(0, splitIndex); var axis = getAxisById(axisId); if (kbevent.key == 'ArrowLeft') { var tabPage = document.getElementById('tablist_' + axis.id); var tabs = tabPage.getElementsByClassName('nav-link'); var newTab = clickTabAfterActiveTab(Array.from(tabs).reverse()); newTab.focus({ preventScroll: true }); } else if (kbevent.key == 'ArrowRight') { var tabPage = document.getElementById('tablist_' + axis.id); var tabs = tabPage.getElementsByClassName('nav-link'); var newTab = clickTabAfterActiveTab(tabs); newTab.focus({ preventScroll: true }); } else if (kbevent.key == 'ArrowUp') { var next = getNextAxis(Array.from(rawData.axes).reverse(), axisId); if (next != null) { var selectedKey = getSelectedValKey(next); var swapToTab = getNavValTab(next.id, selectedKey); swapToTab.focus({ preventScroll: true }); } } else if (kbevent.key == 'ArrowDown') { var next = getNextAxis(rawData.axes, axisId); if (next != null) { var selectedKey = getSelectedValKey(next); var swapToTab = getNavValTab(next.id, selectedKey); swapToTab.focus({ preventScroll: true }); } } else { return; } kbevent.preventDefault(); kbevent.stopPropagation(); return false; }, true); function escapeHtml(text) { if (typeof text != 'string') { return text; } return text.replaceAll('&', '&').replaceAll('<', '<').replaceAll('>', '>').replaceAll('"', '"').replaceAll("'", '''); } function unescapeHtml(text) { return text.replaceAll('<', '<').replaceAll('>', '>').replaceAll('"', '"').replaceAll(''', "'").replaceAll('&', '&'); } function canShowVal(axis, val) { return document.getElementById(`showval_${axis}__${val}`).checked; } function setShowVal(axis, val, show) { document.getElementById(`showval_${axis}__${val}`).checked = show; getNavValTab(axis, val).classList.toggle('tab_hidden', !show); } function getNavValTab(axis, val) { return document.getElementById(`clicktab_${axis}__${val}`); } function percentToRedGreen(percent) { return `color-mix(in srgb, red, green ${percent}%)`; } let scoreTrackCounter = 0; let scoreUpdates = []; let lastScoreBump = Date.now(); let scoreBumpTracker = null; let scoreMin = 0, scoreMax = 1; function getXAxisContent(x, y, xAxis, yval, x2Axis, x2val, y2Axis, y2val) { let scriptDump = document.getElementById('image_script_dump'); let imgPath = []; let index = 0; for (let subAxis of rawData.axes) { if (subAxis.id == x) { index = imgPath.length; imgPath.push(null); } else if (subAxis.id == y) { imgPath.push(yval.path); } else if (x2Axis != null && subAxis.id == x2Axis.id) { imgPath.push(x2val.path); } else if (y2Axis != null && subAxis.id == y2Axis.id) { imgPath.push(y2val.path); } else { imgPath.push(getSelectedValKey(subAxis)); } } let newContent = ''; let subInd = 0; let scoreDisplay = document.getElementById('score_display').value; for (let xVal of xAxis.values) { subInd++; if (!canShowVal(xAxis.id, xVal.key)) { continue; } imgPath[index] = xVal.path; let slashed = imgPath.join('/'); let ext = getExtension(slashed); let actualUrl = slashed + '.' + ext; let id = scoreTrackCounter++; newContent += `
${Math.round(score * 100)}%
' : (val != null ? '
' : ''); } function fillTable() { if (suppressUpdate) { return; } var x = getCurrentSelectedAxis('x'); var y = getCurrentSelectedAxis('y'); var x2 = getCurrentSelectedAxis('x2'); var y2 = getCurrentSelectedAxis('y2'); console.log('Do fill table, x=' + x + ', y=' + y + ', x2=' + x2 + ', y2=' + y2); var xAxis = getAxisById(x); var yAxis = getAxisById(y); var x2Axis = x2 == 'None' || x2 == x || x2 == y ? null : getAxisById(x2); var y2Axis = y2 == 'None' || y2 == x2 || y2 == x || y2 == y ? null : getAxisById(y2); var table = document.getElementById('image_table'); var newContent = '
'); let text = 'Image: ' + img.alt + (params.length > 1 ? ', parameters:
' + params : '
(parameters hidden)'); modalElem.innerHTML = `
${text}
`;
$('#image_info_modal').modal('toggle');
}
function updateTitleStickyDirect() {
var height = Math.round(document.getElementById('top_nav_bar').getBoundingClientRect().height);
var header = document.getElementById('image_table_header');
if (header.style.top != height + 'px') { // This check is to reduce the odds of the browser yelling at us
header.style.top = height + 'px';
}
}
function updateTitleSticky() {
var header = document.getElementById('image_table_header');
if (!header) {
return;
}
updateHash();
var topBar = document.getElementById('top_nav_bar');
if (!topBar.classList.contains('sticky_top')) {
header.style.top = '0';
return;
}
// client rect is dynamically animated, so, uh, just hack it for now.
// TODO: Actually smooth attachment.
var rate = 50;
for (var time = 0; time <= 500; time += rate) {
setTimeout(updateTitleStickyDirect, time);
}
}
function toggleTopSticky() {
var topBar = document.getElementById('top_nav_bar');
topBar.classList.remove('sticky_top');
if (document.getElementById('stickyNavigation').checked) {
topBar.classList.add('sticky_top');
}
updateTitleSticky();
}
function toggleLabelSticky() {
updateHash();
var table = document.getElementById('image_table');
table.classList.remove('nostickytable');
if (!document.getElementById('stickyLabels').checked) {
table.classList.add('nostickytable');
}
}
function removeGeneratedImages() {
document.getElementById('save_image_output').innerHTML = '';
}
function makeImage(minRow = 0, doClear = true) {
// Preprocess data
var imageTable = document.getElementById('image_table');
var rows = Array.from(imageTable.getElementsByTagName('tr')).filter(e => e.getElementsByTagName('img').length > 0);
var header = document.getElementById('image_table_header');
var headers = Array.from(header.getElementsByTagName('th')).slice(1);
var widest_width = 0;
var total_height = 0;
var columns = 0;
var rowData = [];
var pad_x = 64, pad_y = 64;
let count = 0;
let sizeMult = parseFloat(document.getElementById('makeimage_size').value.replaceAll('x', ''));
for (var row of rows) {
count++;
if (count < minRow) {
continue;
}
var images = Array.from(row.getElementsByTagName('img'));
var real_images = images.filter(i => i.src != 'placeholder.png');
widest_width = Math.max(widest_width, ...real_images.map(i => i.naturalWidth * sizeMult));
var height = Math.max(...real_images.map(i => i.naturalHeight * sizeMult));
var y = pad_y + total_height;
if (total_height + height > 30000) { // 32,767 is max canvas size
setTimeout(() => makeImage(count, false), 100);
break;
}
total_height += height + 1;
columns = Math.max(columns, images.length);
var label = row.getElementsByClassName('axis_label_td')[0];
rowData.push({ row, images, real_images, height, label, y });
}
var holder = document.getElementById('save_image_output');
if (doClear) {
removeGeneratedImages();
}
// Temporary canvas to measure what padding we need
var canvas = new OffscreenCanvas(256, 256);
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.rect(0, 0, canvas.width, canvas.height);
ctx.font = '16px sans';
ctx.textBaseline = 'top';
for (var row of rowData) {
var blocks = row.label.getElementsByTagName('b');
pad_x = Math.max(pad_x, ctx.measureText(blocks[0].textContent).width);
if (blocks.length == 2) {
pad_x = Math.max(pad_x, ctx.measureText(blocks[1].textContent).width);
}
}
pad_x = Math.min(pad_x, widest_width / 2);
pad_x += 5;
canvas = document.createElement('canvas');
canvas.width = (widest_width + 1) * columns + pad_x;
canvas.height = total_height + pad_y;
ctx = canvas.getContext('2d');
// Background
ctx.beginPath();
ctx.rect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#202020';
ctx.fill();
// Secondary color toggling
var doColor = false;
ctx.fillStyle = '#303030';
var grid_x = pad_x;
for (var part of headers) {
if (part.getElementsByTagName('b').length == 2) {
doColor = !doColor;
}
if (doColor) {
ctx.beginPath();
ctx.rect(grid_x, 0, widest_width, pad_y);
ctx.fill();
}
grid_x += widest_width + 1;
}
doColor = false;
for (var row of rowData) {
if (row.label.getElementsByTagName('b').length == 2) {
doColor = !doColor;
}
if (doColor) {
ctx.beginPath();
ctx.rect(0, row.y, pad_x, row.height);
ctx.fill();
}
}
// Grid lines
ctx.fillStyle = '#000000';
for (var row of rowData) {
ctx.beginPath();
ctx.rect(0, row.y, canvas.width, 1);
ctx.fill();
}
grid_x = pad_x - 1;
for (var i = 0; i < columns; i++) {
ctx.beginPath();
ctx.rect(grid_x, 0, 1, canvas.height);
ctx.fill();
grid_x += widest_width + 1;
}
// Text Labels
ctx.font = '16px sans';
ctx.textBaseline = 'top';
ctx.fillStyle = '#ffffff';
ctx.beginPath();
ctx.rect(0, 0, canvas.width, canvas.height);
grid_x = pad_x + 5;
for (var part of headers) {
var blocks = part.getElementsByTagName('b');
if (blocks.length == 2) {
ctx.fillText(blocks[0].textContent, grid_x, 5, widest_width);
ctx.fillText(blocks[1].textContent, grid_x, 25, widest_width);
}
else {
ctx.fillText(blocks[0].textContent, grid_x, 25, widest_width);
}
grid_x += widest_width + 1;
}
function wrap(text, width) {
var words = text.split(' ');
var lines = [];
var line = '';
for (var word of words) {
var newLine = line + word + ' ';
if (ctx.measureText(newLine).width > width) {
lines.push(line);
line = word + ' ';
}
else {
line = newLine;
}
}
lines.push(line);
return lines.join('\n');
}
function writeMultiline(ctx, text, x, y) {
for (var line of text.split('\n')) {
ctx.fillText(line, x, y);
y += 16;
}
}
for (var row of rowData) {
var blocks = row.label.getElementsByTagName('b');
if (blocks.length == 2) {
writeMultiline(ctx, wrap(blocks[0].textContent + "\n" + blocks[1].textContent, widest_width / 2), 5, row.y + 4);
}
else {
writeMultiline(ctx, wrap(blocks[0].textContent, widest_width / 2), 5, row.y + 25);
}
}
// Images
for (var row of rowData) {
var x = pad_x;
for (var image of row.images) {
if (image.src != 'placeholder.png') {
ctx.drawImage(image, x, row.y, image.naturalWidth * sizeMult, image.naturalHeight * sizeMult);
x += widest_width + 1;
}
}
}
var imageType = document.getElementById('makeimage_type').value;
try {
var data = canvas.toDataURL(`image/${imageType}`);
canvas.remove();
var img = new Image();
img.className = 'save_image_output_img';
img.src = data;
holder.appendChild(img);
}
catch (e) {
holder.appendChild(canvas);
canvas.className = 'save_image_output_img';
canvas.style.width = "200px";
canvas.style.height = "200px";
}
$('#save_image_output_modal').modal('show');
}
function makeGif() {
let holder = document.getElementById('save_image_output');
removeGeneratedImages();
let axisId = document.getElementById('makegif_axis').value;
if (axisId == 'x-axis') {
axisId = getCurrentSelectedAxis('x');
}
let sizeMult = parseFloat(document.getElementById('makegif_size').value.replaceAll('x', ''));
let speed = parseFloat(document.getElementById('makegif_speed').value.replaceAll('/s', ''));
let axis = getAxisById(axisId);
let images = [];
let imgPath = [];
let index = 0;
for (let subAxis of rawData.axes) {
if (subAxis.id == axisId) {
index = imgPath.length;
imgPath.push(null);
}
else {
imgPath.push(getSelectedValKey(subAxis));
}
}
for (let val of axis.values) {
if (!canShowVal(axis.id, val.key)) {
continue;
}
imgPath[index] = val.path;
let slashed = imgPath.join('/');
let actualUrl = slashed + '.' + getExtension(slashed);
images.push(actualUrl);
}
if (document.getElementById('makegif_direction').value == 'Backwards') {
images.reverse();
}
let encoder = new GIFEncoder();
encoder.setRepeat(0);
encoder.setDelay(1000 / speed);
encoder.start();
let image1 = new Image();
image1.src = images[0];
image1.decode().then(() => {
let canvas = document.createElement('canvas');
canvas.width = image1.naturalWidth * sizeMult;
canvas.height = image1.naturalHeight * sizeMult;
ctx = canvas.getContext('2d');
ctx.beginPath();
let id = 1;
let image2 = new Image();
let callback = () => {
ctx.drawImage(image2, 0, 0, canvas.width, canvas.height);
encoder.addFrame(ctx);
if (id >= images.length) {
encoder.finish();
let binary_gif = encoder.stream().getData();
let data_url = 'data:image/gif;base64,' + encode64(binary_gif);
let animatedImage = document.createElement('img');
animatedImage.className = 'save_image_output_img';
animatedImage.src = data_url;
image1.remove();
image2.remove();
holder.appendChild(animatedImage);
$('#save_image_output_modal').modal('show');
}
else {
image2 = new Image();
image2.src = images[id];
id++;
image2.decode().then(callback);
}
};
image2.src = images[0];
image2.decode().then(callback);
});
}
function updateHash() {
var hash = `#auto-loc`;
for (let elem of ['showDescriptions', 'autoScaleImages', 'stickyNavigation', 'stickyLabels']) {
hash += `,${document.getElementById(elem).checked}`;
}
for (let val of ['x', 'y', 'x2', 'y2']) {
hash += `,${encodeURIComponent(getCurrentSelectedAxis(val))}`;
}
for (let subAxis of rawData.axes) {
hash += `,${encodeURIComponent(getSelectedValKey(subAxis))}`;
}
for (let axis of rawData.axes) {
for (let value of axis.values) {
if (!canShowVal(axis.id, value.key)) {
hash += `&hide=${encodeURIComponent(axis.id)},${encodeURIComponent(value.key)}`;
}
}
}
history.pushState(null, null, hash);
}
function applyHash(hash) {
if (!hash) {
return;
}
let params = hash.substring(1).split('&');
for (let hidden of params.slice(1)) {
let [action, value] = hidden.split('=');
if (action == 'hide') {
let [axis, val] = value.split(',');
setShowVal(axis, val, false);
}
}
let hashInputs = params[0].split(',');
let expectedLen = 1 + 4 + 4 + rawData.axes.length;
if (hashInputs.length != expectedLen) {
console.log(`Hash length mismatch: ${hashInputs.length} != ${expectedLen}, skipping value reload.`);
return;
}
if (hashInputs[0] != 'auto-loc') {
console.log(`Hash prefix mismatch: ${hashInputs[0]} != auto-loc, skipping value reload.`);
return;
}
let index = 1;
for (let elem of ['showDescriptions', 'autoScaleImages', 'stickyNavigation', 'stickyLabels']) {
document.getElementById(elem).checked = hashInputs[index++] == 'true';
}
for (let axis of ['x', 'y', 'x2', 'y2']) {
let id = axis + '_' + decodeURIComponent(hashInputs[index++]);
let target = document.getElementById(id);
if (!target) {
console.log(`Axis element not found: ${id}, skipping value reload.`);
return;
}
target.click();
}
for (let subAxis of rawData.axes) {
let val = decodeURIComponent(hashInputs[index++]);
let target = getNavValTab(subAxis.id, val);
if (!target) {
console.log(`Axis-value element not found: ${id}, skipping value reload.`);
return;
}
target.click();
}
updateStylesToMatchInputs();
}
let lastUpdateObj = null;
let updateCheckCount = 0;
let updatesWithoutData = 0;
function tryReloadImg(img) {
let target = img.dataset.errored_src;
delete img.dataset.errored_src;
img.removeAttribute('width');
img.removeAttribute('height');
img.addEventListener('error', function() {
setImgPlaceholder(img);
});
img.src = target;
if (typeof getMetadataScriptFor != 'undefined') {
let newScr = document.createElement('script');
newScr.src = getMetadataScriptFor(img.dataset.img_path);
document.getElementById('image_script_dump').appendChild(newScr);
}
}
function checkForUpdates() {
if (!window.lastUpdated) {
if (updatesWithoutData++ > 2) {
console.log('Update-checker has no more updates.');
for (let img of document.querySelectorAll(`img[data-errored_src]`)) {
tryReloadImg(img);
}
return;
}
}
else {
console.log(`Update-checker found ${window.lastUpdated.length} updates.`);
for (let url of window.lastUpdated) {
for (let img of document.querySelectorAll(`img[data-errored_src]`)) {
if (img.dataset.errored_src.endsWith(url)) {
tryReloadImg(img);
}
}
}
updateScaling();
window.lastUpdated = null;
}
if (lastUpdateObj != null) {
lastUpdateObj.remove();
}
lastUpdateObj = document.createElement('script');
lastUpdateObj.src = `last.js?vary=${updateCheckCount++}`;
document.body.appendChild(lastUpdateObj);
setTimeout(checkForUpdates, 5 * 1000);
}
loadData();
================================================
FILE: assets/styles.css
================================================
/*
If you want to customize your stylesheet, please edit 'styles-user.css' instead of this.
*/
.sel_table tr td {
border: 1px solid black;
padding-right: 16px;
padding-left: 16px;
}
.sel_table {
min-width: 60em;
width: 100%;
}
.secondary {
background-color: #202020;
}
.emptytab {
width: 0px;
}
.primary {
background-color: #303030;
}
.axis_table_cell {
width: calc(min(40em, max(10em, 100vw - 40em)));
max-height: 8em;
overflow: auto;
}
.tabval_subdiv {
min-width: calc(100vw - 5em - min(40em, max(10em, 100vw - 40em)));
max-height: 8em;
overflow: auto;
}
table tr td,
table tr th {
vertical-align: top;
border: 1px solid black;
word-break: break-all;
}
th {
position: sticky;
top: -1px;
background-color: #202020;
background-clip: padding-box;
}
table tr td:first-child {
position: sticky;
left: -1px;
}
.nostickytable tr:first-child {
position: static !important;
}
.nostickytable tr th {
position: static !important;
}
.nostickytable tr td:first-child {
position: static !important;
}
.popup_modal_background {
font-family: monospace, monospace;
background-color: rgb(50, 50, 50, 0.7);
text-align: center;
}
.popup_modal_img {
height: 100%;
width: 100%;
max-height: calc(min(100vw, 100vh - 8em));
max-width: 90vw;
position: relative;
margin: auto;
object-fit: contain;
}
.popup_modal_undertext {
background-color: #404060;
overflow-wrap: break-word;
}
.modal_inner_div {
max-width: 90vw;
margin: auto;
}
.advanced_settings_section {
max-width: calc(max(1500px, 90em));
text-align: left;
margin: auto;
}
.timer_range {
vertical-align: bottom;
}
.tab_hidden {
display: none;
}
.nav-link:focus {
background-color: #909050 !important;
}
.axis_label_td {
left: 0px;
background-color: #202020;
background-clip: padding-box;
word-break: break-all;
min-width: 10em;
}
.superaxis_second {
background-color: #303030;
}
.axis_selectors {
text-align: right;
margin: auto;
width: fit-content;
}
.sticky_top {
position: sticky;
top: 0;
}
.accordion-button {
padding: 0.5rem;
}
.save_image_area {
text-align: center;
}
.save_image_area img {
margin-right: 1rem;
margin-left: 1rem;
border: 2px solid orange;
border-radius: 0.5rem;
}
.content_box {
display: inline-block;
}
.top_nav_bar {
position: sticky;
left: 2.5vw;
width: 95vw;
}
.image_table_box {
display: inline-block;
min-width: 100%;
}
.image_table {
margin: auto;
}
.save_image_output {
text-align: center;
}
.save_image_output_img {
max-width: 100%;
max-height: 70vh;
}
.advanced-checkbox {
display: inline-block;
border-radius: 0.2rem;
border: 1px dashed rgba(255, 255, 255, 0.25);
margin: 0.1rem;
}
label {
display: inline;
}
================================================
FILE: gridgencore.py
================================================
# This file is part of Infinity Grid Generator, view the README.md at https://github.com/mcmonkeyprojects/sd-infinity-grid-generator-script for more information.
import os, glob, yaml, json, shutil, math, re, time
from copy import copy
from PIL import Image
from git import Repo
######################### Core Variables #########################
ASSET_DIR = os.path.dirname(__file__) + "/assets"
EXTRA_FOOTER = "..."
EXTRA_ASSETS = []
VERSION = None
valid_modes = {}
IMAGES_CACHE = None
######################### Hooks #########################
# hook(SingleGridCall)
grid_call_init_hook: callable = None
# hook(SingleGridCall, param_name: str, value: any) -> bool
grid_call_param_add_hook: callable = None
# hook(SingleGridCall, param_name: str, dry: bool)
grid_call_apply_hook: callable = None
# hook(GridRunner)
grid_runner_pre_run_hook: callable = None
# hook(GridRunner)
grid_runner_pre_dry_hook: callable = None
# hook(GridRunner, PassThroughObject, set: SingleGridCall) -> ResultObject
grid_runner_post_dry_hook: callable = None
# hook(GridRunner, SingleGridCall) -> int
grid_runner_count_steps: callable = None
# hook(PassThroughObject) -> dict
webdata_get_base_param_data: callable = None
######################### Utilities #########################
def escape_html(text: str):
return str(text).replace('&', '&').replace('<', '<').replace('>', '>').replace('"', '"')
def clean_file_path(fn: str):
fn = fn.replace('\\', '/')
while '//' in fn:
fn = fn.replace('//', '/')
return fn
def get_version():
global VERSION
if VERSION is not None:
return VERSION
try:
repo = Repo(os.path.dirname(__file__))
VERSION = repo.head.commit.hexsha[:8]
except Exception:
VERSION = "Unknown"
return VERSION
def list_image_files():
global IMAGES_CACHE
if IMAGES_CACHE is not None:
return IMAGES_CACHE
image_dir = clean_file_path(ASSET_DIR + "/images")
IMAGES_CACHE = list()
for path, _, files in os.walk(image_dir):
for name in files:
_, ext = os.path.splitext(name)
if ext in [".jpg", ".png", ".webp"]:
fn = path + "/" + name
fn = clean_file_path(fn).replace(image_dir, '')
while fn.startswith('/'):
fn = fn[1:]
IMAGES_CACHE.append(fn)
return IMAGES_CACHE
def clear_caches():
global IMAGES_CACHE
IMAGES_CACHE = None
def get_name_list():
file_list = glob.glob(ASSET_DIR + "/*.yml")
just_file_names = sorted(list(map(lambda f: os.path.relpath(f, ASSET_DIR), file_list)))
return just_file_names
def fix_dict(d: dict):
if d is None:
return None
if type(d) is not dict:
raise RuntimeError(f"Value '{d}' is supposed to be submapping but isn't (it's plaintext, a list, or some other incorrect format). Did you typo the formatting?")
return {str(k).lower(): v for k, v in d.items()}
def clean_for_web(text: str):
if text is None:
return None
if type(text) is not str:
raise RuntimeError(f"Value '{text}' is supposed to be text but isn't (it's a datamapping, list, or some other incorrect format). Did you typo the formatting?")
return text.replace('"', '"')
def clean_id(id: str):
return re.sub("[^a-z0-9]", "_", id.lower().strip())
def clean_mode(id: str):
return re.sub("[^a-z]", "", id.lower().strip())
def clean_name(name: str):
return str(name).lower().replace(' ', '').replace('[', '').replace(']', '').strip()
def get_best_in_list(name: str, list: list):
backup = None
best_len = 999
name = clean_name(name)
for list_val in list:
list_val_clean = clean_name(list_val)
if list_val_clean == name:
return list_val
if name in list_val_clean:
if len(list_val_clean) < best_len:
backup = list_val
best_len = len(list_val_clean)
return backup
def choose_better_file_name(raw_name: str, full_name: str):
partial_name = os.path.splitext(os.path.basename(full_name))[0]
if '/' in raw_name or '\\' in raw_name or '.' in raw_name or len(raw_name) >= len(partial_name):
return raw_name
return partial_name
def fix_num(num):
if num is None or math.isinf(num) or math.isnan(num):
return None
return num
def expand_numeric_list_ranges(in_list, num_type):
out_list = list()
for i in range(0, len(in_list)):
raw_val = str(in_list[i]).strip()
if raw_val in ["..", "...", "...."]:
if i < 2 or i + 1 >= len(in_list):
raise RuntimeError(f"Cannot use ellipses notation at index {i}/{len(in_list)} - must have at least 2 values before and 1 after.")
prior = out_list[-1]
double_prior = out_list[-2]
after = num_type(in_list[i + 1])
step = prior - double_prior
if (step < 0) != ((after - prior) < 0):
raise RuntimeError(f"Ellipses notation failed for step {step} between {prior} and {after} - steps backwards.")
count = int((after - prior) / step)
for x in range(1, count):
out_list.append(prior + x * step)
else:
out_list.append(num_type(raw_val))
return out_list
######################### Value Modes #########################
class GridSettingMode:
"""
Defines a custom parameter input mode for an Infinity Grid Generator.
'dry' is True if the mode should be processed in dry runs, or False if it should be skipped.
'type' is 'text', 'integer', 'decimal', or 'boolean'
'apply' is a function to call taking (passthroughObject, value)
'min' is for integer/decimal type, optional minimum value
'max' is for integer/decimal type, optional maximum value
'valid_list' is for text type, an optional lambda that returns a list of valid values
'clean' is an optional function to call that takes (passthroughObject, value) and returns a cleaned copy of the value, or raises an error if invalid
'parse_list' is an optional function to call that takes a List and returns a List, to apply any special pre-processing for list-format inputs.
"""
def __init__(self, dry: bool, type: str, apply: callable, min: float = None, max: float = None, valid_list: callable = None, clean: callable = None, parse_list: callable = None):
self.dry = dry
self.type = type
self.apply = apply
self.min = min
self.max = max
self.clean = clean
self.valid_list = valid_list
self.parse_list = parse_list
def registerMode(name: str, mode: GridSettingMode):
mode.name = name
valid_modes[clean_name(name)] = mode
######################### Validation #########################
def validate_params(grid, params: dict):
for p,v in params.items():
params[p] = validate_single_param(p, grid.proc_variables(v))
def apply_field(name: str):
def applier(p, v):
setattr(p, name, v)
return applier
def apply_field_as_image_data(name: str):
def applier(p, v):
file_name = get_best_in_list(v, list_image_files())
if file_name is None:
raise RuntimeError("Invalid parameter '{p}' as '{v}': image file does not exist")
path = ASSET_DIR + "/images/" + file_name
image = Image.open(path)
setattr(p, name, image)
return applier
def validate_single_param(p: str, v):
orig_v = v
p = clean_mode(p)
mode = valid_modes.get(p)
if mode is None:
raise RuntimeError(f"Invalid grid parameter '{p}': unknown mode")
mode_type = mode.type
if mode_type == "integer":
v_int = int(v)
if v_int is None:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must be an integer number")
min = mode.min
max = mode.max
if min is not None and v_int < min:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must be at least {min}")
if max is not None and v_int > max:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must not exceed {max}")
v = v_int
elif mode_type == "decimal":
v_float = float(v)
if v_float is None:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must be a decimal number")
min = mode.min
max = mode.max
if min is not None and v_float < min:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must be at least {min}")
if max is not None and v_float > max:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must not exceed {max}")
v = v_float
elif mode_type == "boolean":
v_clean = str(v).lower().strip()
if v_clean == "true":
v = True
elif v_clean == "false":
v = False
else:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': must be either 'true' or 'false'")
elif mode_type == "text" and mode.valid_list is not None:
valid_list = mode.valid_list()
v = get_best_in_list(clean_name(v), valid_list)
if v is None:
raise RuntimeError(f"Invalid parameter '{p}' as '{orig_v}': not matched to any entry in list {list(valid_list)}")
if mode.clean is not None:
return mode.clean(p, v)
return v
######################### YAML Parsing and Processing #########################
class GridYamlLoader(yaml.SafeLoader):
pass
try:
from yamlinclude import YamlIncludeConstructor
YamlIncludeConstructor.add_to_loader_class(loader_class=GridYamlLoader, base_dir=ASSET_DIR)
except:
from yaml_include import Constructor
yaml.add_constructor("!include", Constructor(base_dir=ASSET_DIR), GridYamlLoader)
class AxisValue:
def __init__(self, axis, grid, key: str, val):
self.axis = axis
self.key = clean_id(str(key))
if any(x.key == self.key for x in axis.values):
self.key += f"__{len(axis.values)}"
self.params = list()
if isinstance(val, str):
halves = val.split('=', maxsplit=1)
if len(halves) != 2:
raise RuntimeError(f"Invalid value '{key}': '{val}': not expected format")
self.skip = False
halves[0] = grid.proc_variables(halves[0])
halves[1] = grid.proc_variables(halves[1])
try:
halves[1] = validate_single_param(halves[0], halves[1])
except RuntimeError:
if grid.skip_invalid:
self.skip = True
else:
raise
self.title = halves[1]
self.params = { clean_mode(halves[0]): halves[1] }
self.description = None
self.show = True
self.path = clean_name(self.key)
else:
self.title = grid.proc_variables(val.get("title"))
self.description = grid.proc_variables(val.get("description"))
self.skip = (str(grid.proc_variables(val.get("skip")))).lower() == "true"
self.params = fix_dict(val.get("params"))
self.show = (str(grid.proc_variables(val.get("show")))).lower() != "false"
self.path = str(val.get("path") or clean_name(self.key))
if self.title is None or self.params is None:
raise RuntimeError(f"Invalid value '{key}': '{val}': missing title or params")
if not self.skip:
try:
validate_params(grid, self.params)
except RuntimeError:
if grid.skip_invalid:
self.skip = True
else:
raise
def __str__(self):
return f"(title={self.title}, description={self.description}, params={self.params})"
def __unicode__(self):
return self.__str__()
class Axis:
def build_from_list_str(self, id, grid, list_str):
is_split_by_double_pipe = "||" in list_str
values_list = list_str.split("||" if is_split_by_double_pipe else ",")
self.mode_name = clean_name(str(id))
self.mode = valid_modes.get(clean_mode(self.mode_name))
if self.mode is None:
raise RuntimeError(f"Invalid axis mode '{self.mode}' from '{id}': unknown mode")
if self.mode.type == "integer":
values_list = expand_numeric_list_ranges(values_list, int)
elif self.mode.type == "decimal":
values_list = expand_numeric_list_ranges(values_list, float)
index = 0
if self.mode.parse_list is not None:
values_list = self.mode.parse_list(values_list)
for val in values_list:
try:
if isinstance(val, dict):
self.values.append(AxisValue(self, grid, str(index), val))
continue
val = str(val).strip()
index += 1
if is_split_by_double_pipe and val == "" and index == len(values_list):
continue
self.values.append(AxisValue(self, grid, str(index), f"{id}={val}"))
except Exception as e:
raise RuntimeError(f"value '{val}' errored: {e}")
def __init__(self, grid, id: str, obj):
self.raw_id = id
self.values = list()
self.id = clean_id(str(id))
if any(x.id == self.id for x in grid.axes):
self.id += f"__{len(grid.axes)}"
if isinstance(obj, str):
self.title = id
self.default = None
self.description = ""
self.build_from_list_str(id, grid, obj)
else:
self.title = grid.proc_variables(obj.get("title"))
self.default = grid.proc_variables(obj.get("default"))
if self.title is None:
raise RuntimeError("missing title")
self.description = grid.proc_variables(obj.get("description"))
values_obj = obj.get("values")
if values_obj is None:
raise RuntimeError("missing values")
elif isinstance(values_obj, str):
self.build_from_list_str(id, grid, values_obj)
else:
for key, val in values_obj.items():
try:
self.values.append(AxisValue(self, grid, key, val))
except Exception as e:
raise RuntimeError(f"value '{key}' errored: {e}")
class GridFileHelper:
def proc_variables(self, text):
if text is None:
return None
text = str(text)
for key, val in self.variables.items():
text = text.replace(key, val)
return text
def read_grid_direct(self, key: str):
return self.grid_obj.get(key)
def read_str_from_grid(self, key: str):
return self.proc_variables(self.read_grid_direct(key))
def parse_yaml(self, yaml_content: dict, grid_file: str):
self.variables = dict()
self.axes = list()
yaml_content = fix_dict(yaml_content)
vars_obj = fix_dict(yaml_content.get("variables"))
if vars_obj is not None:
for key, val in vars_obj.items():
self.variables[str(key).lower()] = str(val)
self.grid_obj = fix_dict(yaml_content.get("grid"))
if self.grid_obj is None:
raise RuntimeError(f"Invalid file {grid_file}: missing basic 'grid' root key")
self.title = self.read_str_from_grid("title")
self.description = self.read_str_from_grid("description")
self.stylesheet = self.read_str_from_grid("stylesheet") or ''
self.author = self.read_str_from_grid("author")
self.format = self.read_str_from_grid("format")
self.out_path = self.grid_obj.get("outpath")
self.skip_invalid = self.read_grid_direct("skip_invalid") or getattr(self, 'skip_invalid', False)
if self.title is None or self.description is None or self.author is None or self.format is None:
raise RuntimeError(f"Invalid file {grid_file}: missing grid title, author, format, or description in grid obj {self.grid_obj}")
self.params = fix_dict(self.grid_obj.get("params"))
if self.params is not None:
validate_params(self, self.params)
axes_obj = fix_dict(yaml_content.get("axes"))
if axes_obj is None:
raise RuntimeError(f"Invalid file {grid_file}: missing basic 'axes' root key")
for id, axis_obj in axes_obj.items():
try:
self.axes.append(Axis(self, id, axis_obj if isinstance(axis_obj, str) else fix_dict(axis_obj)))
except Exception as e:
raise RuntimeError(f"Invalid axis '{id}': errored: {e}")
total_count = 1
for axis in self.axes:
total_count *= len(axis.values)
if total_count <= 0:
raise RuntimeError(f"Invalid file {grid_file}: something went wrong ... is an axis empty? total count is {total_count} for {len(self.axes)} axes")
clean_desc = self.description.replace('\n', ' ')
print(f"Loaded grid file, title '{self.title}', description '{clean_desc}', with {len(self.axes)} axes... combines to {total_count} total images")
return self
######################### Actual Execution Logic #########################
class SingleGridCall:
def __init__(self, values: list):
self.values = values
self.skip = False
for val in values:
if val.skip:
self.skip = True
if grid_call_init_hook is not None:
grid_call_init_hook(self)
def flatten_params(self, grid: GridFileHelper):
self.grid = grid
self.params = grid.params.copy() if grid.params is not None else dict()
for val in self.values:
for p, v in val.params.items():
if grid_call_param_add_hook is None or not grid_call_param_add_hook(self, p, v):
self.params[p] = v
def apply_to(self, p, dry: bool):
for name, val in self.params.items():
mode = valid_modes[clean_mode(name)]
if not dry or mode.dry:
mode.apply(p, val)
if grid_call_apply_hook is not None:
grid_call_apply_hook(self, p, dry)
class GridRunner:
def __init__(self, grid: GridFileHelper, do_overwrite: bool, base_path: str, p, fast_skip: bool):
self.grid = grid
self.total_run = 0
self.total_skip = 0
self.total_steps = 0
self.do_overwrite = do_overwrite
self.base_path = base_path
self.fast_skip = fast_skip
self.p = p
grid.min_width = None
grid.min_height = None
grid.initial_p = p
self.last_update = []
def update_live_file(self, new_file: str):
t_now = time.time()
self.last_update = [x for x in self.last_update if t_now - x['t'] < 20]
self.last_update.append({'f': new_file, 't': t_now})
with open(self.base_path + '/last.js', 'w', encoding="utf-8") as f:
update_str = '", "'.join([x['f'] for x in self.last_update])
f.write(f'window.lastUpdated = ["{update_str}"]')
def build_value_set_list(self, axis_list: list):
result = list()
if len(axis_list) == 0:
return result
cur_axis = axis_list[0]
if len(axis_list) == 1:
for val in cur_axis.values:
if not val.skip or not self.fast_skip:
new_list = list()
new_list.append(val)
result.append(SingleGridCall(new_list))
return result
next_axis_list = axis_list[1::]
for obj in self.build_value_set_list(next_axis_list):
for val in cur_axis.values:
if not val.skip or not self.fast_skip:
new_list = obj.values.copy()
new_list.append(val)
result.append(SingleGridCall(new_list))
return result
def preprocess(self):
self.value_sets = self.build_value_set_list(list(reversed(self.grid.axes)))
print(f'Have {len(self.value_sets)} unique value sets, will go into {self.base_path}')
for set in self.value_sets:
set.filepath = self.base_path + '/' + '/'.join(list(map(lambda v: v.path, set.values)))
set.data = ', '.join(list(map(lambda v: f"{v.axis.title}={v.title}", set.values)))
set.flatten_params(self.grid)
set.do_skip = set.skip or (not self.do_overwrite and os.path.exists(set.filepath + "." + self.grid.format))
if set.do_skip:
self.total_skip += 1
else:
self.total_run += 1
self.total_steps += grid_runner_count_steps(self, set) if grid_runner_count_steps is not None else 1
print(f"Skipped {self.total_skip} files, will run {self.total_run} files, for {self.total_steps} total steps")
def run(self, dry: bool):
if grid_runner_pre_run_hook is not None:
grid_runner_pre_run_hook(self)
iteration = 0
last = None
for set in self.value_sets:
if set.do_skip:
continue
iteration += 1
if not dry:
print(f'On {iteration}/{self.total_run} ... Set: {set.data}, file {set.filepath}')
p = copy(self.p)
if grid_runner_pre_dry_hook is not None:
grid_runner_pre_dry_hook(self)
set.apply_to(p, dry)
if dry:
continue
try:
last = grid_runner_post_dry_hook(self, p, set)
except FileNotFoundError as e:
if e.strerror == 'The filename or extension is too long' and hasattr(e, 'winerror') and e.winerror == 206:
print(f"\n\n\nOS Error: {e.strerror} - see this article to fix that: https://www.autodesk.com/support/technical/article/caas/sfdcarticles/sfdcarticles/The-Windows-10-default-path-length-limitation-MAX-PATH-is-256-characters.html \n\n\n")
raise e
self.update_live_file(set.filepath + "." + self.grid.format)
return last
######################### Web Data Builders #########################
class WebDataBuilder():
def build_json(grid: GridFileHelper, publish_gen_metadata: bool, p, dry_run: bool):
def get_axis(axis: str):
id = grid.read_str_from_grid(axis)
if id is None:
return ''
id = str(id).lower()
if id == 'none':
return 'none'
possible = [x.id for x in grid.axes if x.raw_id == id]
if len(possible) == 0:
raise RuntimeError(f"Cannot find axis '{id}' for axis default '{axis}'... valid: {[x.raw_id for x in grid.axes]}")
return possible[0]
show_descrip = grid.read_grid_direct('show descriptions')
result = {
'title': grid.title,
'description': grid.description,
'ext': grid.format,
'min_width': grid.min_width,
'min_height': grid.min_height,
'defaults': {
'show_descriptions': True if show_descrip is None else show_descrip,
'autoscale': grid.read_grid_direct('autoscale') or False,
'sticky': grid.read_grid_direct('sticky') or False,
'sticky_labels': grid.read_grid_direct('sticky labels') or False,
'x': get_axis('x axis'),
'y': get_axis('y axis'),
'x2': get_axis('x super axis'),
'y2': get_axis('y super axis')
}
}
if not dry_run:
result['will_run'] = True
if publish_gen_metadata:
result['metadata'] = None if webdata_get_base_param_data is None else webdata_get_base_param_data(p)
axes = list()
for axis in grid.axes:
j_axis = {
'id': str(axis.id).lower(),
'title': axis.title,
'description': axis.description or ""
}
exported_paths = {}
values = list()
for val in axis.values:
if val.path in exported_paths:
continue
exported_paths[val.path] = val
j_val = {
'key': str(val.key).lower(),
'path': str(val.path),
'title': val.title,
'description': val.description or "",
'show': val.show
}
if publish_gen_metadata:
j_val['params'] = val.params
values.append(j_val)
j_axis['values'] = values
axes.append(j_axis)
result['axes'] = axes
return json.dumps(result)
def radio_button_html(name, id, descrip, label):
return f'\n'
def axis_bar(label, content):
return f'{label}: \n{content}
\n'
def build_html(grid):
with open(ASSET_DIR + "/page.html", 'r', encoding="utf-8") as reference_html:
html = reference_html.read()
x_select = ""
y_select = ""
x2Select = WebDataBuilder.radio_button_html('x2_axis_selector', f'x2_none', 'None', 'None')
y2Select = WebDataBuilder.radio_button_html('y2_axis_selector', f'y2_none', 'None', 'None')
content = '\n{escape_html(axis.title)}\n' advanced_settings += f'\n{axis.title}Auto cycle every \nShow value: '
axis_class = "axis_table_cell"
if len(axis_descrip.strip()) == 0:
axis_class += " emptytab"
content += f'{axis_descrip} | \n\n \n'
is_first = axis.default is None
for val in axis.values:
if axis.default is not None:
is_first = str(axis.default) == str(val.key)
active = " active show" if is_first else ""
is_first = False
descrip = clean_for_web(val.description or '')
if len(descrip.strip()) == 0:
active += " emptytab"
content += f' {descrip} |
'
content += WebDataBuilder.axis_bar('X Axis', x_select)
content += WebDataBuilder.axis_bar('Y Axis', y_select)
content += WebDataBuilder.axis_bar('X Super-Axis', x2Select)
content += WebDataBuilder.axis_bar('Y Super-Axis', y2Select)
content += '
Confused/new? View the README for usage instructions.
") with gr.Row(): grid_file = gr.Dropdown(value="Create in UI",label="Select grid definition file", choices=["Create in UI"] + core.get_name_list()) def refresh(): new_choices = ["Create in UI"] + core.get_name_list() grid_file.choices = new_choices return gr.update(choices=new_choices) refresh_button = ui_components.ToolButton(value=refresh_symbol, elem_id="infinity_grid_refresh_button") refresh_button.click(fn=refresh, inputs=[], outputs=[grid_file]) output_file_path = gr.Textbox(value="", label="Output folder name (if blank uses yaml's 'outpath' parameter, filename, or current date)") page_will_be = gr.HTML(value="(...)
") manual_group = gr.Group(visible=True) manual_axes = list() sets = list() def get_page_url_text(file): if file is None: return "(...)" notice = "" if not os.path.isabs(file): out_path = opts.outdir_grids or (opts.outdir_img2img_grids if is_img2img else opts.outdir_txt2img_grids) full_out_path = out_path + "/" + file url = "/file=" + full_out_path else: full_out_path = file url = "file://" + ("" if file.startswith("/") else "/") + file notice = "
This is a raw file path, not within the WebUI output directory. You may need to open the output file manually." if os.path.exists(full_out_path): notice += "
NOTICE: There is already something saved there! This will overwrite prior data." return f"Page will be at (Click me)
{full_out_path}{notice}" def update_page_url(file_path, selected_file): out_file_update = gr.Textbox.update() if file_path == "" and selected_file == "Create in UI": file_path = f"autonamed_inf_grid_{datetime.now().strftime('%Y_%m_%d_%H_%M_%S')}" out_file_update = gr.Textbox.update(value=file_path) info_update = gr.update(value=get_page_url_text(file_path or (selected_file.replace(".yml", "") if selected_file is not None else None))) return [out_file_update, info_update] def update_page_url_single(file_path, selected_file): (_, info_update) = update_page_url(file_path, selected_file) return info_update with manual_group: with gr.Row(): with gr.Column(): axis_count = 0 for group in range(0, 4): group_obj = gr.Group(visible=group == 0) with group_obj: rows = list() for i in range(0, 4): with gr.Row(): axis_count += 1 row_mode = gr.Dropdown(value="", label=f"Axis {axis_count} Mode", choices=[" "] + [x.name for x in core.valid_modes.values()]) row_value = gr.Textbox(label=f"Axis {axis_count} Value", lines=1) fill_row_button = ui_components.ToolButton(value=fill_values_symbol, visible=False) def fill_axis(mode_name): core.clear_caches() mode = core.valid_modes.get(clean_mode(mode_name)) if mode is None: return gr.update() elif mode.type == "boolean": return "true, false" elif mode.valid_list is not None: return ", ".join(list(mode.valid_list())) raise RuntimeError(f"Can't fill axis for {mode_name}") fill_row_button.click(fn=fill_axis, inputs=[row_mode], outputs=[row_value]) def on_axis_change(mode_name, out_file): mode = core.valid_modes.get(clean_mode(mode_name)) button_update = gr.Button.update(visible=mode is not None and (mode.valid_list is not None or mode.type == "boolean")) (out_file_update, info_update) = update_page_url(out_file, "Create in UI") return [button_update, out_file_update, info_update] row_mode.change(fn=on_axis_change, inputs=[row_mode, output_file_path], outputs=[fill_row_button, output_file_path, page_will_be]) manual_axes += list([row_mode, row_value]) rows.append(row_mode) sets.append([group_obj, rows]) for group in range(0, 3): row_mode = sets[group][1][3] group_obj = sets[group + 1][0] next_rows = sets[group + 1][1] def make_vis(prior, r1, r2, r3, r4): return gr.Group.update(visible=(prior+r1+r2+r3+r4).strip() != "") row_mode.change(fn=make_vis, inputs=[row_mode] + next_rows, outputs=[group_obj]) gr.HTML('(More input rows will be automatically added after you select modes above.)') grid_file.change( fn=lambda x: {"visible": x == "Create in UI", "__type__": "update"}, inputs=[grid_file], outputs=[manual_group], show_progress = False) output_file_path.change(fn=update_page_url_single, inputs=[output_file_path, grid_file], outputs=[page_will_be]) grid_file.change(fn=update_page_url, inputs=[output_file_path, grid_file], outputs=[output_file_path, page_will_be]) with gr.Row(): do_overwrite = gr.Checkbox(value=False, label="Overwrite existing images (for updating grids)") dry_run = gr.Checkbox(value=False, label="Do a dry run to validate your grid file") fast_skip = gr.Checkbox(value=False, label="Use more-performant skipping") skip_invalid = gr.Checkbox(value=False, label="Skip invalid entries") with gr.Row(): generate_page = gr.Checkbox(value=True, label="Generate infinite-grid webviewer page") validate_replace = gr.Checkbox(value=True, label="Validate PromptReplace input") publish_gen_metadata = gr.Checkbox(value=True, label="Publish full generation metadata for viewing on-page") return [do_overwrite, generate_page, dry_run, validate_replace, publish_gen_metadata, grid_file, fast_skip, output_file_path, skip_invalid] + manual_axes def run(self, p, do_overwrite, generate_page, dry_run, validate_replace, publish_gen_metadata, grid_file, fast_skip, output_file_path, skip_invalid, *manual_axes): core.clear_caches() try_init() # Clean up default params p = copy(p) p.n_iter = 1 p.batch_size = 1 p.do_not_save_samples = True p.do_not_save_grid = True p.seed = processing.get_fixed_seed(p.seed) # Store extra variable Script.VALIDATE_REPLACE = validate_replace # Validate to avoid abuse if '..' in grid_file or grid_file == "": raise RuntimeError(f"Unacceptable filename '{grid_file}'") if '..' in output_file_path: raise RuntimeError(f"Unacceptable alt file path '{output_file_path}'") if grid_file == "Create in UI": if output_file_path is None or output_file_path == "": raise RuntimeError(f"Must specify the output file path") manual_axes = list(manual_axes) else: manual_axes = None with SettingsFixer(): result = core.run_grid_gen(p, grid_file, p.outpath_grids, output_file_path, do_overwrite, fast_skip, generate_page, publish_gen_metadata, dry_run, manual_axes, skip_invalid=skip_invalid) if result is None: return Processed(p, list()) return result ================================================ FILE: style.css ================================================ /** * This file is part of Stable Diffusion Infinity Grid Generator, view the README.md for more information. */ #infinity_grid_refresh_button { max-width: 2.5em; min-width: 2.5em; height: 2.4em; }