Pong

by nukeboy212

HTML

<canvas id="canvas" height="500" width="700"> </canvas>

CSS

canvas {
  background-color: black;
}

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var wPressed = false;
var sPressed = false;
var upPressed = false;
var downPressed = false;
var paddle1height = 30;
var paddle1width = 10;

document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
  if (e.keyCode == 38) {
    upPressed = true;
  } else if (e.keyCode == 40) {
    downPressed = true;
  } else if (e.keyCode == 87) {
    wPressed = true;
  } else if (e.keyCode == 83) {
    sPressed = true;
  }
}

function keyUpHandler(e) {
  if (e.keyCode == 38) {
    upPressed = false;
  } else if (e.keyCode == 40) {
    downPressed = false;
  } else if (e.keyCode == 87
    var paddle1height = 30;
    var paddle1width = 10;) {
    wPressed = false;
  } else if (e.keyCode == 83) {
    sPressed = false;
  }
}

/*ctx.beginPath();
ctx.rect(20, 40, 10, 70);
ctx.fillStyle = "white";
ctx.fill();
ctx.closePath();

ctx.beginPath();
ctx.rect(canvas.width - 30, 40, 10, 70);
ctx.fillStyle = "white";
ctx.fill();
ctx.closePath();*/


function drawPaddle1() {
  ctx.beginPath();
  ctx.rect(20, 40, 10, 70);
  ctx.fillStyle = "white";
  ctx.fill();
  ctx.closePath();
}