let fileNames = ['Dana_1.png', 'Dana_2.png', 'Dana_3.png', 'Dana_4.png', 'Dana_5.png'];

let v = [];

let pg = [];

let useTexture = true;

​

function preload() {

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

    images[i] = loadImage('assets/' + fileNames[i]);

    v[i] = createVector(random(-width / 2, width / 2), random(-600, 600), random(-200, 200));

​

    pg[i] = createGraphics(width, height, P2D);

  }

}

​

function setup() {

  createCanvas(800, 800, WEBGL);

  imageMode(CENTER);

  rectMode(CENTER);

  noFill();

  noStroke();

}

​

function draw() {

  background(255);

​

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

    if (useTexture) {

      texture(images[i]);

      translate(v[i]);

      rect(0, 0, 150, 150);

    }

    if (!useTexture) { 

      translate(v[i]);

      pg[i].image(images[i],0, 0);     

      image(images[i], 0, 0,100,100);

    }

  }

​

}

​

​

function mousePressed() {

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

    v[i] = createVector(random(-100, 100), random(-100, 100), random(-100, 100));

  }

}

​

function keyPressed() {

  if (key == ' ') useTexture = !useTexture;

  print(useTexture);

}