Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Air Hockey! It's Back!
ID	5278328121065472
Created	10 years ago, 1446157247226
Updated	10 years ago, 1447726034645
Code	/ No Longer Supported Program... Khan Update changed the way the game used to work. My sincerest apology... Its a mess now... / Recent Updates *\ 10/31/15 ! Color Your Paddles (Line 24 & Line 25) * Pause Menu Now Implemented! * New Paddle Textures! * Added "Recent Updates" Log. Will try my best to log significant updates! 11/2/15 !* You can now Name the Players (Line 21 & Line 22) PS: For best formating try to refrain from names longer than 7 letters. !* Implemented the "Reset Puck" Button in case the puck glitches. This allows you to reset the puck without reseting the score! * Changed the controls for 2 Player. WASD now controls the Upper Paddle. The arrow keys now control the Lower Paddle. 11/6/15 !Combined play1playerF and play2playerF into "playF" to reduce 200 lines of code and increase efficiency tenfold! 11/16/15 !Come back to a game that doesn't work... Freezes upon playF() for some reason. Maybe Khan update??? /*****************************\ \| This is a recreation \| \| of my original Air Hockey \| \| game! \| \| Please give credit to me, \| \| Daniel Haugen, If you plan \| \| on using my code.Thanks! \| \***************************/ /Variables*/ var menu = true; var gameSelect = false; var instructions = false; var play1player = false; var difficultySelect = false; var play2player = false; var countdown = false; var pauseMenu = false; var rotates = 0; var lowerNickname = "Red"; //Name player 1 var upperNickname = "Blue"; //Name player 2 var lowerPuckColor = color(255, 0, 0); //Change the color of the Bottom Puck!!! var upperPuckColor = color(0, 0, 255); //Change the color of the Top Puck!!! textFont(createFont("imperial"),50); cursor.call(ARROW); var cdnumber = 140; //Main button Function var drawButton = function (name,buttonX,buttonY,buttonW,buttonH,previous,next){ /Back button/ fill(0, 0, 0); rect(buttonX,buttonY,buttonW,buttonH, 10); //Make button text fill(255, 255, 255); textSize(buttonW/6); textAlign(CENTER,CENTER); text(name, buttonX + (buttonW/2), buttonY + (buttonH/2)); //If the mouse is in the same place as the button if(mouseX > buttonX && mouseX < buttonX + buttonW && mouseY > buttonY && mouseY < buttonY + buttonH){ //Check to see if the mouse is pressed if(!mouseIsPressed){ //If mouse is not pressed then light up button fill(175, 175, 175); rect(buttonX,buttonY,buttonW,buttonH, 10); fill(0, 0, 0); text(name, buttonX + (buttonW/2), buttonY + (buttonH/2)); } } var mouseClicked = function () { if(mouseX > buttonX && mouseX < buttonX + buttonW && mouseY > buttonY && mouseY < buttonY + buttonH){ previous = false; next = true; if(play1player \|\| play2player){ countdown = false; //Program.restart(); pauseMenu = true; } } }; }; var loadingF = function(x,y,size){ pushMatrix(); translate(x,y); rotate(rotates); stroke(0, 0, 0); strokeWeight(size/4); noFill(); ellipse(0,0,size,size); noStroke(); for(var c = 0;c<15;c++){ pushMatrix(); rotate(c16); colorMode(HSB); fill(frameCount%255,255, 255, c15); colorMode(RGB); ellipse((size/2),0,size/5,size/5); popMatrix(); } popMatrix(); if(rotates < 361){ rotates+=4; } if(rotates >= 360){ rotates = 0; } }; /Main menu/ var menuF = function(){ /Start Up/ loadingF(200,200,300); //Buttons drawButton("Play", 150, 170, 100, 20, menu, gameSelect); drawButton("Instructions", 150, 230, 100, 20, menu, instructions); //Title fill(0, 0, 0); textSize(38); textAlign(CENTER,CENTER); text("Air Hockey", 200,140); /* Buttons / mouseReleased = function () { //Play Button if(mouseX > 150 && mouseX < 250 && mouseY > 170 && mouseY < 190){ //If mouse is pressed go to play menu = false; gameSelect = true; } // Instruction Button if(mouseX > 150&&mouseX < 250 && mouseY > 230 && mouseY < 250){ //If the mouse is pressed go to instructions menu = false; instructions = true; } }; }; /Version select/ var gameSelectF = function(){ /Start Up/ textAlign(CENTER); loadingF(200,200,300); //Title fill(0, 0, 0); textSize(38); text("Version", 200,140); / One Player / drawButton("1 Player", 150, 170, 100, 20, menu, gameSelect); //Check to see if the mouse is in the same place as the button if(mouseX > 150 && mouseX < 250 && mouseY > 170 && mouseY < 190){ //Check to see if the mouse is pressed if(!mouseIsPressed){ fill(0, 0, 0); rect(mouseX+15,mouseY-15,155,80,5); fill(255, 255, 255); textSize(15); text("Control the red paddle\nwith the mouse.\nPlay against a \ncomputer player.",mouseX+90,mouseY+25); } } mouseReleased = function () { if(gameSelect && mouseX > 150 && mouseX < 250 && mouseY > 170 && mouseY < 190){ //If mouse is pressed go to play gameSelect = false; play1player = true; } }; / Two Player / drawButton("2 Player", 150, 230, 100, 20, menu, gameSelect); //Check to see if the mouse is in the same place as the button if(mouseX > 150 && mouseX < 250 && mouseY > 230 && mouseY < 250){ //Check to see if the mouse is pressed if(!mouseIsPressed){ fill(0, 0, 0); rect(mouseX+15,mouseY-15,155,80,5); fill(255, 255, 255); textSize(15); text("Control the blue paddle\nwith WASD.\nControl the red paddle\nwith arrow keys.",mouseX+92,mouseY+25); } } mouseClicked = function () { if(gameSelect && mouseX > 150 && mouseX < 250 && mouseY > 230 && mouseY < 250){ //If the mouse is pressed go to 2 Player gameSelect = false; play2player = true; } }; }; /Instructions*/ var instructionsF = function(){ textAlign(CENTER,CENTER); fill(0, 0, 0); rect(35,25,350,350,10); //Text textSize(25); fill(255, 255, 255);//White text("Instructions", 210, 50); textSize(18); text("1 Player:\n Use your mouse to control the red paddle.\n * The goal is to score 9 points before the\n computer player does.\n=================================\n 2 Player:\n* The first player uses WASD to control \nthe upper paddle.\n * The other player controls the lower\n paddle with the arrow keys.", 210, 180); drawButton("Back",160, 325, 100, 20); //If the mouse is in the same place as the button if(mouseX > 160 && mouseX < 260 && mouseY > 325 && mouseY < 345){ if(mouseIsPressed){ //If mouse is pressed go to menu instructions = false; menu = true; } } }; /Play/ var pauseMenuF = function(){ fill(161, 161, 161); rect(90,90,225,220,10); fill(0, 0, 255); /Home/ drawButton("Resume",110,110,180,40); mouseReleased = function () { if(mouseX > 110 && mouseX < 290 && mouseY > 110 && mouseY < 150){ pauseMenu = false; countdown = true; } }; /Restart/ drawButton("Restart",110,160,180,40); if(mouseIsPressed && mouseX > 110 && mouseX < 290 && mouseY > 160 && mouseY < 200){ countdown = true; pauseMenu = false; } /Reset Puck/ drawButton("Reset Puck",110,210,180,40); /Resume/ drawButton("Home",110,260,180,40); if(mouseIsPressed && mouseX > 110 && mouseX < 290 && mouseY > 260 && mouseY < 300){ Program.restart(); } }; /Variables/ var x = 200; // variable for the starting x position of ball var y = 200; //variable for the starting y position of ball var redScore = 0; //variable to keep track of current score var blueScore = 0; var player2Y = 125; var player2X = 200; var x1pos = 200; var y1pos = 100; var x2pos = 200; var y2pos = 300; var count = 0; var playF = function(){ /Constants/ var speedy = 0; //starting up-down speed of the ball var speedx = 4; //starting side-side speed of the ball var paddleSize = 30; var PLAYER_MOVE_SPEED = 3.25; /2 Player Movement/ var xv = 0; var yv = 0; var xa = 0; var ya = 0; var keys = []; var keyPressed = function() { keys[keyCode] = true; }; var keyReleased = function() { keys[keyCode] = false; }; if(play1player \|\| play2player){ cursor("NONE"); countdown= true; }else{ countdown=false; cursor("DEFAULT"); } /Set up/ var player1Y = mouseY; var player1X = mouseX; colorMode(HSB); background(frameCount%255,255, 255); colorMode(RGB); { stroke(0, 0, 0); fill(46, 46, 46); rect(40,23,325,355,25); //Border fill(255, 255, 255); rect(65,50,275,300); //Arena fill(upperPuckColor); quad(80, 2, 300, 2, 315, 23, 100, 23); //Right-Side ScoreBoard fill(lowerPuckColor); quad(80, 2, 190, 2, 190, 23, 100, 23); //Left-Side ScoreBoard fill(61, 61, 61); stroke(0, 0, 0); stroke(0, 0, 0); //Midline strokeWeight(5); line(68,200,335,200); stroke(255, 0, 0); fill(255, 255, 255); ellipse(200,200,45,45); } arc(200,53,75,50,0,180); arc(200,348,75,50,180,360); fill(0, 0, 0); stroke(0, 0, 0); fill(255, 255, 255); textAlign(CENTER); textFont(createFont("imperial"),18); //sets the font bigger text(redScore,175,19); //draws the Red score //textAlign(LEFT); text(lowerNickname, 130,19); //writes the Red score fill(255, 255, 255); text(blueScore, 200,19); //draws the Blue score text(upperNickname,250,19); //writes the Red score textAlign(CENTER); / Hit the Walls / if(x>320) { speedx =-1; } //turn the ball around when it hits the right wall if(x<80) { speedx = -1; } //turn the ball around when it hits the left wall if(y<58) { speedy =-1; } //turn the ball around when it hits the top if (y > 342) { speedy = -1; } //turn the ball around when it hits the Bottom /Draw Paddles/ if(countdown && play1player){ mouseY= constrain(mouseY,200,400); } if(play1player){ //Upper Paddle noStroke(); player2Y= constrain(player2Y,130,165); player2X= constrain(player2X,100,300); fill(0, 0, 0,80); ellipse(player2X-paddleSize/10,player2Y+paddleSize/10,paddleSize,paddleSize); fill(upperPuckColor); ellipse(player2X, player2Y, paddleSize, paddleSize); fill(255, 255, 255,80); ellipse(player2X+paddleSize/20,player2Y-paddleSize/20,paddleSize/1.3,paddleSize/1.3); //Lower Paddle noStroke(); player1Y= constrain(player1Y,200,330); player1X= constrain(player1X,85,320); fill(0, 0, 0,80); ellipse(player1X-paddleSize/10,player1Y+paddleSize/10,paddleSize,paddleSize); fill(lowerPuckColor); ellipse(player1X, player1Y, paddleSize, paddleSize); fill(255, 255, 255,80); ellipse(player1X+paddleSize/20,player1Y-paddleSize/20,paddleSize/1.3,paddleSize/1.3); } if(play2player){ /Lower Paddle/ y2pos= constrain(y2pos,200,320); x2pos= constrain(x2pos,95,312); noStroke(); fill(0, 0, 0,80); ellipse(x2pos-paddleSize/10,y2pos+paddleSize/10,paddleSize,paddleSize); //Shadow fill(lowerPuckColor); ellipse(x2pos, y2pos, paddleSize, paddleSize); //Paddle fill(255, 255, 255,80); ellipse(x2pos+paddleSize/20,y2pos-paddleSize/20,paddleSize/1.3,paddleSize/1.3); //Glow /Upper paddle/ y1pos= constrain(y1pos,78,200); x1pos= constrain(x1pos,92,315); noStroke(); fill(0, 0, 0,80); ellipse(x1pos-paddleSize/10,y1pos+paddleSize/10,paddleSize,paddleSize); //Shadow fill(upperPuckColor); ellipse(x1pos, y1pos, paddleSize, paddleSize); //Paddle fill(255, 255, 255,80); ellipse(x1pos+paddleSize/20,y1pos-paddleSize/20,paddleSize/1.3,paddleSize/1.3); //Glow } /Move Paddles (2 Player)/ if(play2player){ /Move Upper Paddle/ if (keyIsPressed && keys[UP]) { //this checks if up arrow is pressed yv = yv - 0.4; } //move Up if (keyIsPressed && keys[DOWN]) { yv = yv + 0.4; } //move Down if (keyIsPressed && keys[LEFT]) { xv = xv - 0.4; } //move Left if (keyIsPressed && keys[RIGHT]) { xv = xv + 0.4; } //move Right xv = xv * 0.9; //slowing it down yv = yv * 0.9; x2pos += xv; //setting the positions to the positions + movement y2pos += yv; fill(255, 255, 255); /Move Lower Paddle/ if (keyIsPressed && keys[87]) { //this checks if up arrow is pressed ya = ya - 0.4; } //move Up if (keyIsPressed && keys[83]) { ya = ya + 0.4; } //move Down if (keyIsPressed && keys[65]) { xa = xa - 0.4; } //move Left if (keyIsPressed && keys[68]) { xa = xa + 0.4; } //move Right xa = xa * 0.9; //slowing it down ya = ya * 0.9; x1pos += xa; //setting the positions to the positions + movement y1pos += ya; } /Countdown/ if(countdown === true){ fill(0, 0, 0); cdnumber--; textSize(40); textAlign(CENTER); if (cdnumber > 19){ text(round(cdnumber/40), 200, 215); } else if (cdnumber > -20){ text("Go!", 200, 215); } else { noStroke(); ellipse(x, y, 20, 20); //draws the puck stroke(0, 0, 0); y -= speedy; //sets the new position for where x += speedx; //the ball will drawn next time } if (count ===0){ println("Sorry, I came back to my program after a Khan Academy update and it killed the game. My sincerest apologies. The puck and Hit boxes are screwed up..."); count = 1; } } /Paddle Hit-Boxes/ if(play1player){ if (dist(player1X, player1Y, x, y) <= paddleSize){ if(y+20>=player1Y && y<=player1Y && x >= player1X-13 && x <= player1X+13 ){ speedy= 4; } //Red hitting down if(y-21<=player1Y && y>=player1Y && x >= player1X-13 && x <= player1X+13 ){ speedy= -4; } //Red hitting up if(y>=player1Y-15 && y<=player1Y+15 && x<= player1X+15){ speedx=4; } //Red hitting right if(y>=player1Y-15 && y<=player1Y+15 && x<= player1X-15){ speedx =-4; } //Red hitting Left } //Lower paddle if (dist(player2X, player2Y, x, y) <= paddleSize){ if(y<=player2Y+15 && y>=player2Y+10 && x >= player2X-20 && x<= player2X+20){ speedy= -4; } //Blue hitting down if(y>=player2Y-15 && y<=player2Y-10 && x >= player2X-20 && x <= player2X+20){ speedy= 4; } //Blue hitting up if(y>=player2Y-20 && y<=player2Y+20 && x<= player2X+20 && x> player2X){ speedx= 4; } //Blue hitting right if(y>=player2Y-20 && y<=player2Y+20 && x>= player2X-20 && x< player2X){ speedx= -4; } //Blue hitting Left } //Upper paddle } if(play2player){ if(y-20<y2pos && y>y2pos && x > x2pos-15 && x< x2pos+15){ speedy = -1; } //Red hitting down if(y+20>y2pos && y-10<y2pos && x > x2pos-20 && x < x2pos+20 ){ speedy = -1; } //Red hitting up if(y>y2pos-20 && y<y2pos+20 && x< x2pos+15){ speedx = -1; } //Red hitting right if(y>y2pos-20 && y<y2pos+20 && x< x2pos-15){ speedx = -1; } //Red hitting Left if(y-20<y1pos && y>y1pos && x > x1pos-15 && x< x1pos+15){ speedy = -1; } //Blue hitting down if(y+20>y1pos && y-10<y1pos && x > x1pos-20 && x < x1pos+20 ){ speedy = -1; } //Blue hitting up if(y>y1pos-20 && y<y1pos+20 && x< x1pos+15){ speedx = -1; } //Blue hitting right if(y>y1pos-20 && y<y1pos+20 && x< x1pos-15){ speedx = -1; } //Blue hitting Left } /Scoring/ //Upper Paddle scores if (y > 340 && x > 170 && x < 230) { //if it scored it will need to start over cdnumber=90; x=200; y = 220; //reset the ball to the middle speedy=4; //set the speeds back to normal speedx=4; blueScore += 1; //resets the score if(blueScore === 9) { countdown = false; } } //Lower Paddle scores if (y < 60 && x > 170 && x < 230) { //we will need to start over cdnumber=90; x=200; y = 180; //reset the ball to the middle speedy=4; //set the speeds back to normal speedx=4; redScore += 1; //resets the score if(redScore===9) { countdown = false; } } /AI/ if(play1player){ if (abs(player2X-x) < PLAYER_MOVE_SPEED){ player2X = x; } else if (player2X> x) { player2X -= PLAYER_MOVE_SPEED; } else if (player2X-x <= PLAYER_MOVE_SPEED) { player2X += PLAYER_MOVE_SPEED; } if (abs(player2Y-y) < PLAYER_MOVE_SPEED){ player2Y = y; } else if (player2Y> y) { player2Y -= 0.4; } else if (player2Y-y <= PLAYER_MOVE_SPEED) { player2Y += 0.4; } } /Winning/ if (blueScore === 9) { countdown = false; stroke(0, 0, 0); fill(150, 150, 150); rect(100,150,200,110, 10); fill(upperPuckColor); textSize(40); textAlign(CENTER); text(upperNickname + " Wins!",200,210); drawButton("Restart",100,220,200,30); if(mouseIsPressed && mouseX > 100 && mouseX < 300 && mouseY > 220 && mouseY < 250){ blueScore = 0; redScore = 0; countdown = true; cdnumber = 140; } textSize(18); } if (redScore === 9) { countdown = false; stroke(0, 0, 0); fill(150, 150, 150); rect(100,150,200,110, 10); fill(lowerPuckColor); textSize(40); textAlign(CENTER); text(lowerNickname + " Wins!",200,210); drawButton("Restart",100,220,200,30); if(mouseIsPressed && mouseX > 100 && mouseX < 300 && mouseY > 220 && mouseY < 250){ blueScore = 0; redScore = 0; countdown = true; cdnumber = 140; } textSize(18); } /Button/ if (countdown){ stroke(0, 0, 0); fill(255, 255, 255);//White rect(5, 360, 38, 38, 10); textSize(18); //Make button text fill(0, 0, 0);//Black rect(18, 370, 1, 20); rect(28, 370, 1, 20); //If the mouse is in the same place as the button if(mouseX > 5 && mouseX < 43 && mouseY > 360 && mouseY < 398){ //Check to see if the mouse is pressed if(!mouseIsPressed){ //If mouse is not pressed then light up button fill(175, 175, 175); rect(5, 360, 38, 38, 10); fill(0, 0, 0); rect(18, 370, 1, 20); rect(28, 370, 1, 20); } mouseClicked = function () { countdown = false; pauseMenu = true; }; } } else { noFill(); noStroke(); rect(5, 360, 38, 38, 10); stroke(0, 0, 0); } /Pause Menu/ if(pauseMenu){ pauseMenuF(); if(mouseIsPressed && mouseX > 110 && mouseX < 290 && mouseY > 160 && mouseY < 200){ cdnumber = 140; blueScore = 0; redScore = 0; x = 200; y = 200; countdown = true; pauseMenu = false; } else if(mouseIsPressed && mouseX > 110 && mouseX < 290 && mouseY > 210 && mouseY < 250){ cdnumber = 140; x = 200; y = 200; countdown = true; pauseMenu = false; } } }; /Execution/ draw = function() { /Background/ if(menu \|\| instructions \|\| gameSelect){ //Background colorMode(HSB); background(frameCount%255,255, 255); colorMode(RGB); } /Pages/ if(menu){ menuF(); }else if (instructions){ instructionsF(); }else if(play1player \|\| play2player){ playF(); }else if(gameSelect){ gameSelectF(); } };
Folds	55,86,88,113,116,143,146,197,200,219,222,250,301,321,339,341,342,344,345,347,348,350,353,355,357,379,381,405,408,445,473,503,505,530,534,544,546,556,559,579,582,599,600,617,619,643,644,649,651,668
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjFyJOwCQw
Votes	188
Spin-Offs	8
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Daniel Haugen
Author Name	dh10293
Author ID	kaid_747409779836101038109684
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739379014953
Updated	10 months ago, 1739379022235
Source Deleted	unknown