Viewing Program

Program Data

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

Title	Flappy Bird Noob Version
ID	4826118257377280
Created	11 years ago, 1392487952533
Updated	11 years ago, 1400680149049
Code	/Done By ElOtroMiqui -- The highscores part was completely made by Piology, Thanks! :D (these parts that says "<-EDIT" / /Hi! This is the first game I've ever made, and I based it on the popular game Flappy Birds, but this one has two gamemodes, you can play with your keyboard or with your mouse. Hope you like it :D I learned everyting I know from Khan Academy, thank you so much! TO DO LIST: 1.- Save your highscore. I still don't know how to save a value even if it has changed --- DONE 2.- Clean the code. There still are a lot of things that can be simplified, but hey, I'm still learning! / //sets the high score at zero var highScore = 0; var points = 0; /<------------- EDIT/ var lastScore = max(points, lastScore); /About the variable "scene": 0=Choose your controller 1=First Screen 2=Playing with mouse 3=Lose Screen 4=Highscores 5=Playing with keyboard 6=Tutorial mouse 7=Tutorial keyboard / var scene = 1; // ######### Text ######### // var fnt = createFont("consolas"); textAlign(CENTER, CENTER); textFont(fnt,15); // ######### Global Variables ######### // var t = [0+500, 150+500, 300+500]; var speed = -5; var wing = 0; var prueb = 0; var perm = 0; var septuby = 0; var gh = 0; // ######### asguy vars ######### // var px = 133; var py = 0; var speed2 = 0; var jump2 = -8; var jump = 0; var rot = 0; var gravity = 0.8; var door = true; //asguy up and down var n = 249; var n2 =1; // ######### Functions ######### // var asguy = function(px,py){ fill(113, 194, 110); stroke(64, 166, 33); ellipse(px,py,20,20); noStroke(); fill(0, 0, 0,50); ellipse(px+11+2,py+-2+2,15,15); fill(255, 255, 255); noStroke(); ellipse(px+11,py+-2,15,15); fill(0, 0, 0); ellipse(px+14,py+-2,5,5); fill(0, 0, 0,50); rect(px+-21+2,py+-6+2+wing,20,6,10); fill(18, 150, 40); rect(px+-21,py+-6+wing,20,6,10); noStroke();}; var cloud = function(x,y){ fill(0, 0, 0,50); arc(x+174+2, y+261+2, 50, 50, 180, 360); arc(x+222+2, y+261+2, 79, 104, 181, 360); arc(x+263+2, y+261+2, 43, 54, 181, 360); rect(x+140+2,y+260+2,154,8,100); ellipse(x+187+2,y+237+2,30,30); fill(255, 255, 255); arc(x+174, y+261, 50, 50, 180, 360); arc(x+222, y+261, 79, 104, 181, 360); arc(x+263, y+261, 43, 54, 181, 360); rect(x+140,y+260,154,8,100); ellipse(x+187,y+237,30,30);}; var Tube = function(x,y){ fill(0, 0, 0,50); rect(x+2, -350+y+2, 50, 400,20); rect(x+2, 150+y+septuby+2, 50, 400,20); fill(217, 147, 147); rect(x, -350+y, 50, 400,20); rect(x, 150+y+septuby, 50, 400,20); fill(181, 111, 111); rect(x+24, 150+y+septuby, 50-30, 400,20); fill(181, 111, 111); rect(x+24, -350+y+septuby, 50-30, 392,20); fill(232, 181, 181); ellipse(x+24,y+165,33,21); ellipse(x+37,y+174,10,10); ellipse(x+22,y+176,10,10); ellipse(x+32,y+185,8,8); fill(181, 111, 111); ellipse(x+24,y+37,33,21); ellipse(x+15,y+29,10,10); ellipse(x+18,y+17,8,8);}; var tube2 = function(x,y){ fill(0, 0, 0,50); rect(x+2, 150+y+septuby+2, 40, 400,20); fill(188, 147, 217); rect(x, 150+y+septuby, 40, 400,20); fill(158, 116, 189); rect(x+22, 157+y+septuby, 40-30, 400,20); fill(208, 177, 230); ellipse(x+21,y+165,28,21); ellipse(x+30,y+174,10,10); ellipse(x+17,y+176,10,10); ellipse(x+27,y+185,8,8);}; var buttis = function(x,y,texto,txta){ rectMode(CORNER); textFont(fnt,25); fill(0, 0, 0,50); rect(x,y,40+2,40+2,20); fill(161, 80, 53); rect(x,y,40,40,20); fill(214, 113, 113); rect(x+2,y+2,40-4,40-4,20); fill(0, 0, 0,50); text(texto,x+18+2+txta,y+19+2); fill(255, 255, 255); text(texto,x+18+txta,y+19); textFont(fnt,15);}; var rect2 = function(x,y,texto,txta,sx,sy,txta2){ rectMode(CORNERS); fill(161, 80, 53); rect(x,y,x+sx,y+sy,20); fill(0, 0, 0,50); rect(x+2,y+2,x+2+sx,y+2+sy,20); fill(214, 113, 113); rect(x+2,y+2,x-2+sx,y-2+sy,20); fill(0, 0, 0,50); text(texto,x+25+2+txta,y+12+2+txta2); fill(255, 255, 255); text(texto,x+25+txta,y+12+txta2); rectMode(CORNER);}; var bg2 = function(){ background(143, 227, 255); fill(255, 255, 255,50); rect(20,20,360,380,20); cloud(153,-48); cloud(-218,-127); tube2(91,99); tube2(27,113); tube2(57,80); tube2(-6,71); tube2(91+130,99); tube2(27+130,35); tube2(57+130,80); tube2(-6+130,79); tube2(97+1302,99); tube2(27+1302,32); tube2(57+1302,80); tube2(-6+1302,71); tube2(121+1302,82); fill(0, 0, 0,10); rect(0,282,400,100); rect(0,282+10,400,100); rect(0,282+20,400,100); rect(0,282+30,400,100); rect(0,282+40,400,100); fill(64, 161, 105); ellipse(20,341,146,73); fill(79, 181, 122); ellipse(20,341,75,67); fill(64, 161, 105); ellipse(263,341,146,73); fill(79, 181, 122); ellipse(252,341,75,67);}; var bg = function(){ noStroke(); fill(191, 255, 0); rect(-1,247+94,401,62); fill(0, 0, 0,50); rect(-6,289+45,407,24); fill(255, 217, 0); stroke(181, 127, 27);strokeWeight(4); rect(-6,285+45,407,24); noStroke(); fill(133, 207, 68); rect(-1,270+108,401,62); fill(207, 169, 80);}; var button = function(texto,x,y,mon,txta) { rectMode(CORNERS); fill(161, 80, 53); rect(x,y,x+100,y+25,20); fill(0, 0, 0,50); rect(x+2,y+2,x+100+2,y+25+2,20); fill(214, 113, 113); if (mouseX > x && mouseX < x+102 && mouseY > y && mouseY < y+27){ fill(217, 157, 154); if(mouseIsPressed){scene = mon;}} rect(x+2,y+2,x+100-2,y+25-2,20); fill(0, 0, 0,50); text(texto,x+25+2+txta,y+12+2); fill(255, 255, 255); text(texto,x+25+txta,y+12); rectMode(CORNER);}; // ######### Random Position Generator ######### // var ran ={ a : random(0,150), b : random(0,150), c : random(0,150)}; // ######### Draw ######### // var draw = function() { bg2(); //tubes moving var ranGl = random(0,150); if (t[0]> 500-20){ t[0]=500+20;} if (t[1]===150+500-20){ t[1]=150+500+20;} if (t[2]===300+500-20){ t[2]=300+500+20;} if (t[0]===400){ ran.a = ranGl;} if (t[1]===400){ ran.b = ranGl;} if (t[2]===400){ ran.c = ranGl;} //Scenes var cene0 = function(){ //keyboard or mouse n=100; button("Keyboard",220,200-30,7,25); button("Mouse",80,200-30,6,25); rect2(150,136-30,"Choose your\ncontroller",26,100,50,11);}; var cene1 = function(){ //Title screen rot=0; speed2=1; py=100; stroke(255, 255, 255,150); fill(255, 255, 255,70); ellipse(200,249,50,50); noStroke(); asguy(200,n); if(n<249-5){n2=1.5;} if(n>249+5){n2=-1.5;} n+=n2; points=0; button("Play",150,150,0,24); textAlign(TOP, TOP); textFont(fnt,22); rect2(100,75-2,"Flappy Bird \nNoob Version",7,200,54,-12); textAlign(CENTER, CENTER); textFont(fnt,15);}; var cene2 = function(){ //playing with mouse noCursor(); Tube(t[0],ran.a); Tube(t[1],ran.b); Tube(t[2],ran.c); if(mouseY<py+5&&mouseY>py-5){ gravity=0; rot=0; speed2=0; }else{gravity=1.2;} if(mouseY<py){ if(door === true){rot=0;door=false;} py+=jump; speed2=1; rot-=6; if(rot<-50){rot=-50;} } else { door=true; py+=speed2; speed2+=gravity; rot+=6; if(rot>90){rot=90;}} if (py > 380){speed2=0;} if (py < 20){jump=0;}else{jump=jump2;} if(py > 316){scene =3;} if(133 > t[0]-10 && 133 < t[0]+50+10 && py > ran.a+150-10){ scene =3;} if(133 > t[0]-10 && 133 < t[0]+50+10 && py < ran.a+50+10){ scene =3;} if(133 > t[1]-10 && 133 < t[1]+50+10 && py > ran.b+150-10){ scene =3;} if(133 > t[1]-10 && 133 < t[1]+50+10 && py < ran.b+50+10){ scene =3;} if(133 > t[2]-10 && 133 < t[2]+50+10 && py > ran.c+150-10){ scene =3;} if(133 > t[2]-10 && 133 < t[2]+50+10 && py < ran.c+50+10){ scene =3;}}; var cene3 = function(){ n=249; gravity=1.2; //lose screen cursor(); rect2(125,133,"Game Over",50,150,25,0); button("Play Again",75,200,1,25); button("Highscores",220,200,4,25); rectMode(CORNER);}; var cene4 = function(){ //highscores rect2(100,133,"Your Scores",73,200,25,0); /This puts the high score on the screen ▼ <--------- EDIT/ rect2(100,183,"High Score: "+ highScore+"\nLast Score: "+ max(points,lastScore ),73,200,50,12); highScore = max(points, highScore); button("Back",100,133-50,1,25); rectMode(CORNER);}; var cene5 = function(){ //playing with keyboard Tube(t[0],ran.a); Tube(t[1],ran.b); Tube(t[2],ran.c); if(keyIsPressed && keyCode === UP){ if(door === true){rot=0;door=false;} py+=jump; speed2=1; rot-=6; if(rot<-50){rot=-50;} } else { door=true; py+=speed2; speed2+=gravity; rot+=6; if(rot>90){rot=90;}} if (py > 380){speed2=0;} if (py < 20){jump=0;}else{jump=jump2;} if(py > 316){scene =3;} if(133 > t[0]-10 && 133 < t[0]+50+10 && py > ran.a+150-10){ scene =3;} if(133 > t[0]-10 && 133 < t[0]+50+10 && py < ran.a+50+10){ scene =3;} if(133 > t[1]-10 && 133 < t[1]+50+10 && py > ran.b+150-10){ scene =3;} if(133 > t[1]-10 && 133 < t[1]+50+10 && py < ran.b+50+10){ scene =3;} if(133 > t[2]-10 && 133 < t[2]+50+10 && py > ran.c+150-10){ scene =3;} if(133 > t[2]-10 && 133 < t[2]+50+10 && py < ran.c+50+10){ scene =3;}}; var cene6 = function(){ //tutorial mouse rect2(175,136,"Move your\nmouse UP\nand DOWN",26,100,60,18); button("Got it!",175,224,2,25); if (mouseY > 317){asguy(133,317);}else{ asguy(133,mouseY); } }; var cene7 = function(){ //tutorial keyboard asguy(133,n); if(n<105){n2=1.5;} if(n>115){n2=-1.5;} n+=n2; rect2(175,136,"Press the \nUP arrrow!",26,100,60,18); button("Got it!",175,224,5,25); }; //Moving blocks var blocks = function(){ fill(112, 81, 24,80); for(var j = 0; j < 14; j++){ rect(-40+gh + (j40), 332, 20, 20); gh-=0.3616; if(gh < j){gh=gh+40;}} }; // Wings animation if (wing > 4){wing=0;} wing++; //loops to make the tubes move for(var v = 0; v < t.length; v++) { t[v]+=speed; if(t[v] < -52){t[v] = 400;}} //scene changes if(scene ===1){ cene1();} if(scene ===2){ cene2(); translate(px,py); rotate(rot); asguy(0,0); rotate(-rot); translate(-px,-py); if(prueb ===0){ t[0]=450; t[1]=450+150; t[2]=450+300; prueb++;}} if(scene ===5){ cene5(); translate(px,py); rotate(rot); asguy(0,0); rotate(-rot); translate(-px,-py); if(prueb ===0){ t[0]=450; t[1]=450+150; t[2]=450+300; prueb++;}} if(scene ===3){ cene3(); print(points); if(prueb===1){ t[0]=450+50; t[1]=450+150+50; t[2]=450+300+50; prueb=0;}} if(scene === 0){cene0();} if(scene === 4){cene4();} if(scene === 6){ cene6();} if(scene === 7){cene7();} //Points adder for (var lal = 0; lal < t.length; lal++){ if(t[lal] === 100){points++;}} //things that will always be there <3 bg(); blocks(); fill(0, 0, 0); if(scene === 1){rect2(240,365,"By @ElOtroMiqui",47,145,25,-1);} if(scene === 2 \|\| scene === 3 \|\| scene === 5 ){buttis(175,50,points,2);} };
Folds
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIDDw6rJCAw
Votes	244
Spin-Offs	23
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"2531560726","title":"Project: Ad Design","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	ElOtroMiqui
Author Name	ElOtroMiqui
Author ID	kaid_766105610542019174558911
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739370522174
Updated	6 months ago, 1739370530711
Source Deleted	unknown