var cols = 5;
var rows = 5;
var grid = new Array(cols);

var openSet = [];
var closedSet =[];
var start;
var end;
var w,h;

function Spot(i,j){
    this.x = i;
    this.y = j;
    this.f =0;
    this.g =0;
    this.h =0;
    
    this.show = function() {
        fill(255);
        stroke(0);
        rect(this.x *w,this.y *h, w-1,h-1);
    }
}

function setup(){
    createCanvas(400,400);
    console.log('A*');
    
    w = width /cols;
    h = height/rows;
    
    for(var i =0;i< cols;i++){
        grid[i] = new Array(rows);
    }
    
    for(var i=0;i<cols;i++){
        for(var j=0;j<rows;j++){
            grid[i][j]= Spot(i,j);
        }
    }
    
    console.log(grid);
    start = grid[0][0];
    end = grid[cols-1][rows -1];
    
    openSet.push(start);
    
    
    
}

function draw() {
    
    if(openSet.length > 0){
        
    } else {
        
    }

    background(0);
    
     for(var i=0;i<cols;i++){
        for(var j=0;j<rows;j++){
            grid[i][j].show();
        }
    }
}