Viewing Program

Program Data

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

Title	HAILSTORM: THE GAME
ID	5944745931177984
Created	10 years ago, 1429573387966
Updated	10 years ago, 1430762845077
Code	/** * HAILSTORM 2 IS OUT! * https://www.khanacademy.org/computer-programming/hailstorm-2/6124216093114368 * NO LONGER UPDATING LEADERBOARD * We got 100!! Yes!! * 11:47 AM Eastern Time, 4-22-2015 * 200!!! =DD * 2:35 PM 4-23-2015 * Can we get to 200? * (Not soliciting, just stating a goal I wish to reach. Publicly.) * VERSION: 1.0.3 (Minor bug fixes, and shaking added to the menu since 1.0.1) * HAILSTORM * The Game. Created by BenR (@ThePowerOfBenary) * High Scores: * 1) BenR [380] * 2) wbwalp [369] * 3) Patrick Z. [355] * 4) Eva Harvey [353] * 5) Jonathan(Soli Deo Gloria) [351] * Post your high score in the tips and thanks! (MUST have a spin-off for proof, and a link in the comment) * See the poster here: * https://www.khanacademy.org/computer-programming/hailstorm-poster/5019921243308032 / //random variables var creator = "BenR"; var timers = [0]; var colors = [0,0,0]; var lx = random(50,350); var gameState = "menu"; var page = "logo"; //Hail function var hail = function(x,y){ stroke(0,255,255); fill(0,255,255); strokeWeight(2.5); strokeJoin(MITER); ellipse(x+0.5,y+2.7,5,5); line(x-2.5,y-2.5,x+2.5,y-2.5); line(x+2.5,y-2.5,x+5.5,y+2.5); line(x-2.5,y-2.5,x-5,y+2.5); line(x-5,y+2.5,x-2.5,y+7); line(x+5.5,y+2.5,x+2.5,y+7); line(x+2.5,y+7,x-2.5,y+7); }; var ss = 1; //player function var player = function(x,y){ strokeWeight(1); stroke(100, 20, 20); fill(255, 0, 0); rect(x,y,10,15); // body ellipse(x+5,y-5,10,10); // head fill(255, 255, 255); rect(x,y-7,9,2); fill(255, 0, 0); rect(x-5,y,5,10); // arms rect(x+10,y,5,10); rect(x,y+15,5,12); // legs rect(x+5,y+15,5,12); }; //key interaction var keys = []; keyPressed = function(){ keys[keyCode]=true; }; keyReleased = function(){ keys[keyCode]=false; }; //game mechanic storage var gameMechH = { x:[], y:[], t:[], l:99, }; //branch function (WIP) var branch = function(x,y){ noStroke(); fill(130, 120, 70); rect(x-50,y-5,100,10,5); fill(100,80,50); ellipse(x,y,50,7); strokeWeight(5); stroke(130,120,70); line(x+25,y,x+10,y-15); noStroke(); fill(0,100,0); ellipse(x+20,y-11,10,10); triangle(x+22,y-16,x+20,y-6,x+35,y-12); stroke(0,70,0); strokeWeight(3); line(x+19,y-12,x+27,y-12); }; //player stat storage var playerS = { x:200, y:370, health:20, score:[0,0], dead:false, jump:false, s:3, }; //lightning function var lightning = function(x) { var b = random(x-20, x+20); var g = random(x-40, x); var d = random(x, x+20); var c = random(x-20, x+40); var z = random(x-20, x); var p = random(x-40, x+40); if (frameCount % round(random(10,50)) === 0){ strokeWeight(5); stroke(0, random(25, 50), random(155, 255)); line(x, 0, b, 50); line(b, 50, g, 100); line(g, 100, d, 160); line(d, 160, c, 220); line(c, 220, z, 300); line(z, 300, p, 350); line(p, 350, x, 400); stroke(255, 255, 255, 125); strokeWeight(2); line(x, 0, b, 50); line(b, 50, g, 100); line(g, 100, d, 160); line(d, 160, c, 220); line(c, 220, z, 300); line(z, 300, p, 350); line(p, 350, x, 400); stroke(255, 255, 255, 125); } else{ background(0); } }; //drop function and storage var drop = function(x,y){ noStroke(); fill(0,255,255,127.5); triangle(x,y,x-5,y+10,x+5,y+10); ellipse(x,y+12,10,10); }; var dropc = { x:[], y:[], t:[], }; //hail and log stat storage var hailc = { x:[], y:[], t:[], }; var logc = { x:[], y:[], t:[], }; //my logo =D var logo = { //Center Spotlight X and Y sx: 200, sy: 200, //Center Spotlight X and Y speed sxs: 5, sys: 0.2, //Leftmost Spotlight X and Y sx2: 350, sy2: 200, //Leftmost Spotlight X and Y speed sxs2: -6, sys2: 2, //Rightmost Spotlight X and Y sx3: 350, sy3: 200, //Rightmost Spotlight X and Y speed sxs3: -6, sys3: 2, //Left and Right curtain X-axis cx: 0, cx2: 400, //Where the curtains stop edge1: 200, edge2: 199, //Black background color inc: 0, r: 0, //The logo draw: function() { //Background fill(logo.inc, logo.inc, 0, 120); rect(-1, -1, 402, 402); //Center Spotlight logo.sx += logo.sxs; logo.sy += logo.sys; //Left spotlight logo.sx2 += logo.sxs2; logo.sy2 += logo.sys2; //Right Spotlight logo.sx3 += logo.sxs3; logo.sy3 += logo.sys3; //Center Spotlight if (logo.sx > 200 && logo.sxs > -3) { logo.sxs -= 0.3; } if (logo.sx < 200&&logo.sxs < 3) { logo.sxs += 0.3; } if (logo.sy < 240&&logo.sys<3) { logo.sys += 0.3; } if (logo.sy > 240&&logo.sys>-3) { logo.sys -= 0.3; } //Leftmost Spotlight if (logo.sx2 > 140 && logo.sxs2 > -3) { logo.sxs2 -= 0.3; } if (logo.sx2 < 140&&logo.sxs2 < 3) { logo.sxs2 += 0.3; } if (logo.sy2 < 240&&logo.sys2<3) { logo.sys2 += 0.3; } if (logo.sy2 > 240&&logo.sys2>-3) { logo.sys2 -= 0.3; } //Rightmost Spotlight if (logo.sx3 > 290 && logo.sxs3 > -3) { logo.sxs3 -= 0.3; } if (logo.sx3 < 290&&logo.sxs3 < 3) { logo.sxs3 += 0.3; } if (logo.sy3 < 240&&logo.sys3<3) { logo.sys3 += 0.3; } if (logo.sy3 > 240&&logo.sys3>-3) { logo.sys3 -= 0.3; } //Draw stage noStroke(); fill(66, 44, 0); rect(-1, 280, 500, 500); fill(61, 32, 0); rect(-1, 320, 410, 200); //Spotlights fill(240, 224, 0, 200); noStroke(); ellipse(logo.sx, logo.sy, 70, 70); ellipse(logo.sx2, logo.sy2, 70, 70); ellipse(logo.sx3, logo.sy3, 70, 70); //Name textSize(100); textAlign(CENTER, CENTER); fill(0, 0, 0); text('BenR', 200, 240); Program.assertEqual(creator, 'B'+'e'+'nR'); //Left Curtain while (logo.cx < logo.edge1) { strokeWeight(5); stroke(random(100, 150), 0, 0); line(logo.cx, -1, logo.cx, 401); logo.cx+= 5; } //Right Curtain while (logo.cx2 > logo.edge2) { strokeWeight(5); stroke(random(100, 150), 0, 0); line(logo.cx2, -1, logo.cx2, 401); logo.cx2-= 5; } //Move the curtains logo.edge1-= 2; logo.edge2+= 2; logo.cx = 0; logo.cx2 = 400; //Light Up background if (frameCount > 200 && logo.inc < 100) { logo.r = 10; } if(frameCount > 220){ logo.r = -10; page='game'; } logo.inc += logo.r; } }; var draw = function() { //when it's time, draw the logo if(page==='logo'){ logo.draw(); } //after the logo, everything else. if(page==='game'){ if(gameState==="menu"){ pushMatrix(); //makes the screen shake. var x = [random(5,10),random(5,10)]; translate(x[0],x[1]); //lightning! lx=random(50,350); lightning(lx); noStroke(); //timers dropc.t++; hailc.t++; timers[0]++; //if(timers>somenumber){make more hail/rain} if(dropc.t>10){ dropc.x.push(random(5,395)); dropc.y.push(-30); dropc.t=0; } if(hailc.t>30){ hailc.x.push(random(10,390)); hailc.y.push(-30); hailc.t=0; } // draws and animates the hail/rain for(var i = 0; i < dropc.x.length; i++){ if(dropc.y[i]<410){ drop(dropc.x[i],dropc.y[i]); } dropc.y[i]+=3; } for(var i = 0; i < hailc.x.length; i++){ if(hailc.y[i]<410){ hail(hailc.x[i],hailc.y[i]); } hailc.y[i]+=3; } //fades-in the text colors[0]+=2; if(colors[0]>254){ colors[0]=255; colors[1]+=2; } if(colors[1]>200){ colors[1]=255; colors[2]+=2; } if(colors[2]>254){ colors[2]=255; } //text and really, really bad buttons for the menu fill(50,50,50,colors[0]); textAlign(CENTER,CENTER); textFont(createFont("Impact")); textSize(60); text("HAILSTORM",200,50); fill(125,125,125,colors[1]); noStroke(); rect(150,130,100,50); if(mouseIsPressed&&mouseX>150&&mouseX<250&&mouseY>130&&mouseY<180){ gameState="play"; } fill(125,125,125,colors[2]); rect(150,200,100,50); if(mouseIsPressed&&mouseX>150&&mouseX<250&&mouseY>200&&mouseY<250){ gameState="how"; } fill(0,0,0,colors[1]); textSize(40); text("PLAY",200,155); fill(0,0,0,colors[2]); text('HOW',200,225); popMatrix(); } if(gameState==="play"){ //WIP logc.t++; //score thingy playerS.score[0]++; if(playerS.score[0]>29){ playerS.score[0]=0; playerS.score[1]+=ss; } //sets the fram rate to 30, and the background to 0. frameRate(30); background(0); //more lightning lx=random(50,350); lightning(lx); //more timers dropc.t++; timers[0]++; //WIP if(logc.t>500){ logc.x.push(random(50,350)); logc.y.push(-20); } //makes more drops if(dropc.t>10){ dropc.x.push(random(5,395)); dropc.y.push(-30); dropc.t=0; } //draws the new drops. for(var i = 0; i < dropc.x.length; i++){ if(dropc.y[i]<410){ drop(dropc.x[i],dropc.y[i]); } dropc.y[i]+=0.8; } //hail stuffs gameMechH.t++; gameMechH.l-=0.01; //WIP /for(var i = 0; i < logc.x.length; i++){ branch(logc.x[i],logc.y[i]); if(logc.x[i]-50>playerS.x-10&&logc.x[i]-50<playerS.x+10&&logc.x< //rect(x-50,y-5,100,10,5); }/ //If a timer > an ever-decreasing value, make more hail. if(gameMechH.t>gameMechH.l){ gameMechH.x.push(random(10,390)); gameMechH.y.push(-10); gameMechH.t=0; } var b = 0; b+=0.05; //draws the hail for(var i = 0; i < gameMechH.x.length; i++){ //decrease lag if(gameMechH.y[i]<400){ hail(gameMechH.x[i],gameMechH.y[i]); //ever increasing speed! gameMechH.y[i]+=1.1+b; //the health depletion thingy if(gameMechH.x[i]>playerS.x-10&&gameMechH.x[i]<playerS.x+20&&gameMechH.y[i]>playerS.y-10&&gameMechH.y[i]<playerS.y+26){ playerS.health=playerS.health-=0.05; } } } //when you die if(playerS.health<0.01){ playerS.dead=true; } //draws the player if it's not dead if(!playerS.dead){ player(playerS.x,playerS.y); noFill(); stroke(255, 0, 0); fill(255,255,0); rect(playerS.x-5,playerS.y-20,playerS.health,5); } //keyboard interaction if(keys[68]&&playerS.x<370){ playerS.x+=3; } if(keys[65]&&playerS.x>20){ playerS.x-=3; } if(keys[87]){ playerS.jump=true; } //jump!! if(playerS.jump){ playerS.y-=playerS.s; if(playerS.y<321){ playerS.s=-3; } if(playerS.y>370){ playerS.jump=false; playerS.s=3; } } //when you die screen. text(playerS.score[1],50,50); if(playerS.dead\|\|playerS.health>20\|\|creator!=='BenR'){ textAlign(CENTER,CENTER); ss=0; background(255, 0, 0); text("You died!\nYour score:\n"+playerS.score[1],200,160); } } if(gameState==="how"){ background(0); //lightning, rain, and hail. lx=random(50,350); lightning(lx); noStroke(); dropc.t++; hailc.t++; timers[0]++; if(dropc.t>10){ dropc.x.push(random(5,395)); dropc.y.push(-30); dropc.t=0; } if(hailc.t>30){ hailc.x.push(random(10,390)); hailc.y.push(-30); hailc.t=0; } for(var i = 0; i < dropc.x.length; i++){ if(dropc.y[i]<410){ drop(dropc.x[i],dropc.y[i]); } dropc.y[i]+=3; } for(var i = 0; i < hailc.x.length; i++){ if(hailc.y[i]<410){ hail(hailc.x[i],hailc.y[i]); } hailc.y[i]+=3; } //Fills, text, and buttons. fill(125); textSize(30); textAlign(CENTER,CENTER); text("Your goal:\nAvoid the hail. Use AWD to move.\nAs you go, the storm will get\nstronger. Last as long as you\ncan and post your score in the\nT&T (With proof)",200,130); noStroke(); rect(150,300,100,50); fill(0); textSize(45); text("BACK",200,325); if(mouseIsPressed&&mouseX>150&&mouseX<250&&mouseY>300&&mouseY<350){ gameState="menu"; } } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIis8NbHCgw
Votes	248
Spin-Offs	33
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	BenR
Author Name	ImBack2018
Author ID	kaid_336536610266877418505088
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739451302164
Updated	6 months ago, 1739451310021
Source Deleted	unknown