var visph = {}; visph.INV = 1; // reverse (grom last to first) visph.REV = 2; // inverse (swap sides) visph.HOR = 4; // horizontal mirror visph.VER = 8; // vertical mirror visph.STY = ['spiral','linear','tilt']; // available styles visph.RTC = 500; // random test count visph.CSM = 20; // cell size max var delay = 50; var style = 'spiral'; // spiral | linear | tilt var modif = visph.INV | visph.REV | visph.HOR | visph.VER; function Iter2D(width,height,type='spiral',mod=0) { this.w = width; // columns count this.h = height; // rows count this.gen = null; this.type = type; this.mod = mod; this.rev = mod & 1; // reverse (from last to first) this.inv = mod & 2; // inverse ( swap sides) this.init = function(type,mod=-1) { this.type = type || this.type; if (mod>=0) { this.mod = mod; this.rev = mod & 1; // reverse this.inv = mod & 2; // inverse ( swap sides) } var t = this.type, m = this.mod; var w = this.w, h = this.h; if (mod & 12) { this.gen = mirror(w,h,t,m); } else if (m & 3) { var r = this.rev, s = this.inv; if (s) this.gen = swapsides(w,h,t,m); else if (r) this.gen = from_last(w,h,t,m); } else if (t == 'linear') this.gen = linear(w,h); else if (t == 'tilt') this.gen = tilt(w,h); else if (t == 'spiral') this.gen = spiral(w,h); else console.log('ERROR! Iter2D unknown type: '+t); }; function* swapsides(w,h,t,m) { var n = w * h, i = n, a = []; var iter = new Iter2D(h,w,t,m&13); while (i--) a.push(iter.gen.next().value); i = -1; while (++i < n) yield [a[i][1],a[i][0]]; } function* from_last (w,h,t,m) { var i = w * h, a = []; var iter = new Iter2D(w,h,t,m&14); while (i--) a.push(iter.gen.next().value); i = w * h; while (i--) yield a[i]; } function* mirror(w,h,t,m) { var n = w * h, i = 0, a = []; var iter = new Iter2D(w,h,t,m&3); i = n; while (i--) a.push(iter.gen.next().value); i = -1; while (++i < n) { yield [ (m & 8) ? h-a[i][0]-1 : a[i][0], (m & 4) ? w-a[i][1]-1 : a[i][1] ]; } } function* linear(w,h) { var i, j; for (j = 0; j < h; j++) for (i = 0; i < w; i++) yield [j,i]; } function* tilt(w,h) { var i, c, r, n = w + h; for (i = 0; i < n; i++) { r = i; for (c = 0; c < w; c++) { if (r < 0) break; else if (r < h ) yield [r,c]; r--; } } } function* spiral(w,h) { var c = 0, i, j, jmx, mx = w*h; var imx = Math.floor((w + 1) / 2); for (i = 0; i < imx; i++) { jmx = w - i; for (j = i; j < jmx; j++) { c++; yield [i, j]; } jmx = h - i; for (j = i + 1; j < jmx; j++) { c++; yield [j, w - i - 1]; } if (c >= mx) break; jmx = i - 1; for (j = w - i - 2; j > jmx; j--) { c++; yield [h - i - 1, j]; } jmx = i; for (j = h - i - 2; j > i; j--) { c++; yield [j, i]; } } } this.init(type,mod); } Iter2D.gen = function(w,h) { var a = []; var v, i = 0; var n = w * h; for (var j = 0; j < h; j++) { a.push([]); for (i = 0; i < w; i++) a[a.length-1].push(0); } return a; }; Iter2D.fill = function(a,w,h,t='spiral',m=0) { w = w || a[0].length; h = h || a.length; var iter = new Iter2D(w,h,t,m); var v, i = 0; var n = w * h; while (i < n) { v = iter.gen.next().value; a[v[0]][v[1]] = ++i; } return a; }; function table(a,x,y,s) { var i, j, c, t = '':'>'); for (j = 0; j < a.length; j++) { t += ''; for (i = 0; i < a[j].length; i++) { c = ((x==i)&&(y==j)) ? ' class="hot"' : ''; t += ''+a[j][i]+''; } t += ''; } return t + ''; } window.onload = function() { var n, r, g; function begin(f) { n = 0; loop_start(f); } function loop_start(f) { var mod = Math.floor(Math.random()*16); var typ = ['spiral','linear','tilt']; typ = typ[Math.floor(Math.random()*3)]; console.log('style: '+typ+', modifier: '+mod); var iter = new Iter2D(a[n][0].length,a[n].length,typ,mod); g = iter.gen; loop(a[n],f); } function loop(a,f) { r = g.next().value; if (!r) setTimeout(loop_end,200,f); else { document.body.innerHTML = table(a,r[1],r[0]); document.body.innerHTML += '> '+r+' : '+a[r[0]][r[1]]+'
'; setTimeout(loop,delay,a,f); } } function loop_end(f) { // n++; if (++n < a.length) loop_start(f); else if (f) f(); } var m = visph.RTC; function random_test() { if (m--) { var s = window.getComputedStyle(document.querySelector('table')); var c = Number(s.width.substr(0,s.width.length-2)); var r = Number(s.height.substr(0,s.height.length-2)); if (c > r) r = c; c = 3 + Math.floor(Math.random()*(Math.floor(c / visph.CSM) - 3)); console.log(m+': '+s.width+' x '+s.height+' > '+c); n--; a[n] = Iter2D.gen(c,c); loop_start(random_test); } else test_done(); } function test_done() { alert('test done!'); } // alert(window.getComputedStyle(document.body).height); begin(random_test); }; var a = []; a.push([ [1,2,3,4], [10,11,12,5], [9,8,7,6] ]); a.push([ [1,2,3], [10,11,4], [9,12,5], [8,7,6] ]); a.push([ [1,2,3,4], [12,13,14,5], [11,16,15,6], [10,9,8,7] ]); a.push([ [1,2,3], [8,9,4], [7,6,5] ]); a.push(Iter2D.fill(Iter2D.gen(5,8)));

Iter2D [JS class object] asynchronious iterations generator v.1.00 final