58 lines
1.2 KiB
JavaScript
58 lines
1.2 KiB
JavaScript
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()
|
|
|
|
document.cookie = "username=TechRunner"
|
|
|
|
cookieStore.getAll().then(data => {
|
|
for(let i = 0; i < data.length; i++){
|
|
console.log(data[i]["value"]);
|
|
}
|
|
console.log(document.cookie);
|
|
})
|
|
|
|
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
|
|
}
|
|
|