Answers for "javascript game html"

0

javascript game

window.onload = function() {
     canvas = document.createElement("canvas");
     canvas.width = 400;
     canvas.height = 400;
     canvasContext = canvas.getContext("2d");
     document.body.appendChild(canvas);
     setInterval(gameCanvas, 1000/10);
}
function gameCanvas() {
     canvasContext.fillStyle = "black";
     canvasContext.fillRect(0, 0, canvas.width, canvas.height);
     canvasContext.fillStyle = "cyan";
     canvasContext.fillRect(0, 330, 20, 70);
     canvasContext.fillStyle = "orange";
     canvasContext.fillRect(380, 330, 20, 70);
     canvas.addEventListener("click", function() {
          canvasContext.fillStyle = "yellow";
          canvasContext.fillRect(25, 360, 15, 7);
     });
     canvasContext.fillStyle = "darkblue";
     canvasContext.fillRect(0, 0, canvas.width, 100);
     canvasContext.fillStyle = "red";
     canvasContext.fillRect(0, 100, canvas.width, 100);
     canvasContext.fillStyle = "gray";
     canvasContext.fillRect(30, 80, 80, 30);
     canvasContext.fillStyle = "gray";
     canvasContext.fillRect(200, 150, 80, 30);
     canvasContext.fillStyle = "gray";
     canvasContext.fillRect(250, 50, 80, 30);
}
Posted by: Guest on October-08-2021

Browse Popular Code Answers by Language