​

let img;

let size = 16;

let zoom = 2;

let W = 13,

  H = 24;

​

function preload() {

  img = loadImage("desert.png");

}

​

function setup() {

  createCanvas(W * size * zoom, H * size * zoom);

  for (let x = 0; x < W; x++) {

    json[x] = [];

    for (let y = 0; y < H; y++) {

      json[x][y] = new Tile(x, y);

    }

  }

​

  btnSaveJSON = createButton("Save JSON");

  btnSaveJSON.mousePressed(mySaveJSON);

  btnStartLoop = createButton("Toggle Loop");

  btnStartLoop.mousePressed(toggleLoop);

  btnLoadJSON = createFileInput((file) => {

    let data;

    print(file);

​

    data = file.data;

    print(data);

​

    for (let x = 0; x < W; x++) {

      json[x] = [];

      for (let y = 0; y < H; y++) {

        json[x][y] = new Tile(x, y);

        for (let z = 0; z < data[x][y].neighbors.length; z++) {

          json[x][y].neighbors.push(data[x][y].neighbors[z]);

        }

      }

    }

    loop();

  });

  createP("Hold down the ALT key and then left click to select a tile.");

  createP("Right click to deselect a tile.");

  noLoop();

  document.addEventListener("contextmenu", (event) => event.preventDefault());

}

​

function toggleLoop() {

  if (isLooping()) {

    noLoop();

  } else if (!isLooping()) {

    loop();

  }

  console.log("Is Looping?", isLooping());

}

​

function mySaveJSON() {

  console.log(json);

  saveJSON(json, "map.json");

}

​

let selectedTile = null;

function mousePressed() {

  let x = floor(mouseX / size / zoom);

  let y = floor(mouseY / size / zoom);

  if (x < W && y < H) {

    if (mouseButton === LEFT) {

      if (keyIsDown(18)) {

        //alt key

        try {

          selectedTile.deselect();

        } catch {

          //who cares

        }

​

        json[x][y].select();

        selectedTile = json[x][y];

      } else {

        if (selectedTile) selectedTile.addNeighbor({ x, y });

      }

    }

    if (mouseButton === RIGHT) {

      selectedTile.deselect();

      selectedTile = null;

    }

  }

}

​

function draw() {

  background(255);

  image(img, 0, 0, img.width * zoom, img.height * zoom);

  //overlayGrid();

  for (let x = 0; x < W; x++) {

    for (let y = 0; y < H; y++) {

      json[x][y].showSelected();

      json[x][y].showNeighbors();

    }

  }

}

​

// function overlayGrid() {

//   noStroke();

//   for (let x = 0; x <= W; x++) {

//     for (let y = 0; y <= H; y++) {

//       if ((x % 2) + (y % 2) == 1) {

//         fill(0, 50);

//         rect(x * size, y * size, size, size);

//       }

//     }

//   }

// }

​