phreakhead

I'm trying to write an dynamic image stitcher which can do a flyby over a huge image by only loading small chunks at a time. The problem is, I can't even get past loading four chunks into the jit.glue object! For some reason it only displays the first top left corner image while the other 3 corners stay blank.

As you can see I've littered the patch with debugging windows: you can see that the jit.glue object in the Max patch handles the four input matrices fine, but the Javascript one fails miserably. I've tried all sorts of ways of sending an array of input matrices: the current try is rotating the top left corner image through all inputs while the other three stay static.

To test it you'll need four 800x600 images (or four files of the same image) called:

I'm using Max 4.6 with Jitter 1.6.3. Can someone please test my patch and see if you can figure out what's wrong with it?

Also, as another problem I was having: I can't get the matrix's srcdimstart and srcdimend properties to do anything... even though I set usesrcdim = 1. The code is in there but it doesn't seem to have any effect when I click "move".

//the coordinates of the viewing window among the FULL_WIDTH and FULL_HEIGHT

//all files with must end in filePrefix + "XXX-YYY.jpg"

//where XXX and YYY are the coordinates in the image matrix,

//e.g.: if your files look like "blahBlah_30-12.jpg" then filePrefix="blahBlah_"

var imgs = [new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT), //the main image

     new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT), //top or bottom

     new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT), //left or right

     new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT) //the extra

var full = new JitterMatrix(4, "char", IMG_WIDTH*4, IMG_HEIGHT*4); //WIN_WIDTH, WIN_HEIGHT);

//loads the image buffers according to the center point

var filename = filePrefix + (271 + i) + "-" + 14 + ".jpg";

post("nmoving by " + x + "," + y + ": " + full.srcdimstart[0] + ", " + full.srcdimstart[1]);

//glue.matrixcalc(imgs, full); //this doesn't work!

glue.matrixcalc([imgs[j].name, imgs[1].name, imgs[2].name, imgs[3].name], full); //but neither does this!

var a = arrayfromargs(messagename, arguments);

To test it you'll need four 800x600 images (or four files of the same image) called:
milkyWay_271-14.jpg
milkyWay_272-14.jpg
milkyWay_273-14.jpg
milkyWay_274-14.jpg

----------------------------
infinite_image.pat:
----------------------------

----------------------------
infinite_image.js:
----------------------------
autowatch = 1;

var FULL_WIDTH = 24572;
var FULL_HEIGHT = 13520 * 16;

var IMG_WIDTH = 800;
var IMG_HEIGHT = 600;

var WIN_WIDTH = 320;
var WIN_HEIGHT = 240;

//the coordinates of the viewing window among the FULL_WIDTH and FULL_HEIGHT
var winStart = [0, 0];
var winEnd = [WIN_WIDTH, WIN_HEIGHT];

//the template file to load. 
//all files with must end in filePrefix + "XXX-YYY.jpg"
//where XXX and YYY are the coordinates in the image matrix,
//starting at 0,0 top, left
//e.g.: if your files look like "blahBlah_30-12.jpg" then filePrefix="blahBlah_"
var filePrefix = null;

//our sources
var imgs = [new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT), //the main image
	     new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT), //top or bottom
	     new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT), //left or right
	     new JitterMatrix(4, "char", IMG_WIDTH, IMG_HEIGHT) //the extra
	     ];

//the sources pasted together
var full = new JitterMatrix(4, "char", IMG_WIDTH*4, IMG_HEIGHT*4); //WIN_WIDTH, WIN_HEIGHT);

var glue = new JitterObject("jit.glue");
glue.rows = 2;
glue.columns = 2;
//glue.syncinlet = -1;

//loads the image buffers according to the center point
function loadBuffers() {
  for (var i = 0; i < 4; i++) {
    var filename = filePrefix + (271 + i) + "-" + 14 + ".jpg";
    post("nloading " + filename);
    imgs[i].importmovie(filename);
  }

function moveWindow(x, y) {
  winStart[0] += x;
  winStart[1] += y;

  full.usesrcdim = 1;
  full.srcdimstart = winStart;
  full.srcdimend = winEnd;

  post("nmoving by " + x + "," + y + ": " + full.srcdimstart[0] + ", " + full.srcdimstart[1]);
}

  //glue.matrixcalc(imgs, full); //this doesn't work!
  j = ++j % 3;
  glue.matrixcalc([imgs[j].name, imgs[1].name, imgs[2].name, imgs[3].name], full); //but neither does this!

  // output processed matrix into Max
  outlet(0, "jit_matrix", full.name);

  for (var i = 0; i < 4; i++) {
    outlet(i+1, "jit_matrix", imgs[i].name);
  }
}

function loadbang() {
  post("nreloading");
}

function anything() {
  var a = arrayfromargs(messagename, arguments);

  if (a[0] == "load") {
    filePrefix = a[1];

    //load the first four image buffers
    loadBuffers();

    moveWindow();
  }
  else if (a[0] == "move") {
    moveWindow(a[1], a[2]);
  }
  else if (a[0] == "bang") {
    if (filePrefix != null) 
      draw();
  }

jit.glue only shows first image in Javascript