AAAMaze

interaktywne studium labiryntu

Opis

To interaktywne studium labiryntu – jednej z najstarszych metafor myślenia. Algorytm tworzy układ o jednej drodze i jednym wyjściu, ujawniając paradoks tej struktury – porządkującej przestrzeń, a jednocześnie wprowadzającej w nią element zagubienia.

Praca odwołuje się do tradycji labiryntu jako symbolu refleksji nad światem, poznaniem i naturą ludzkiego umysłu, a zarazem bada jego cyfrową tożsamość – sposób, w jaki współczesne technologie mogą odtwarzać, przekształcać i reinterpretować tę figurę wirtualnie.

Czytaj więcej

„AAAMaze”, mimo swej rzucającej się w oczy prostoty, jest jedną z „poważniejszych” Miniatur, pracą zagłębiającą się w naturę i znaczenie labiryntu. Labirynty to pierwotne koncepcje kulturowe, towarzyszące ludzkości być może od jej zarania. Towarzyszą nam przez całą historię – zapewne dłużej niż świadczą o tym pozostałości i legendy o labiryntach kreteńskim, czy havarskim – są źródłem logicznego myślenia, ale odwołują się również do naszych mrocznych wnętrz i zasiedlających je potworów. Labirynty są wspaniałym narzędziem intelektualnym i artystycznym, modelem nas samych i naszego wszechświata. Dla kogoś pracującego w obszarze sztuki mediów i nowych technologii labirynty są ważnym fenomenem: pozwalają połączyć współczesną praktykę artystyczną w tych domenach z historią sztuki i kultury. Ale pozwalają też opowiadać o współczesności, ponieważ jesteśmy zagubieni w labiryntach – być może bez wyjścia.

Algorytm generowania labiryntu zastosowany w Miniaturze jest częścią moich poszukiwań planu labiryntu idealnego. Istnieje wiele podejść do samej definicji labiryntu i w zależności od tego, czego poszukujemy koncepcja „labiryntowej idealności” może prowadzić nas różnymi ścieżkami. „AAAMaze” to typowy labirynt geometryczny i skwantowany: wszystkie przejścia załamują się pod kątem prostym, labirynt posiada jedno wejście, jedno wyjście i jedną drogą przejścia – jest to więc labirynt właściwy dla optymistów (wiemy, że można go przejść, jeśli wystarczy nam zasobów) i szczurów.

Badania nad labiryntami obrosły bogatą literaturą przedmiotu (polecam zwłaszcza publikacje Paolo Santarcangeli’ego, Carla Schustera i Edmunda Cartera) – która wyjaśnia wiele, ale mnoży też wątki i kolejne pytania. Labirynty należą do bogatej rodziny graficznych patternów (najoczywistszymi pobratymcami labiryntów są naturalnie meandry i „AAAMaze” poniekąd wiąże się także z nimi), które w jakiś sposób wydają się rezonować z ludzkimi (a moze i nieludzkimi) ukrytymi mechanizmami mentalnymi.

„AAAMaze” powstał w ramach paneuropejskiego projektu ArtCast4D, którego celem było stworzenie nowych narzędzi dla osób eksperymentujących z estetycznym wymiarem nowych technologii.

Dokumentacja techniczna

Parametry przekazywane przez adres URL

nie dotyczy

Komunikaty przekazywane przez WebSocket

Komunikaty, na które reaguje Miniatura

nie dotyczy

Komunikaty wysyłane przez Miniaturę

nie dotyczy

MIDI

Komunikaty, na które reaguje Miniatura

nie dotyczy

Komunikaty wysyłane przez Miniaturę

nie dotyczy

Komunikacja z MaxMSP

Komunikaty, na które reaguje Miniatura

nie dotyczy

Komunikaty wysyłane przez Miniaturę

nie dotyczy

Kod źródłowy

									index.html
									<!DOCTYPE html>
<html lang="">

<head>

  <meta charset="utf-8">
  <meta name="description" content="AAAMaze">
  <meta name="keywords" content="maze, labyrinth, audio, sound, art, interactive, miniature, Pawel, Janicki">
  <meta name="author" content="Pawel Janicki">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta property="og:image" content="https://paweljanicki.jp/maze/metaimage.png" />
  <title>AAAMaze by Pawel Janicki, 2024-25 (https://paweljanicki.jp)</title>
  <style>
    body {
      padding: 0;
      margin: 0;
      background-color: #000000;
    }
  </style>
  <script src="minimazegui.js"></script>
  <script src="wanderer.js"></script>
  <script src="hvr.js"></script>
  <script src="p5.js"></script>
  <script src="p5.sound.js"></script>
  <script src="sketch.js"></script>
</head>

<body>
  <main>
  </main>
</body>

</html>
								

									sketch.js
									let osc, env, maze, gui, wanderer;
let isSoundInitializedFlag=false;
let cellWallStrokeWeight=1; let baseOffsetX=30; let baseOffsetY=30; let offsetX=10; let offsetY=10; let cellW=20; let cellH=20;
let homeSvg; 
let theme={speakerIcon:null}

function preload(){homeSvg = loadImage("icons8-home.svg");theme.speakerIcon=loadImage("speaker-svgrepo-com.svg");}

function sndIfGood(){osc.freq(300); env.play(osc);}
function sndIfBad(){osc.freq(150); env.play(osc);}
function sndIfMazeChanged(){osc.freq(450); env.play(osc);}

function touchStarted(){
  if(!isSoundInitializedFlag) initSound();
  return false;
}

function touchEnded(){
  gui.hitTest();
  return false;
}

function mouseReleased(){
  gui.hitTest();
  return false;
}

function mousePressed(){
  if(!isSoundInitializedFlag) initSound();
  return false;
}

function keyReleased(){
  switch(keyCode){
    case UP_ARROW: wanderer.turtle(HVRMaze.DIR_N); break;
    case DOWN_ARROW: wanderer.turtle(HVRMaze.DIR_S); break;
    case LEFT_ARROW: wanderer.turtle(HVRMaze.DIR_W); break;
    case RIGHT_ARROW: wanderer.turtle(HVRMaze.DIR_E); break;
    default: // nothing to do
  }
  return false;
}

function setup(){
  createCanvas(10,10);
  env = new p5.Env(); env.setADSR(0.03, 0.03, 0.8, 0.03); env.setRange(1, 0);
  osc = new p5.TriOsc(); osc.amp(0.5); osc.start();
  sndIfMazeChanged();
  gui = new Gui();
  maze = new HVRMaze(5+Math.floor(random(7)),5+Math.floor(random(7)));
  wanderer = new Wanderer(maze.inCoords.col, maze.inCoords.row);
  window.addEventListener("keydown", function(e){if(["Space","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(e.code) > -1) {e.preventDefault();}}, false);
}

function draw(){
  if(width!==innerWidth||height!==innerHeight){
    resizeCanvas(innerWidth,innerHeight); calcSizesAndPositions();
  }
  background(0);
  let x1, x2, y1, y2;
  noStroke(); fill((sin(millis()*0.007)+1.0)*0.5*128);
  textSize(cellH*0.6); textAlign(CENTER,CENTER);
  text(
    "▶︎",
    offsetX+maze.outCoords.col*cellW+cellW*0.5,
    offsetY+maze.outCoords.row*cellH+cellH*0.5
  );
  noFill(); stroke(255); strokeWeight(cellWallStrokeWeight);
  for(let row=0; row<maze.h; row++){
    for(let col=0; col<maze.w; col++){
      //noStroke();
      //if(maze.mappedCells[col][row]) fill(100); else fill(50);
      //rect(offsetX+col*cellW,offsetY+row*cellH,cellW,cellH);
      //noFill(); stroke(255); strokeWeight(2);
      if(maze.cells[col][row].wallN){
        x1 = offsetX+col*cellW;
        y1 = offsetY+row*cellH;
        x2 = x1 + cellW;
        y2 = y1;
        line(x1,y1,x2,y2);
      }
      if(maze.cells[col][row].wallS){
        x1 = offsetX+col*cellW;
        y1 = offsetY+(row+1)*cellH;
        x2 = x1 + cellW;
        y2 = y1;
        line(x1,y1,x2,y2);
      }
      if(maze.cells[col][row].wallW){
        x1 = offsetX+col*cellW;
        y1 = offsetY+row*cellH;
        x2 = x1;
        y2 = y1 + cellH;
        line(x1,y1,x2,y2);
      }
      if(maze.cells[col][row].wallE){
        x1 = offsetX+(col+1)*cellW;
        y1 = offsetY+row*cellH;
        x2 = x1;
        y2 = y1 + cellH;
        line(x1,y1,x2,y2);
      }
    }
  }
  push();
    gui.draw();
    wanderer.draw();
  pop();
  if(!isSoundInitializedFlag) drawMutedIcon();
}

function drawMutedIcon(){
    let tf1=1.0+Math.sin(millis()*0.01)*0.2;
    let tf2=1.0+Math.sin(millis()*0.017)*0.1;
    let tf3=millis()*0.0001;
    let sz=width; if(width>height) sz=height;
    let scl=sz/theme.speakerIcon.width*0.4;
    noStroke(); //fill(128,128); rect(0,0,width,height);
    fill(60,130,255,188);
    circle(
      width*0.5,
      height*0.5,
      theme.speakerIcon.width*scl*1.1*tf2
    );
    image(
      theme.speakerIcon,
      width*0.5-theme.speakerIcon.width*scl*0.5*tf2,
      height*0.5-theme.speakerIcon.height*scl*0.5*tf2,
      theme.speakerIcon.width*scl*tf2,
      theme.speakerIcon.height*scl*tf2
    );
    noFill();stroke(255,0,0,128);strokeWeight(10);
    push();
      translate(width*0.5,height*0.5);
      rotate(tf3);
      line(
        -theme.speakerIcon.width*scl*0.6*tf1,
        -theme.speakerIcon.width*scl*0.6*tf1,
        theme.speakerIcon.width*scl*0.6*tf1,
        theme.speakerIcon.width*scl*0.6*tf1
      );
    pop();
}

function calcSizesAndPositions(){
  if(width>height){
    baseOffsetX=90; baseOffsetY=10;
  }else{
    baseOffsetX=10; baseOffsetY=90;
  }
  let tempw=width-2*baseOffsetX; let temph=height-2*baseOffsetY;
  let v1=Math.floor(tempw/maze.w); let v2=Math.floor(temph/maze.h);
  if(v1>v2){cellW=v2;cellH=v2;}else{cellW=v1;cellH=v1;}
  offsetX=Math.floor((width-cellW*maze.w)/2);
  offsetY=Math.floor((height-cellH*maze.h)/2);
  cellWallStrokeWeight=Math.floor(cellW/15); if(cellWallStrokeWeight<1.0) cellWallStrokeWeight=1.0;
  wanderer.setMarkerSize(Math.floor(cellW/3));
}

function initSound() {
  getAudioContext().onstatechange = () => {
    if(getAudioContext().state != 'running') userStartAudio();
    console.log('after: [onstatechange] '  + getAudioContext().state);
  }
  console.log('[initSound] initSound()...');
  userStartAudio();
  console.log('after: '  + getAudioContext().state);
  isSoundInitializedFlag = true; soundInitializationTimeTag = millis();
}
								

									hvr.js
									class HVRCellEdgeAddress{constructor(e,t){this.coords=e,this.dir=t}isEqual(e){return!!this.coords.isEqual(e.coords)&&this.dir===e.dir}}class HVRCorner{constructor(){this.x=-1,this.y=-1,this.prev=-1}setFromRawData(e,t,s){this.x=e,this.y=t,this.prev=s}setFromAnotherCorner(e,t,s){this.x=e.x,this.y=e.y,this.turtle(t),this.prev=s}isEqual(e){return this.x===e.x&&this.y===e.y}turtle(e){switch(e){case HVRMaze.DIR_ERROR:case HVRMaze.DIR_X:break;case HVRMaze.DIR_N:this.y-=1;break;case HVRMaze.DIR_E:this.x+=1;break;case HVRMaze.DIR_S:this.y+=1;break;case HVRMaze.DIR_W:this.x-=1;break;default:console.log("[HVRCorner, turtle] unhandled _dir: "+e)}}}class HVRCellCoords{constructor(){this.setPosFromXY(-1,-1)}setFromXY(e,t){this.setPosFromXY(e,t)}setFromXYAndDir(e,t,s){this.setPosFromXY(e,t),this.turtle(s)}setFromCoords(e){this.setPosFromCoords(e)}setFromCoordsAndDir(e,t){this.setPosFromCoords(e),this.turtle(t)}setPosFromXY(e,t){this.col=e,this.row=t}setPosFromCoords(e){this.col=e.col,this.row=e.row}turtle(e){switch(e){case HVRMaze.DIR_ERROR:case HVRMaze.DIR_X:break;case HVRMaze.DIR_N:this.row-=1;break;case HVRMaze.DIR_E:this.col+=1;break;case HVRMaze.DIR_S:this.row+=1;break;case HVRMaze.DIR_W:this.col-=1;break;default:console.log("[HVRCellCoords, turtle] unhandled _dir: "+e)}}isEqual(e){return this.col===e.col&&this.row===e.col}}class HVRCell{static get TYPE_BASIC(){return 0}static get TYPE_IN(){return 1}static get TYPE_OUT(){return 2}init(){this.wallN=!0,this.wallE=!0,this.wallS=!0,this.wallW=!0,this.type=HVRCell.TYPE_BASIC}constructor(){this.init(),1===arguments.length&&(this.type=arguments[0])}clone(){let e=new HVRCell(this.type);return e.wallN=this.wallN,e.wallE=this.wallE,e.wallS=this.wallS,e.wallW=this.wallW,e}getWall(e){let t=!1;switch(e){case HVRMaze.DIR_ERROR:case HVRMaze.DIR_X:break;case HVRMaze.DIR_N:t=this.wallN;break;case HVRMaze.DIR_E:t=this.wallE;break;case HVRMaze.DIR_S:t=this.wallS;break;case HVRMaze.DIR_W:t=this.wallW;break;default:console.log("[HVRCell, getWall] unhandled _dir: "+e)}return t}setWall(e,t){switch(e){case HVRMaze.DIR_ERROR:case HVRMaze.DIR_X:break;case HVRMaze.DIR_N:this.wallN=t;break;case HVRMaze.DIR_E:this.wallE=t;break;case HVRMaze.DIR_S:this.wallS=t;break;case HVRMaze.DIR_W:this.wallW=t;break;default:console.log("[HVRCell, setWall] unhandled _dir: "+e)}}}class HVRMaze{static get DIR_ERROR(){return -1}static get DIR_X(){return 0}static get DIR_N(){return 1}static get DIR_E(){return 2}static get DIR_S(){return 3}static get DIR_W(){return 4}arr2d(e,t,s){let r=[];for(let o=0;o<e;o++){let l=[];for(let i=0;i<t;i++)l[i]=s;r[o]=l}return r}constructor(e,t){this.w=-1,this.h=-1,this.exitPath=[],this.posInExitPath=[],this.corners=[],this.cells=null,this.mappedCells=null,this.mappedCorners=null,this.inCoords=null,this.outCoords=null,this.make(e,t)}setGrid(){this.cells&&this.cells.splice(0,this.cells.length),this.mappedCells&&this.mappedCells.splice(0,this.mappedCells.length),this.mappedCorners&&this.mappedCorners.splice(0,this.mappedCorners.length),this.cells=null,this.mappedCells=null,this.mappedCorners=null,this.cells=this.arr2d(this.w,this.h,null),this.mappedCells=this.arr2d(this.w,this.h,!1),this.mappedCorners=this.arr2d(this.w+1,this.h+1,!1);for(let e=0;e<this.h;e++)for(let t=0;t<this.w;t++)this.cells[t][e]=new HVRCell}make(e,t){this.w=e,this.h=t,this.setGrid(),this.exitPath.splice(0,this.exitPath.length),null===this.inCoords&&(this.inCoords=new HVRCellCoords),null===this.outCoords&&(this.outCoords=new HVRCellCoords),this.inCoords.setFromXY(0,Math.floor(Math.random()*this.h)),this.addIn(this.inCoords,HVRMaze.DIR_W),this.outCoords.setFromXY(this.w-1,Math.floor(Math.random()*this.h)),this.addOut(this.outCoords,HVRMaze.DIR_E),this.posInExitPath=this.addCellCoordsToExitPath(this.inCoords);let s=!0;for(;s;)if(this.recursiveRunThroughExitPath(this.posInExitPath),this.mappedCells[this.outCoords.col][this.outCoords.row]){let r=this.findRandomUnmappedCellCoords();r.col<0?s=!1:this.posInExitPath=this.addCellCoordsToExitPath(r)}else this.posInExitPath=Math.floor(Math.random()*this.exitPath.length);this.openCornerLoops()}addCellCoordsToExitPath(e){return this.exitPath[this.exitPath.length]=e,this.mappedCells[e.col][e.row]=!0,this.exitPath.length-1}addIn(e,t){this.cells[e.col][e.row].type=HVRCell.TYPE_IN,this.cells[e.col][e.row].setWall(t,!1)}addOut(e,t){this.cells[e.col][e.row].type=HVRCell.TYPE_OUT,this.cells[e.col][e.row].setWall(t,!1)}checkIfAllCellsAreMapped(){for(let e=0;e<this.h;e++)for(let t=0;t<this.w;t++)if(!this.mappedCells[t][e])return!1;return!0}findRandomUnmappedCellCoords(){let e=new HVRCellCoords,t,s,r=0,o=this.w*this.h,l=Math.floor(Math.random()*o),i=1;Math.random()>.5&&(i=-1);for(let a=0;a<o;a++)if(s=Math.floor((r=(a*i+l+o)%o)/this.w),t=r-s*this.w,!this.mappedCells[t][s]){e.setPosFromXY(t,s);break}return e}recursiveRunThroughExitPath(e){let t=this.exitPath[e],s=!1,r=this.findRandomArrayOfDirsToNearbyCell(t,!1,!0);for(let o=0;o<r.length;o++)if(r[o]!==HVRMaze.DIR_ERROR&&r[o]!==HVRMaze.DIR_X){this.setGate(t,r[o],!1);let l=new HVRCellCoords;l.setFromCoordsAndDir(t,r[o]),this.exitPath[this.exitPath.length]=l,this.mappedCells[l.col][l.row]=!0,l.isEqual(this.outCoords)||(s=!0);break}s&&this.recursiveRunThroughExitPath(this.exitPath.length-1)}openCornerLoops(){let e=!0;for(;e;){e=!1;for(let t=1;t<this.h;t++)for(let s=1;s<this.w;s++){for(let r=0;r<=this.h;r++)for(let o=0;o<=this.w;o++)this.mappedCorners[o][r]=!1;this.corners.splice(0,this.corners.length);let l=new HVRCorner;if(l.setFromRawData(s,t,-1),this.corners[this.corners.length]=l,this.mappedCorners[s][t]=!0,this.recursiveRunThroughCorners(this.corners.length-1)){e=!0;let i=[];i[i.length]=this.corners[this.corners.length-1];let a=this.corners.length-2;for(let R=a;R>=0;R--){let n=i[i.length-1];if(n.prev===R){let d=this.corners[R];if(n.isEqual(d))break;i[i.length]=d}}let c,C,u=Math.floor(Math.random()*(a=i.length));for(let H=0;H<a;H++){C=((c=(H+u)%a)+1)%a;let V=this.cellEdgeAddressFromCorners(i[c],i[C]),I=!1;switch(V.dir){case HVRMaze.DIR_N:V.coords.row>0?(this.setGate(V.coords,V.dir,!1),I=!1):I=!0;break;case HVRMaze.DIR_E:V.coords.col<w-1?(this.setGate(V.coords,V.dir,!1),I=!1):I=!0;break;case HVRMaze.DIR_S:V.coords.row<h-1?(this.setGate(V.coords,V.dir,!1),I=!1):I=!0;break;case HVRMaze.DIR_W:V.coords.col>0?(this.setGate(V.coords,V.dir,!1),I=!1):I=!0;break;default:console.log("[HVRMaze, openCornerLoops] unhandled cellEdgeAddress.dir: "+V.dir)}if(!I)break}}}}}cellEdgeAddressFromCorners(e,t){let s=new HVRCellCoords;s.setFromXY(-1,-1);let r=new HVRCellEdgeAddress(s,HVRMaze.DIR_ERROR);return e.x===t.x?e.y===t.y-1?(r.coords.col=e.x,r.coords.row=e.y,r.dir=HVRMaze.DIR_W,r.coords.col===this.w&&(r.coords.col=this.w-1,r.dir=HVRMaze.DIR_E)):e.y===t.y+1&&(r.coords.col=t.x,r.coords.row=t.y,r.dir=HVRMaze.DIR_W,r.coords.col===this.w&&(r.coords.col=this.w-1,r.dir=HVRMaze.DIR_E)):e.y===t.y&&(e.x===t.x-1?(r.coords.col=e.x,r.coords.row=e.y,r.dir=HVRMaze.DIR_N,r.coords.row===this.h&&(r.coords.row=this.h-1,r.dir=HVRMaze.DIR_S)):e.x===t.x+1&&(r.coords.col=t.x,r.coords.row=t.y,r.dir=HVRMaze.DIR_N,r.coords.row===this.h&&(r.coords.row=this.h-1,r.dir=HVRMaze.DIR_S))),r}recursiveRunThroughCorners(e){let t=this.corners[e],s=new HVRCorner;s.setFromAnotherCorner(t,HVRMaze.DIR_N,e);let r=new HVRCorner;r.setFromAnotherCorner(t,HVRMaze.DIR_E,e);let o=new HVRCorner;o.setFromAnotherCorner(t,HVRMaze.DIR_S,e);let l=new HVRCorner;l.setFromAnotherCorner(t,HVRMaze.DIR_W,e);let i=[s,r,o,l];for(let a=0;a<i.length;a++){if(i[a].x<0||i[a].y<0||i[a].x>this.w||i[a].y>this.h||t.prev>-1&&this.corners[t.prev].isEqual(i[a]))continue;let R=this.cellEdgeAddressFromCorners(t,i[a]);if(this.cells[R.coords.col][R.coords.row].getWall(R.dir)){if(this.corners[this.corners.length]=i[a],this.mappedCorners[i[a].x][i[a].y])return!0;this.mappedCorners[i[a].x][i[a].y]=!0,this.recursiveRunThroughCorners(this.corners.length-1)}}return!1}setGate(e,t,s){this.cells[e.col][e.row].setWall(t,s);let r=new HVRCellCoords;r.setFromCoordsAndDir(e,t),this.cells[r.col][r.row].setWall(this.oppositeDir(t),s)}oppositeDir(e){switch(e){case HVRMaze.DIR_ERROR:case HVRMaze.DIR_X:break;case HVRMaze.DIR_N:e=HVRMaze.DIR_S;break;case HVRMaze.DIR_E:e=HVRMaze.DIR_W;break;case HVRMaze.DIR_S:e=HVRMaze.DIR_N;break;case HVRMaze.DIR_W:e=HVRMaze.DIR_E;break;default:console.log("[HVRMaze, oppositeDir] unhandled _dir: "+e)}return e}getArrayOfDirsInRandomOrder(e){let t=[],s=[];if(e)for(let r=0;r<5;r++)t[r]=-1,s[r]=r;else for(let o=0;o<4;o++)t[o]=-1,s[o]=o+1;for(let l=0;l<t.length;l++){let i=Math.floor(Math.random()*s.length);t[l]=s[i];let a=[];for(let R=0;R<s.length;R++)a[R]=-1;for(let n=0;n<s.length;n++)a[n]=s[n];let d=a.length-1;s=null,s=[];for(let c=0;c<d;c++)s[c]=-1;let C=0;for(let u=0;u<s.length;u++)C===i&&(C+=1),s[u]=a[C],C+=1}return t}findRandomArrayOfDirsToNearbyCell(e,t,s){let r=[HVRMaze.DIR_ERROR,HVRMaze.DIR_ERROR,HVRMaze.DIR_ERROR,HVRMaze.DIR_ERROR],o=[],l=0,i=this.getArrayOfDirsInRandomOrder(!1);for(let a=0;a<i.length;a++){let R=new HVRCellCoords;R.setFromCoordsAndDir(e,i[a]),this.areCoordsLocatedInsideMaze(R)&&(this.mappedCells[R.col][R.row]?t&&(r[a]=i[a]):s&&(r[a]=i[a]))}for(let n=0;n<r.length;n++)r[n]!==HVRMaze.DIR_ERROR&&r[n]!==HVRMaze.DIR_X&&(l+=1);if(0===l)(o=[])[0]=HVRMaze.DIR_ERROR;else{o=[],l=0;for(let d=0;d<r.length;d++)r[d]!==HVRMaze.DIR_ERROR&&r[d]!==HVRMaze.DIR_X&&(o[l]=r[d],l+=1)}return o}areCoordsLocatedInsideMaze(e){return!(e.col<0)&&!(e.row<0)&&!(e.col>=this.w)&&!(e.row>=this.h)}}
								

									minimazegui.js
									class Gui{
  constructor(){
    this.d=30;
    this.home={x:20,y:20};this.next={x:-1,y:-1,c:"↺"};this.N={x:-1,y:-1,c:"▲"};this.S={x:-1,y:-1,c:"▼"};this.W={x:-1,y:-1,c:"◀︎"};this.E={x:-1,y:-1,c:"▶︎"};
  }
  hitTest(){
    if(dist(mouseX,mouseY,this.E.x,this.E.y)<this.d) wanderer.turtle(HVRMaze.DIR_E);
    if(dist(mouseX,mouseY,this.S.x,this.S.y)<this.d) wanderer.turtle(HVRMaze.DIR_S);
    if(dist(mouseX,mouseY,this.N.x,this.N.y)<this.d) wanderer.turtle(HVRMaze.DIR_N);
    if(dist(mouseX,mouseY,this.W.x,this.W.y)<this.d) wanderer.turtle(HVRMaze.DIR_W);
    if(dist(mouseX,mouseY,this.next.x,this.next.y)<this.d){
      maze.make(5+Math.floor(random(23)),5+Math.floor(random(23)));
      calcSizesAndPositions(); wanderer.setPos(maze.inCoords.col,maze.inCoords.row);
      sndIfMazeChanged();
    }
    if(dist(mouseX,mouseY,this.home.x,this.home.y)<(this.d*0.85)){
      window.location.href = "https://paweljanicki.jp";
    }
  }
  draw(){
    fill(255); noStroke(); textAlign(CENTER,CENTER);
    if(width>height){
      let w=width-(offsetX+maze.w*cellW); w=width-w/2;
      this.N.x=w; this.N.y=height/4*0+height/8;
      this.W.x=w; this.W.y=height/4*1+height/8;
      this.E.x=w; this.E.y=height/4*2+height/8;
      this.S.x=w; this.S.y=height/4*3+height/8;
      this.next.x=offsetX/2; this.next.y=height/2;
    }else{
      let h=height-(offsetY+maze.h*cellH); h=height-h/2;
      this.W.x=width/4*0+width/8; this.W.y=h;
      this.N.x=width/4*1+width/8; this.N.y=h;
      this.S.x=width/4*2+width/8; this.S.y=h;
      this.E.x=width/4*3+width/8; this.E.y=h;
      this.next.x=width/2; this.next.y=offsetY/2;
    }
    textSize(45);
    text(this.N.c,this.N.x,this.N.y);
    text(this.S.c,this.S.x,this.S.y);
    text(this.W.c,this.W.x,this.W.y);
    text(this.E.c,this.E.x,this.E.y);
    textSize(65);
    text(this.next.c,this.next.x,this.next.y);
    imageMode(CENTER); image(homeSvg, this.home.x,this.home.y, 25, 25);
  }
}
								

									wanderer.js
									class Wanderer{
  constructor(_col, _row){this.setPos(_col, _row);this.setMarkerSize(1000);}
  setPos(_col, _row){this.col=_col;this.row=_row;}
  setMarkerSize(_v){this.markerSize=_v;}
  draw(){
    noStroke(); fill((sin(millis()*0.007)+1.0)*0.5*128+127);
    circle(
      offsetX+this.col*cellW+cellW/2,
      offsetY+this.row*cellH+cellH/2,
      this.markerSize
    );
  }
  turtle(_dir){
    if(maze.cells[this.col][this.row].getWall(_dir)){
      sndIfBad(); return;
    }
    let dst = {col:this.col,row:this.row};
    switch(_dir){
      //case HVRMaze.DIR_ERROR: /*no action*/ break;
      //case HVRMaze.DIR_X: /*no action*/ break;
      case HVRMaze.DIR_N: dst.row-=1; break;
      case HVRMaze.DIR_E: dst.col+=1; break;
      case HVRMaze.DIR_S: dst.row+=1; break;
      case HVRMaze.DIR_W: dst.col-=1; break;
      default: console.log("[Wanderer, turtle] unhandled _dir: "+_dir);
    }
    if((dst.col<0)||(dst.col>=maze.w)||(dst.row<0)||(dst.row>=maze.h)){
      sndIfBad(); return;
    }
    if((dst.col===maze.outCoords.col)&&(dst.row===maze.outCoords.row)){
      maze.make(5+Math.floor(random(23)),5+Math.floor(random(23)));
      calcSizesAndPositions(); wanderer.setPos(maze.inCoords.col,maze.inCoords.row);
      sndIfMazeChanged();
    }else{
      wanderer.setPos(dst.col,dst.row);
      sndIfGood();
    }
  }
}
								