Super unbelievable - Fall at Dawn

console.log('Comics in collaboration with Joe Chain');

console.log('https://www.artstation.com/ceda90');

console.log('Lomz 2022');

console.log('https://www.lomz.net');

​

let gridNumX;

let gridNumY;

​

let xPos;

let yPos;

​

let rS; // velicina polja

let round;

let sBW; // razmak izmedju polja

​

let colors = [];

let synthColor;

​

let wh;

​

let numberOf2x2;

let numberOf2x1;

let numberOf1x2;

let numberOfS;

​

let p2x2 = [];

let p2x1 = [];

let p1x2 = [];

let s = [];

​

let comicGridX = [1.34 , 1.007];

let comicGridY = [3.96 ,2 , 1.34 , 1.007];

let comicDividerX = 0;

let comicDividerY = 0;

​

let choosen2x2;

let choosen2x1;

let choosen1x2;

let choosenS;

​

let border;

​

let pP; // pallete picker

let cP; // color picker

​

var dens;

​

function setup() {

  wh = windowHeight;

​

  pixelDensity(4);

  dens = pixelDensity();

​

  comicDividerX = int(get_random(0, comicGridX.length));

  console.log('X: ' +comicDividerX + '=' + comicGridX[comicDividerX]);

  comicDividerY = int(get_random(0, comicGridY.length));

  console.log('Y: ' +comicDividerY + '=' + comicGridY[comicDividerY]);

​

  createCanvas(wh/comicGridX[comicDividerX], wh/comicGridY[comicDividerY]);

​

  rS = wh / 4.05; // rect size

  round = wh/200;

  sBW = wh/200; // razmak izmedju tastera

​

​

  if (comicDividerX == 0) {

    gridNumX = 3;

  }

​

  if (comicDividerX == 1) {

    gridNumX = 4;

  }

​

  if (comicDividerY == 0) {

    gridNumY = 1;

  }

​

  if (comicDividerY == 1) {

    gridNumY = 2;

  }

​

  if (comicDividerY == 2) {

    gridNumY = 3;

  }

​

  if (comicDividerY == 3) {

    gridNumY = 4;

  }

​

​

  console.log(gridNumX);

  console.log(gridNumY);

​

  background(255);

​

  // Grid Layer 2

  synthColor = int(get_random(0, colors.length));

​

  push();

​

  for (let x = 0; x < gridNumX; x += 1) {

    for (let y = 0; y < gridNumY; y += 1) {

      xPos = x * rS;

      yPos = y * rS;

​

        if (fxrand() < .3) {

          push();

            choosen1x2 = int(fxrand() * numberOf1x2);

            image(p1x2[choosen1x2], xPos+sBW, yPos+sBW, (rS/2)-sBW, rS-sBW);

            choosen1x2 = int(fxrand() * numberOf1x2);

            image(p1x2[choosen1x2], (xPos+(rS/2))+sBW, yPos+sBW, (rS/2)-sBW, rS-sBW);

          pop();

        }

        else if (fxrand() > .3 && fxrand() < .5) {

          push();

            choosen2x1 = int(fxrand() * numberOf2x1);

            image(p2x1[choosen2x1], xPos+sBW, yPos+sBW, rS-sBW, (rS/2)-sBW);

​

            choosen2x1 = int(fxrand() * numberOf2x1);

            image(p2x1[choosen2x1], xPos+sBW,(yPos+(rS/2))+sBW, rS-sBW, (rS/2)-sBW);

​

          pop();

        }

        else {

          push();

​

              choosen2x2 = int(fxrand() * numberOf2x2);

              image(p2x2[choosen2x2], xPos+sBW, yPos+sBW, rS-sBW, rS-sBW);

​

​

              // text boxes

              if (fxrand()< 0.7) {

                choosenS = int(fxrand() * numberOfS);

                image(s[choosenS], xPos+sBW, yPos+sBW, rS-sBW, rS-sBW);

              }

​

          pop();

        }

​

​

        // Comic Title

        if (x == 0 && y == 0){

          image(title, xPos+sBW, yPos+sBW, rS-sBW, rS-sBW);

        }

    }

  }

​

  //grain

  push();

  imgGrain = createImage(width, height);

  imgGrain.loadPixels();

  for (let i = 0; i < dens * (width * height); i += dens) {

      grc = color(random(255));

      imgGrain.pixels[i] = red(grc);

      imgGrain.pixels[i + 1] = green(grc);

      imgGrain.pixels[i + 2] = blue(grc);

      imgGrain.pixels[i + 3] = alpha(grc);

  }

  imgGrain.updatePixels();

  tint(255,25);

  image(imgGrain, 0, 0, width, height);

  pop();

}

​

​

function draw() {}

​

// **************************

// *       Save png         *

// **************************

​

function keyTyped() {

  if (key == 's' || key == 'S') save("comic"+int(random(0,1000))+".png");

}

​

// **************************

// *        Random          *

// **************************

​

function get_random(min, max) {

  return min + fxrand() * (max - min);

}

​

// **************************

// *        Preload         *

// **************************

​

function preload() {

​

  // 2 X 2

  numberOf2x2 = 19;

    for (var i = 0; i < numberOf2x2; i++) {

      p2x2[i] = loadImage("2x2-" + i + ".png");

    }

​

    // 2 X 1

    numberOf2x1 = 28;

    for (var i = 0; i < numberOf2x1; i++) {

      p2x1[i] = loadImage("2x1-" + i + ".jpg");

    }

​

    // 1 X 2

    numberOf1x2 = 33;

    for (var i = 0; i < numberOf1x2; i++) {

      p1x2[i] = loadImage("1x2-" + i + ".jpg");

    }

​

    // TEXT BOXES

    numberOfS = 16;

    for (var i = 0; i < numberOfS; i++) {

      s[i] = loadImage("s" + i + ".png");

    }

​

    title = loadImage("title.png");

​

}

​