მეხსიერების თამაში: ფილების ბადის დახატვა

var Tile = function(x, y) {
  this.x = x;
  this.y = y;
  this.width = 50;
};

var tiles = [];

var NUM_COLS = 5;
var NUM_ROWS = 4;
for (var i = 0; i < NUM_COLS; i++) {
  for (var j = 0; j < NUM_ROWS; j++) {
    var tileX = i * 54 + 5;
    var tileY = j * 54 + 40;
    tiles.push(new Tile(tileX, tileY));
  }
}

Tile.prototype.draw = function() {
  fill(214, 247, 202);
  strokeWeight(2);
  rect(this.x, this.y, this.width, this.width, 10);
  image(getImage("avatars/leaf-green"),
        this.x, this.y, this.width, this.width);
};

for (var i = 0; i < tiles.length; i++) {
    tiles[i].draw();
}

var faces = [
    getImage("avatars/leafers-seed"),
    getImage("avatars/leafers-seedling"),
    getImage("avatars/leafers-sapling"),
    getImage("avatars/leafers-tree"),
    getImage("avatars/leafers-ultimate"),
    getImage("avatars/marcimus"),
    getImage("avatars/mr-pants"),
    getImage("avatars/mr-pink"),
    getImage("avatars/old-spice-man"),
    getImage("avatars/robot_female_1"),
    getImage("avatars/piceratops-tree"),
    getImage("avatars/orange-juice-squid")
];

var selected = [];
for (var i = 0; i < 10; i++) {
    // სახეების მასივიდან აირჩიეთ ერთი შემთხვევითი 
    var randomInd = floor(random(faces.length));
    var face = faces[randomInd];
    // Push 2 copies onto array
    selected.push(face);
    selected.push(face);
    // ამოიღეთ სახეების მასივებიდან, რათა შემდეგ ცდაზე არ ავირჩიოთ იგივე სახე
    faces.splice(randomInd, 1);
}

var shuffleArray = function(array) {
    var counter = array.length;

    // სანამ მასივში არის ელემენტები
    while (counter > 0) {
        // შემთხვევითად ვირჩევთ ინდექსს
        var ind = Math.floor(Math.random() * counter);
        // შევამციროთ მთვლელი ცვლადი (counter) 1-ით
        counter--;
        // და ბოლო ელემენტს ადგილი გავუცვალოთ მასთან
        var temp = array[counter];
        array[counter] = array[ind];
        array[ind] = temp;
    }
};

for (var i = 0; i < NUM_COLS; i++) {
  for (var j = 0; j < NUM_ROWS; j++) {
    var tileX = i * 54 + 5;
    var tileY = j * 54 + 40;
    var tileFace = selected.pop();
    var tile = new Tile(tileX, tileY, tileFace);
    tiles.push(tile);
  }
}

Tile.prototype.draw = function() {
    fill(214, 247, 202);
    strokeWeight(2);
    rect(this.x, this.y, this.width, this.width, 10);
    if (this.isFaceUp) {
        image(this.face, this.x, this.y,
              this.width, this.width);
    } else {
        image(getImage("avatars/leaf-green"),
              this.x, this.y, this.width, this.width);
    }
};

for (var i = 0; i < tiles.length; i++) {
  tiles[i].isFaceUp = true;
  tiles[i].draw();
}