填色迷宮

let cols, rows; // 迷宮的列與行數

let grid = []; // 儲存迷宮的格子

let cellSize = 40; // 每個格子的大小

let stack = []; // 用於追蹤迷宮生成過程

let current; // 當前格子

let baseColor; // 基礎顏色

const PI = 3.14159265359;

let rotationX = PI / 4, rotationY = PI / 4; // 初始旋轉角度

let prevMouseX, prevMouseY; // 滑鼠拖曳前的位置

​

function setup() {

  createCanvas(800, 800, WEBGL);

  cols = floor(width / cellSize);

  rows = floor(height / cellSize);

​

  // 隨機生成基礎顏色

  baseColor = color(random(100, 255), random(100, 255), random(100, 255));

​

  // 初始化迷宮格子

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

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

      grid.push(new Cell(i, j));

    }

  }

​

  current = grid[0]; // 從左上角開始

}

​

function draw() {

  background(50);

  rotateX(rotationX);

  rotateY(rotationY);

  translate(-width / 2, -height / 2, 0);

​

  // 顯示迷宮

  for (let cell of grid) {

    cell.show();

  }

​

  current.visited = true;

  let next = current.checkNeighbors();

  if (next) {

    next.visited = true;

​

    // 儲存路徑

    stack.push(current);

​

    // 移除牆壁

    removeWalls(current, next);

​

    // 移動到下一個格子

    current = next;

  } else if (stack.length > 0) {

    current = stack.pop();

  }

}

​

// 迷宮格子類別

class Cell {

  constructor(i, j) {

    this.i = i;

    this.j = j;

    this.walls = [true, true, true, true]; // 上右下左

    this.visited = false;

    this.color = lerpColor(baseColor, color(0), random(0.3, 0.7)); // 隨機漸層色

  }

​

  show() {

    let x = this.i * cellSize;

    let y = this.j * cellSize;

    stroke(255);

​

    // 繪製牆壁

    if (this.walls[0]) line(x, y, x + cellSize, y); // 上

    if (this.walls[1]) line(x + cellSize, y, x + cellSize, y + cellSize); // 右

    if (this.walls[2]) line(x + cellSize, y + cellSize, x, y + cellSize); // 下

    if (this.walls[3]) line(x, y + cellSize, x, y); // 左

​

    if (this.visited) {

      noStroke();

      fill(this.color);

      push();

      translate(x + cellSize / 2, y + cellSize / 2, -cellSize / 2);

      box(cellSize - 2, cellSize - 2, cellSize - 2);

      pop();

    }

  }

​

  checkNeighbors() {

    let neighbors = [];

​

    let top = grid[index(this.i, this.j - 1)];

    let right = grid[index(this.i + 1, this.j)];

    let bottom = grid[index(this.i, this.j + 1)];

    let left = grid[index(this.i - 1, this.j)];

​

    if (top && !top.visited) neighbors.push(top);

    if (right && !right.visited) neighbors.push(right);

    if (bottom && !bottom.visited) neighbors.push(bottom);

    if (left && !left.visited) neighbors.push(left);

​

    if (neighbors.length > 0) {

      let r = floor(random(0, neighbors.length));

      return neighbors[r];

    } else {

      return undefined;

    }

  }

}

​

function index(i, j) {

  if (i < 0 || j < 0 || i >= cols || j >= rows) {

    return -1;

  }

  return i + j * cols;

}

​

function removeWalls(a, b) {

  let x = a.i - b.i;

  if (x === 1) {

    a.walls[3] = false;

    b.walls[1] = false;

  } else if (x === -1) {

    a.walls[1] = false;

    b.walls[3] = false;

  }

​

  let y = a.j - b.j;

  if (y === 1) {

    a.walls[0] = false;

    b.walls[2] = false;

  } else if (y === -1) {

    a.walls[2] = false;

    b.walls[0] = false;

  }

}

​

// 新增滑鼠拖曳控制函數

function mouseDragged() {

  let sensitivity = 0.01; // 控制旋轉速度

  rotationY += (mouseX - pmouseX) * sensitivity;

  rotationX -= (mouseY - pmouseY) * sensitivity;

}

​