Extreme Tileset Test - OpenProcessing

mySketch
xxxxxxxxxx
 
var stage = [];       //Simply the stage values, 0=Air & 1=Stone & 2=Dirt
var stageMatrix = []; //Stored stage connection values (So the program doesn't calculate the block connections every frame)
var stageWidth = 48;  //Customize Stage Width
let unit;             //Size of blocks
​
var clickFunction = 1;  //What your mouse is doing while clicking (Erasing, Drawing Stone, or Drawing Dirt)
​
var connectValues = [[1,2],[2]];  //What each block connects to. Stone connects to stone, and dirt connects to both dirt and stone.
​
const randStart = true; //Should the stage populate with blocks at the beginning of the program running? 
​
function preload() {
  tileset1 = loadImage('Tileset_Rock_Extreme3.png');
  tileset2 = loadImage('Tileset_Dirt_Extreme.png');
}
​
function setup() {
  createCanvas(windowWidth, windowHeight-50);
  noSmooth();
  background(100);
  
  unit = windowWidth/stageWidth;
  if (stageWidth==48) {
    unit=40;
    stageWidth = ceil(windowWidth/unit);
  }
  if(randStart) {
    for(var stageNoise = 0; stageNoise < ceil((windowWidth*windowHeight)/unit**2); stageNoise++) {
      stage[stageNoise] = round(noise((stageNoise%stageWidth)/2,floor(stageNoise/stageWidth)/4));
      if(stage[stageNoise]!=1) {
        stage[stageNoise] = round(random(0,1))*2;
      }
    }
    redrawMatrix();
  }
}
​
function draw() {
  background(100);
  
  if(mouseIsPressed) {
    stage[floor(mouseX/unit)+floor(mouseY/unit)*stageWidth]=clickFunction;
    redrawMatrix();
  }
  
  for(var stageDraw = 0; stageDraw < stage.length; stageDraw++) {
    noStroke();
    imageMode(CORNER);
    if(stage[stageDraw]==1) {
      image(tileset1,floor((stageDraw%stageWidth)*unit)-1,floor(floor(stageDraw/stageWidth)*unit)-1,unit+1,unit+1,stageMatrix[stageDraw][0],stageMatrix[stageDraw][1],8,8);
    }
    if(stage[stageDraw]==2) {     
      image(tileset2,floor((stageDraw%stageWidth)*unit)-1,floor(floor(stageDraw/stageWidth)*unit)-1,unit+1,unit+1,stageMatrix[stageDraw][0],stageMatrix[stageDraw][1],8,8);
    }
  }
  //textSize(unit);
  //text(frameRate()+' '+stage.length,unit/10,unit);    //Remove comment if you want Debug info (FrameRate + stage length)
}
​
function mousePressed() {
  if(mouseButton==LEFT) {
    clickFunction=(!stage[floor(mouseX/unit)+floor(mouseY/unit)*stageWidth])*1;
  }
  if(mouseButton==RIGHT) {
    clickFunction=(!stage[floor(mouseX/unit)+floor(mouseY/unit)*stageWidth])*2;
  }
}
​
function redrawMatrix() {
  background(100);
  for(var matrixDraw = 0; matrixDraw < stage.length; matrixDraw++) {
    if(stageMatrix[matrixDraw]==undefined) {
      stageMatrix[matrixDraw]=[0,0];
    }
    if(stage[matrixDraw]==0||stage[matrixDraw]==undefined) {
      continue;
    }
    stageMatrix[matrixDraw][0] = connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw-stageWidth])*8+connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw+1])*16+connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw+stageWidth])*32+connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw-1])*64;
    stageMatrix[matrixDraw][1] = connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw-stageWidth-1])*8+connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw-stageWidth+1])*16+connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw+stageWidth+1])*32+connectValues[stage[matrixDraw]-1].includes(stage[matrixDraw+stageWidth-1])*64;
  }
}