let cols = 2;

let rows = 2;

let w, h;

let board = [];

let isWelcomeScreen = true;

let userName = "";

let userImage = null;

let isTakingPicture = false;

let source;

let difficulty = ""; 

let isPuzzleDisplayed = false;

let isCapturing = false;

​

​

function createPuzzleFromImage() {

  // This function generates the puzzle from the captured image

  if (source !== null) {

    w = source.width / cols;

    h = source.height / rows;

​

    tiles = [];

    board = [];

​

    for (let i = 0; i < cols; i++) {

      for (let j = 0; j < rows; j++) {

        let x = i * w;

        let y = j * h;

        let img = source.get(x, y, w, h);

        let index = i + j * cols;

        board.push(index);

        let tile = new Tile(index, img);

        tiles.push(tile);

      }

    }

​

    tiles.pop();

    board.pop();

    board.push(-1);

​

    simpleShuffle(board);

  }

}

​

function drawWelcomeScreen() {

  background(0);

  fill(255);

  textAlign(CENTER, CENTER);

  textSize(24);

  text("Welcome to the Game", width / 2, height / 2);

  textSize(16);

  text("Click anywhere to start", width / 2, height / 2 + 30);

}

​

function drawDifficultySelection() {

  background(0);

  fill(255);

  textAlign(CENTER, CENTER);

  textSize(24);

  text("Select Difficulty", width / 2, height / 2 - 50);

  textSize(16);

  text("Easy", width / 2, height / 2);

  text("Medium", width / 2, height / 2 + 30);

  text("Hard", width / 2, height / 2 + 60);

}

​

​

function drawInstructionScreen() {

  background(0);

  fill(255);

  textAlign(CENTER, CENTER);

  textSize(24);

  text("Press Space Bar to Capture Image", width / 2, height / 2 - 100);

​

  if (!isTakingPicture) {

    // Show video when not taking picture

    image(source, width / 2 - 100, height / 2 - 50, 200, 200);

  } else {

    // Show captured image after space bar is pressed

    if (userImage !== null) {

      image(userImage, width / 2 - 100, height / 2 - 50, 200, 200);

    }

  }

​

  // Check for space bar press to capture image

  if (keyIsPressed && keyCode === 32 && !isTakingPicture) {

    source.loadPixels();

    let sx = width / 2 - 50; // Adjust position for the captured image

    let sy = height / 2 - 50;

    let sw = 100;

    let sh = 100;

    userImage = source.get(sx, sy, sw, sh); // Capture image from camera view

​

    // Save the captured image

    userImage.save('captured_image.jpg'); // Change the file extension as needed

​

    // Proceed to create the puzzle from the saved image

    //createPuzzleFromImage();

    isTakingPicture = true;

  }

​

  if (userImage !== null) {

    fill(255);

    createPuzzleFromImage();

  }

}

​

function setup() {

  createCanvas(400, 400);

  // Capture video from the camera

  source = createCapture(VIDEO);

  source.size(400, 400);

  source.hide();

}

​

function updateTiles() {

  for (let i = 0; i < cols; i++) {

    for (let j = 0; j < rows; j++) {

      let x = j * w;

      let y = i * h;

      let index = i + j * cols;

      if (tiles[index]) 

        tiles[index].img.copy(source, x, y, w, h, 0, 0, w, h);

    }

  }

}

​

function swap(i, j, arr) {

  let temp = arr[i];

  arr[i] = arr[j];

  arr[j] = temp;

}

​

function randomMove(arr) {

  let r1 = floor(random(cols));

  let r2 = floor(random(rows));

  move(r1, r2, arr);

}

function simpleShuffle(arr) {

  for (let i = 0; i < 1000; i++) {

    randomMove(arr);

  }

}

​

function mousePressed() {

  if (isWelcomeScreen) {

    isWelcomeScreen = false;

    userName = "";

    userImage = null;

  } else if (difficulty === "") {

    // Check for difficulty selection based on mouse click

    if (mouseY > height / 2 - 10 && mouseY < height / 2 + 10) {

      difficulty = "easy";

      cols = 2;

      rows = 2;

    } else if (mouseY > height / 2 + 20 && mouseY < height / 2 + 50) {

      difficulty = "medium";

      cols = 3;

      rows = 3;

    } else if (mouseY > height / 2 + 50 && mouseY < height / 2 + 80) {

      difficulty = "hard";

      cols = 4;

      rows = 4;

    }

     setup();

   } 

}

​

function draw() {

  if (!isPuzzleDisplayed) {

    background(0);

    fill(255);

    textAlign(CENTER, CENTER);

    textSize(24);

    text("Press Space Bar to Capture Image", width / 2, height / 2 - 100);

​

    // Display camera view or captured image

    if (source !== null) {

      if (keyIsPressed && keyCode === 32) {

        // Capture the image from the camera feed

        source.loadPixels();

        let sx = width / 2 - 50;

        let sy = height / 2 - 50;

        let sw = 100;

        let sh = 100;

        let capturedImage = source.get(sx, sy, sw, sh);

​

        // Display the captured image

        image(capturedImage, width / 2 - 100, height / 2 - 50, 200, 200);

​

        // Proceed to create the puzzle from the captured image

        createPuzzleFromImage();

        isPuzzleDisplayed = true;

      } else {

        // Display camera view if space bar is not pressed

        image(source, width / 2 - 100, height / 2 - 50, 200, 200);

      }

    }

  } else {

    // Display the generated puzzle

    background(0);

    for (let i = 0; i < cols; i++) {

      for (let j = 0; j < rows; j++) {

        let index = i + j * cols;

        let x = i * w;

        let y = j * h;

        let tileIndex = board[index];

        if (tileIndex > -1) {

          let img = tiles[tileIndex].img;

          image(img, x, y, w, h);

        }

      }

    }

​

    for (let i = 0; i < cols; i++) {

      for (let j = 0; j < rows; j++) {

        let x = i * w;

        let y = j * h;

        strokeWeight(2);

        noFill();

        rect(x, y, w, h);

      }

    }

  }

}

function isSolved() {

  for (let i = 0; i < board.length-1; i++) {

    if (board[i] !== tiles[i].index) {

      return false;

    }

  }

  return true;

}

​

​

function move(i, j, arr) {

  let blank = findBlank();

  let blankCol = blank % cols;

  let blankRow = floor(blank / rows);

​

  if (isNeighbor(i, j, blankCol, blankRow)) {

    swap(blank, i + j * cols, arr);

  }

}

​

function isNeighbor(i, j, x, y) {

  if (i !== x && j !== y) {

    return false;

  }

​

  if (abs(i - x) == 1 || abs(j - y) == 1) {

    return true;

  }

  return false;

}

​

function findBlank() {

  for (let i = 0; i < board.length; i++) {

    if (board[i] == -1) return i;

  }

}

​