sketch.js

var ballxspeed;
var ballyspeed;
var ballx;
var bally;
var ballw;
var ballh;
var ballangle;
var ballc;
var pad1x;
var pad1y;
var p1c; //player1 and pad1 color
var p2c;
var pad2x;
var pad2y;
var padw;
var padh;

var p1score;
var p2score;
//var pad1ychange;
var c;
var lcolor;

function keyPressed(){
    if (keyCode === DOWN_ARROW){
        pad2move(30);
        console.log(pad2y);
	}

    if (keyCode === UP_ARROW){
        pad2move(-30);
        console.log(pad2y);
	}
    if (keyCode === 90) { // z key press
        pad1move(-30);
        console.log(pad2y);
    }
    if (keyCode === 83) { //s key press
        pad1move(30);
        console.log(pad2y);
    }
}

function keyReleased(){
    if (keyCode === DOWN_ARROW) {
        pad2move(0);
        console.log(pad2y);
    }

    if (keyCode === UP_ARROW) {
        pad2move(0);
        console.log(pad2y);
    }
    if (keyCode === 90) { // z key press
        pad1move(0);
        console.log(pad2y);
    }
    if (keyCode === 83) { //s key press
        pad1move(0);
        console.log(pad2y);
    }
}

function checkstart() {}
    textSize(100);
    text("Press space to start the game :",width/2,height/2);
    if (keyCode === 32) {
        resetpos();
    } // if space is pressed




function pad1move(steps) {
    pad1y += steps
}

function pad2move(steps) {
    pad2y += steps
}



function show() {
background(0);
fill(ballc);
stroke(255);
strokeWeight(2);
ellipse(ballx,bally,ballw,ballh);
fill(p1c);
stroke(255);
strokeWeight(2);
rect(pad1x,pad1y,padw,padh);
fill(p2c);
rect(pad2x,pad2y,padw,padh);
stroke(lcolor);
strokeWeight(7.7);
line((width/2),0,(width/2),height)
line(2.5,0,2.5,height);
line(2.5,0,width+2.5,0);
line(width-2.5,0,width-2.5,height);
line(0,height-2.5,width,height-2.5);

}


function update() {
	ballx += ballxspeed;
	bally += ballyspeed;
    pad1y = constrain(pad1y,(0),(height-padh))
    pad2y = constrain(pad2y,(0),(height-padh))
}

function edges() {
    if (bally < 10 || bally > height) {
        ballyspeed *= -1;
        //edgesbipsound.play();
    }
}
function resetpos() {
	ballx = width/2;
	bally = height/2;
	randomballyspeed();
    randomballxangle();

}


function checkpadcollision() {
    if ((ballx > pad2x-padw) && (bally > pad2y && bally < (pad2y+padh))) {
        //p2c = color(111,0,111);
        ballxspeed *= -1;
    }
    if ((ballx < (pad1x+2*padw)) && (bally > pad1y && bally < (pad1y+padh))) {
        //p1c = color(111,0,111);
        ballxspeed *= -1;
        }
}
function randomballxangle() {
    ballangle = floor((random() * 360) -360);
    ballxspeed *= cos(ballangle);
    ballyspeed *= sin(ballangle);

}

function randomballyspeed() {
  return Math.floor(Math.random() * (3 + 7)) -7;
}




function ballaccel() {
    for(i=0;i>5000;i++) {
        ballx ++;
        bally ++;
        i = 0;
        console.log(ballx)
    }
}

function playersscores() {
    noStroke();
    fill(lcolor);
    textSize(70);
    textFont("Algerian");
    text(p1score,(width/2+width/4),height/8);
    fill(lcolor);
    textSize(70);
    textFont("Algerian");
    text(p2score,width/4,height/8);
}


function scorepoint() {
    if (ballx > width) {
        p2score ++;
        resetpos();
    }
    else if(ballx < 0) {
        p1score++;
        resetpos();
    }
}

/*function preload() {
    padbipsound = loadSound('pong/D3pong.waw');
    edgesbipsound = loadSound('pong/D5pong.waw')
}*/

function rainbowcolor() {
    colorMode(HSB);
    if (c <= 255) {
        c += 0.5;}

    else  {
        c = 0;
    }
    lcolor = color(c,255,255);
}

function waitforstart() {}



function setup() {
createCanvas(windowWidth,windowHeight);
angleMode(DEGREES);
rectMode(NORMAL);// default
rainbowcolor();
ballx = width/2;//to adapt to different screen sizes
bally = height/2;//same
ballw = 20;
ballh = 20;
ballc = color(0);
padw = width/80;//same
padh = height/5;//same
pad1x = 0+(2*padw);
pad1y = ((height/2)-(padh/2));//paddle at the middle of the screen
p1c = color(0);
pad2x = width-3*padw;
pad2y = ((height/2)-(padh/2));//paddle at the middle of the screen
p2c = color(0);
ballxspeed = 7;
ballyspeed = randomballyspeed()
p1score = 0;
p2score = 0;
//padbipsound.setVolume(0.5);
//edgesbipsound.setVolume(0.5);
}



function draw() {
    rainbowcolor();
    edges();
    update();
    show();
    scorepoint();
    playersscores();
    checkpadcollision();
    ballaccel();
    keyPressed();
    keyReleased();
}