Viewing Program

Program Data

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

Title	Super Paddle-ball! (With Sound!)
ID	6113364499496960
Created	11 years ago, 1393377406364
Updated	9 years ago, 1467729853562
Code	/** * Welcome to my new and improved super paddle ball! Created on 2/16/2014 * * * FIXES: * The ball will no longer get stuck thanks to petert! * new changing colors thanks to charlie! * * //please tell me if you notice any bugs on the game in the tips and thanks. * * this took me a while to recode and add the sound so votes are appreciated but not needed or demanded! * here is my Original!: * https://www.khanacademy.org/computer-programming/paddle-ball-updated-22814/6113364499496960 * * here are the Updates: * walls change dimentions when your score gets to 15, 20, 25, 30, 35, 40, 50 all getting harder * sounds! I added a lot of sound tracks to help make this game amazing! * all recoded to reduce laggyness! / { //*****************sounds!*******************\\ { var hitWall = getSound("rpg/hit-thud"); var hitPaddle = getSound("rpg/hit-clop"); var lifeLost = getSound("rpg/giant-no"); var hiScore = getSound("rpg/metal-chime"); } //************Variables for changing color**************\\special thanks to charlie! var r=255; var g=0; var b=0; var spd1=5; var spd2=5; var spd3=5; //*************limits starting points****************\\ { var limitTop = 0; var limitRight = 0; var limitLeft = 0; var top = 0; var right = 0; var left = 0; var t = 0; var resetLimits = function(){ limitTop=0; top=0; limitRight=0; right=0; limitLeft=0; left=0; }; } //*************Variables for the menu screen**************\\ { var colors = "changing colors"; var x1 = 200; var y1 = 200; var s1x = 6; var s1y = 6; var howhard = 4; var page = "main"; } //*************Variables for the play screen************************\\ { var score = 0;//score var Hscore = 0;//high score var lives = 3;//lives (don't even bother changing them :P) var dead = false;//dead or alive var ballmove = false;//if the ball is moving in the air or on paddle var paddleW = 100;//paddle width var paddleX;//x position of the paddle var pause = false;//if the game is paused var ringTime = 0;// ring time var speed = 5; var speedLimit = 8; var Size = 15; } ////***************Functions for the game******************\\\\ var button = function(x,y,w,h,s,s2,si,color1,color2,color3,txt,where){ if(mouseX>x&&mouseX<x+w&&mouseY>y&&mouseY<y+h){ strokeWeight(s2); mouseClicked = function(){ page = where; }; }else{ strokeWeight(s); } fill(color1); stroke(color2); rect(x,y,w,h); fill(color3); textSize(si); textAlign(CENTER,CENTER); text(txt,x+w/2,y+h/2); }; var colorChange = function(){ if(r===255){g+=spd2;b-=spd3;} if(g===255){r-=spd1;b+=spd3;} if(b===255){g-=spd2;r+=spd1;} }; var cButton = function(x,y,w,h,co,col){ textAlign(CENTER,CENTER); if(mouseIsPressed&&mouseX<x+w&&mouseX>x&&mouseY<y+h&&mouseY>y){ colors=co; } if(colors === co){ strokeWeight(8); textSize(26); }else{ strokeWeight(2); textSize(20); } fill(col); rect(x,y,w,h); fill(0, 0, 0); text(co,x+w/2,y+h/2); }; var fills = function(){ switch(colors){ case "red": fill(255, 0, 0); break; case "yellow": fill(255, 255, 0); break; case "green": fill(0, 235, 16); break; case "blue": fill(0, 145, 255); break; case "purple": fill(172, 0, 181); break; case "changing colors": fill(r,g,b); break; } }; var bricks = function(){ var br = function(x,y){ fill(209, 45, 0); rect(x,y,20,10,2); }; noStroke(); background(242, 225, 191);//bricks for (var k=0;k<450;k+=24){ for (var i=0;i<450;i+=22){ br(i-10,k+12); br(i,k); } } }; var ring = function(){ if(score===Hscore&&ringTime<10&&score!==0){ ringTime++; playSound(hiScore); } }; var Ball = function(){ this.position = new PVector(200,20); this.velocity = new PVector(6,6); }; Ball.prototype.display = function() { ellipse(this.position.x,this.position.y,Size,Size); }; Ball.prototype.update = function(){ if(speed<speedLimit){ speed+=0.0018(howhard/2); } this.position.add(this.velocity); this.velocity.normalize(); this.velocity.mult(speed); //checking edges if(this.position.x>width-(Size/2)-right){ this.position.x=width-right-Size/2; this.velocity.x=-1; //this.velocity.y+=random(-1.5,1.5); playSound(hitWall); } if(this.position.x<left+Size/2){ this.position.x=left+Size/2; this.velocity.x=-1; playSound(hitWall); //this.velocity.y+=random(-1.5,1.5); } if(this.position.y<top+Size/2){ this.position.y=top+Size/2; this.velocity.y=-1; this.velocity.x=random(0.7,1.4); playSound(hitWall); } if(this.position.y>360-Size/2&&this.position.x> mouseX-paddleW/2&&this.position.x< mouseX+paddleW/2&&this.position.y<370){ this.position.y=360-Size/2; this.velocity.y=-1; playSound(hitPaddle); score++; } if(this.position.y>380&&this.position.y<390){ playSound(lifeLost); } if(this.position.y>390&&lives>1){ ballmove=false; lives-=1; speed=5; }else if(this.position.y>390&&lives===1){ ballmove=false; dead=true; }else { dead=false; } }; var ball = new Ball(); var draw = function() { colorChange(); var hh = round(howhard1.25); var speedLimit =hh; x1+=s1x;//Moving the ball menu screen X y1+=s1y;//Moving the ball menu screen Y { if(x1<60\|\|x1>342){ s1x=-s1x; } if(y1<18\|\|y1>232){ s1y=-s1y; } }//ball bounce on menu screen if(page==="main"){//Main Menu bricks(); fill(0, 0, 0); strokeWeight(6); stroke(42, 230, 0); rect(50,10,300,250);//blackscreen textSize(40); pushMatrix(); translate(263,69); rotate(23); fill(y11.5, x11.5, x1/y13); text("With\nSOUND!",0,0); popMatrix(); button(50,301,300,50,5,6,30,color(85, 255, 0),color(28, 166, 0),color(22, 112, 0),"Play!","play"); button(50,361,300,30,5,6,20,color(85, 255, 0),color(28, 166, 0),color(22, 112, 0),"costomize paddle","costomize"); ///mini paddle ball animation: fills(); noStroke(); ellipse(x1,y1,16,16); rect(x1-20,240,40,8); //white colums on the sides fill(255, 255, 255); rect(10,20,25,250); rect(365,20,25,250); fill(12, 138, 0); //writings tip: using backslash n (\n) is like pressing enter when your writing. text("c\nr\ne\na\nt\ne\nd\n\nb\ny",22.5,140); text("J\na\nc\no\nb",377.5,140); var op;//opacity if(mouseX>300&&mouseX<350&&mouseY>10&&mouseY<60){//controls opacity when mouse is on or off the help button. mouseClicked = function(){ page="how to play"; }; op = 200; }else{ op=100; } //op is for opacity and is for the opacity of the help button. fill(143, 143, 143,op); rect(297,13,50,50); fill(87, 87, 87); textSize(50); text("?",325,35); }else if(page==="costomize"){ { background(255, 255, 255); stroke(0, 0, 0); cButton(0,0,80,50,"red",color(255, 0, 0)); cButton(80,0,80,50,"yellow",color(255, 255, 0)); cButton(160,0,80,50,"green",color(4, 219, 4)); cButton(240,0,80,50,"blue",color(0, 196, 255)); cButton(320,0,80,50,"purple",color(189, 0, 161)); cButton(0,50,400,50,"changing colors",color(r,g,b)); //difficulty meter strokeWeight(2); stroke(0, 0, 0); line(200,190,200,235); line(80,190,80,235); line(320,190,320,235); line(140,195,140,230); line(260,195,260,230); stroke(0, 0, 0); fill(255, 255, 255); rect(50,200,300,25); rect(75,207.5,250,10); fills(); if(mouseIsPressed&&mouseX>80&&mouseX<330&&mouseY>190&&mouseY<230){ howhard = mouseX/50; } var diff = howhard50; rect(diff-5,205,10,20); triangle(diff,195,diff-5,205,diff+5,205); triangle(diff,235,diff-5,225,diff+5,225); textSize(25); text(howhard1.25,diff,250); text("2",80,175); text("5",200,175); text("8",320,175); text("3.5",140,175); text("6.5",260,175); fill(0, 0, 0); textSize(35); text("Difficulty: "+hh,200,130); textSize(20); //***********************back***************************************** fills(); rect(0,350,100,50); fill(0, 0, 0); textSize(20); text("Save",50,375); textAlign(CENTER,CENTER); }//code for the "costomize paddle" page, with difficulty slider. //Save button mouseClicked = function(){ if(mouseY>350&&mouseX<100){ page="main"; } }; }else if(page === "how to play"){ { noStroke(); background(54, 191, 255); fill(0, 0, 0,50); rect(37,15,310,380); fill(250, 237, 170); rect(45,10,310,380); fill(0, 0, 0,80); textSize(30); textAlign(CENTER,CENTER); text("How To Play",197,52); fill(0); text("How To Play",200,50); textSize(20); textAlign(LEFT, TOP); text("The goal of this game is to get the highest score.\n\nTo do that you have to keep the ball from going out of the screen by moving your mouse to catch the ball with the paddle. If the ball falls out, you will loose a life. You have a total of 3 lives to get the highest score possible.",54,100,300,629); textAlign(CENTER,CENTER); if(mouseX<100&&mouseY>350){ strokeWeight(7); stroke(17, 0, 255); textSize(30); } else { textSize(25); strokeWeight(4); stroke(0, 64, 255); } fill(0, 145, 255); rect(0,350,100,50); fill(0, 0, 0); text("Back",50,375); } //Back button mouseClicked = function(){ if(mouseX<100&&mouseY>350){ page="main"; } }; }else if(page === "play"){ //Levels of difficulty: if(score>9){ speedLimit=10; } if(score>14){ limitTop=70 ; speedLimit=12; } if(score>19){ limitRight=26; limitLeft=26; } if(score>24){ paddleW=75; speedLimit=15; } if(score>29){ limitTop=125; Size=10; paddleW=60; speedLimit=16; } if(score>34){ limitTop=175; limitLeft=0; limitRight=0; } if(score>39){ limitTop=200; } if(score>49){ t++; right = 20+cos(t4)20; left = 20+cos(t4 )20; speedLimit=20; Size=10; paddleW=50; } if(top>limitTop){ top--; }else if(top<limitTop){ top++; } if(right>limitRight){ right-=2; }else if(right<limitRight){ right+=2; } if(left >limitLeft){ left--; }else if(left<limitLeft){ left++; } bricks(); fill(0, 0, 0,150); rect(0,0,400,65); fill(0, 0, 0); stroke(255, 255, 255); strokeWeight(6); rect(left-3, top-3, 406-right-left, 406); { textSize(40); textAlign(200,200); textFont(createFont("Arial")); fill(15, 230, 0); textSize(25); text("your Score: "+score,236,20); textSize(15); if(score>=Hscore){ text("new High Score!: "+Hscore,243,35); }else{ text("High Score: "+Hscore,280,35); } text("difficulty: "+hh,10,60); text('press "space" to pause',10,40); textSize(20); text("Lives remaining: "+lives,0,20); }//text on the play page. ring(); if(score>Hscore){ Hscore=score; } strokeWeight(1); stroke(0, 0, 0); fills(); ball.display(); rect(paddleX-paddleW/2,360,paddleW,Size/1.5); if(mouseX-paddleW/4>left&&mouseX+paddleW/4<400-right){ paddleX=mouseX; } keyPressed=function(){ if(keyCode===32){ pause= !pause; } }; if(!pause&&ballmove){ ball.update(); }else if(!ballmove){ ball.position.x=paddleX; ball.position.y=360-Size/2; } if(ballmove===false){ mouseClicked = function(){ if(!pause){ ball.velocity.x=6; ball.velocity.y=6; } ballmove=true; pause=false; }; } if(dead===true){ strokeWeight(2); stroke(0, 0, 0); fill(0, 0, 0,240); rect(0,0,400,400); fill(255, 234, 0); ellipse(30,30,60,60); ellipse(370,30,60,60); arc (30,50,20,15,180,360); arc (370,50,20,15,180,360); strokeWeight(4); point(20,20); point(40,20); point(360,20); point(380,20); strokeWeight(2); line(17,16,22,15); line(37,15,42,16); line(357,16,362,15); line(377,15,382,16); textSize(40); fill(255, random(100,255), 0); text(" You Lost\n Care To Try Again?", 40,150); textSize(30); fill(random(100,255), 0, 0); text("Your Score: "+score,2,300); textSize(20); text("Highest score: "+Hscore,2,326); textSize(20); fill(0, 0, random(100,255)); text("click to try again",242,395); textSize(20); fill(0,random(100,255),0); text("save as spin-off now",200,228); textSize(15); text("for proof of high score",200,251); fills(); strokeWeight(4); stroke(0,random(100,255),0); rect(0,350,150,50); fill(0, 0, 0); textAlign(CENTER,CENTER); textSize(16); text("back to main Menu",75,375); mouseClicked=function(){ resetLimits(); if(dead===true){ if(mouseX<150&&mouseY>350){ page="main"; }else{ score=0; dead=false; lives=3; speed=5; speedLimit=8; paddleW=100; Size=15; }}}; } } }; }
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIC7qYLuCgw
Votes	402
Spin-Offs	38
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6297523687784448","title":"Falling Pixel 2","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Jacob
Author Name	Jacob124
Author ID	kaid_196917702627746948456106
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739453651693
Updated	4 months ago, 1744828475813
Source Deleted	unknown