sürüklenebilir adam

Konva js gibi sonsuz bir sürükleme gibi bir şey elde etmek istiyorum Herkes bu konuda bana yardımcı olabilir. Varius şeyler denemek ama olmayan Tamam. P5js ve javascript'te yeniyim. Herhangi bir ipucu için lütfen. Sadece bu unsur tüm projeyi tamamlamamı engelliyor.

var grid;
var current_img;
var BgCat1 = [];
var layerOne;
let show_grid = false;

Daha zarif bir çözüm olabilir, ancak burada sargıyı işlemek için ızgaranın her iki tarafına fazladan bir hücre çiziyorum, böylece 10x10 görünür bir 12x12 ızgara. Burada çalıştığını görün: https://editor.p5js.org/rednoyz/full/uJCADfZXv

let dim = 10, sz;
let xoff = 0, yoff = 0;

function setup() {
  createCanvas(400, 400);
  sz = width/ dim;
}

function mouseDragged() {
  xoff += mouseX - pmouseX;
  yoff += mouseY - pmouseY;
}

function draw() {
  background(255);

  for (let i = 0; i < dim+2; i++) {
    for (let j = 0; j < dim+2; j++) {

      let x = ((xoff + j * sz) % (width+sz)) - sz;
      if (x < -sz) x += width+sz;

      let y = ((yoff + i * sz) % (height+sz)) - sz;
      if (y < -sz) y += height+sz;

      rect(x, y, sz, sz);
      text(i * 10 + j, x + sz/2, y + sz/2);
    }
  }
}