var bg = document.getElementById("backgroundSim")
var ctx = bg.getContext("2d");
ctx.canvas.width  = window.screen.availWidth;
ctx.canvas.height = window.screen.availHeight;
rock = new Image();
rock.src = "/media/Art/Rock1.png";

ctx.fill()

cookieStore.getAll().then(data => {
    for(let i = 0; i < data.length; i++){
        console.log(data[i]["value"]);
    }
})

var resolutionTag = document.getElementById("resolutionTag");
resolutionTag.textContent = "document: " + window.screen.availWidth + "x" + window.screen.availHeight + ", inner window: " + window.innerWidth + "x" + window.innerHeight;

function drawCircle(x, y, r){
    ctx.beginPath();
    ctx.arc(x, y, r, 0, 2*Math.PI)
    ctx.stroke();
}

particle = {
    x: 20,
    y: 20,
    r: 10,
    vx: 0.01,
    vy: 0.01,
    update: function(){
        self.x += self.vx;
        self.y += self.vy;
    },
    draw: function(){
        ctx.drawImage(rock, self.x, self.y);
    }
}



rock.onload = function(){
    let i = 0;
    while (i < 25){
        ctx.drawImage(rock, Math.random(1)*ctx.canvas.height,Math.random(1)*ctx.canvas.height);
        i += 1;
    }
    particle.draw();
}

function Populate(){
    let particle 
}