Viewing Program

Program Data

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

Title	Pixel Launch (Now With Altimeter!)
ID	5333050303250432
Created	8 years ago, 1491248642191
Updated	8 years ago, 1491425048290
Code	//I know. These graphics aren't the best, and there aren't any fancy achievements, but this is a simple launcher game that I made. /** * SUB TO ME HERE! It's a platformer! https://www.khanacademy.org/computer-programming/subscribe-a-platformer/6527715121627136 */ var intro=true; var tramps=[]; var clickTime=0; var cash=0; var click=1; var keys=[]; var backs=[]; var coins=[]; var coinX=700; var bX=400; var coinCount=0; var clouds=[]; var cannon={ x:20, y:370, xp:0, yp:0, f:5, r:0, g:0, pow:20, art:[ [0,2,2,0,1,1,1,1,1,1,], [2,0,0,2,1,1,1,1,1,1,], [2,0,0,2,1,1,1,1,1,1,], [0,2,2,0,1,1,1,1,1,1,], ] }; var char={ x:cannon.x+10, y:cannon.y, w:25, h:25, g:0.5, t:0, v:0, r:0, xTrans:0, yTrans:0, endTime:0, d:0, fuel:100, gone:0, aero:0.995, rPow:0.3, cFre:1000, tFre:0.1, art:[ [0,0,0,0,0,0,0,0,3,3,3,1,0,0], [5,5,4,4,5,2,2,2,2,3,1,2,1,0], [0,4,5,4,4,2,2,2,3,1,2,2,2,1], [5,4,4,5,4,2,2,2,2,3,1,2,1,0], [0,0,0,0,0,0,0,0,3,3,3,1,0,0] ], }; var resetDay=function(){ char.x=cannon.x+10; char.y=cannon.y; cannon.r=0; char.v=0; char.g=0; cannon.f=0; char.r=0; coinCount=0; char.gone=0; char.endTime=0; coinX=700; bX=0; }; var Button=function(x,y,w,h,m,f,si){ this.x=x; this.y=y; this.w=w; this.h=h; this.m=m; this.f=f; this.si=si\|\|30; }; Button.prototype.display=function(){ noStroke(); if(this.inside){ fill(this.inside()? 0:255, this.inside() ? 0:255, this.inside() ? 0:255); } rect(this.x,this.y,this.w,this.h,15); if(this.inside){ fill(this.inside()? 255:0, this.inside() ? 255:0, this.inside() ? 255:0); } textSize(this.si); textAlign(CENTER,CENTER); text(this.m,this.x+this.w/2,this.y+this.h/2); }; Button.prototype.handleClick=function(){ if(this.inside()&&click===true){ click=false; this.f(); } }; Button.prototype.inside=function(){ return mouseX>this.x&&mouseY>this.y&&mouseX<this.x+this.w&&mouseY<this.y+this.h; }; var toShop=new Button(150,330,100,50,'SHOP',function(){cannon.f=2; cash+=coinCount; cash+=char.d/40; coinCount=0; char.xTrans=0; char.yTrans=0; char.x=0; char.y=0;},30); var toPlay=new Button(150,330,100,50,'PLAY!',function(){resetDay();},30); var abort=new Button(150,80,100,50,'ABORT',function(){char.endTime=300; char.v=0; char.g=0; char.y=400-char.h/2;}, 25); var start=new Button(100,270,200,100,"START!", function(){cannon.f=0;},50); var Upgrade=function(x,y,m,p,f,c){ this.x=x; this.y=y; this.m=m; this.p=p; this.f=f; this.c=c; this.max=false; }; Upgrade.prototype.display=function(){ if(this.inside){ fill(this.inside()? 120:255, this.inside() ? 120:255, this.inside() ? 120:255); } noStroke(); rect(this.x,this.y,30,30); fill(255, 0, 0); rect(this.x+30(2/5),this.y+30/4,30/5,30/2); rect(this.x+30/4,this.y+30(2/5),30/2,30/5); textAlign(CENTER,CENTER); fill(255, 255, 255); textSize(20); ellipse(this.x+40,this.y-5,15,15); textAlign(CENTER,CENTER); textSize(15); fill(0, 0, 0); text("?",this.x+40,this.y-5); noStroke(); if(this.max===false){ if(cash>=this.c){ fill(0, 255, 0, 150); rect(this.x,this.y,30,30); } if(cash<this.c){ fill(255, 0, 0, 150); rect(this.x,this.y,30,30); } } else{ fill(153, 153, 153, 150); rect(this.x,this.y,30,30); } for(var i=0; i<=2; i++){ fill(61, 61, 61); noStroke(); rect(this.x+(5+i10)-4,this.y+40,8,8); } for(var i=0; i<=this.p-1; i++){ fill(0,255,0); noStroke(); rect(this.x+(5+i10)-4,this.y+40,8,8); } if(this.p>=3){ this.max=true; } }; Upgrade.prototype.what=function(){ if(dist(mouseX,mouseY,this.x+45,this.y-5)<=15){ fill(0,0,0); textSize(20); if(this.x<=200){ fill(255,255,255,100); stroke(0,0,0,100); strokeWeight(1); rect(mouseX,mouseY,150,60); fill(0,0,0); text(this.m,mouseX+75,mouseY+10); text("$"+round(this.c),mouseX+75,mouseY+30); text("Own: "+this.p,mouseX+75,mouseY+50); } else{ fill(255,255,255,100); stroke(0,0,0,100); strokeWeight(1); rect(mouseX,mouseY,-150,60); fill(0,0,0); text(this.m,mouseX-75,mouseY+10); text("$"+round(this.c),mouseX-75,mouseY+30); text("Own: "+this.p,mouseX-75,mouseY+50); } } }; Upgrade.prototype.handleClick=function(){ if(this.inside()&&this.max===false&&cash>=this.c){ this.f(); cash-=this.c; this.c=2; this.p+=1; } }; Upgrade.prototype.inside=function(){ return mouseX>this.x&&mouseY>this.y&&mouseX<this.x+30&&mouseY<this.y+30; }; var upgrades = []; upgrades.push(new Upgrade(80,150,"More Fuel",0,function(){char.fuel=1.5;},30)); upgrades.push(new Upgrade(180,150,"Cannon Power",0,function(){cannon.pow=1.5;},20)); upgrades.push(new Upgrade(280,150,"Aerodynamics",0,function(){char.aero+=0.001;},40)); upgrades.push(new Upgrade(80,220,"Rocket Power",0,function(){char.rPow=1.5;},30)); upgrades.push(new Upgrade(180,220,"More Coins",0,function(){char.cFre=0.75;},25)); upgrades.push(new Upgrade(280,220,"More Tramps",0,function(){char.tFre=1.25;},25)); var drawCannon=function(){ pushMatrix(); translate(cannon.x+0,cannon.y+10); rotate(cannon.r); noStroke(); var si=10; strokeWeight(1); for(var i=0; i<cannon.art.length; i++){ for(var j=0; j<cannon.art[i].length; j++){ var x=-cannon.art[i].lengthsi/2+(6)5; //x=-char.art[i].lengthsi/2;x //x=0; var y=-cannon.art.lengthsi/2; //y=0; switch(cannon.art[i][j]){ case 1: fill(0, 0, 0); stroke(0,0,0); rect(jsi+x,isi+y,si,si); break; case 2: fill(56, 29, 0); stroke(56,29,0); rect(jsi+x,isi+y,si,si); break; } } } popMatrix(); if(cannon.f===0){ if(keys[UP]){ cannon.f=1; char.v=cannon.powcos(cannon.r); char.g=cannon.powsin(cannon.r); } if(keys[LEFT]&&cannon.r>-90){ cannon.r-=2; cannon.g=0; } else{ if(cannon.r<0){ cannon.r+=cannon.g; cannon.g+=0.1; } } } if(cannon.r>0){ cannon.r=0; } }; var drawChar=function(){ /println(char.y+=2/2((4/4char.g)sin(char.r-0))); char.y+=2/2((4/4char.g)sin(char.r-0)); if(char.y>=200){ char.yTrans=0; }/ noStroke(); fill(0,0,255); pushMatrix(); translate(char.x,char.y); rotate(char.r); var si=5; for(var i=0; i<char.art.length; i++){ for(var j=0; j<char.art[i].length; j++){ var x=-char.art[i].lengthsi/2-(4.5)5; //x=-char.art[i].lengthsi/2;x var y=-char.art.lengthsi/2; //y=0; switch(char.art[i][j]){ case 1: fill(200,0,0); rect(jsi+x,isi+y,si,si); break; case 2: fill(0,0,0); rect(jsi+x,isi+y,si,si); break; case 3: fill(0,255,0); rect(jsi+x,isi+y,si,si); break; case 4: if(keys[DOWN]&&char.gone<char.fuel){ fill(181, 0, 0); rect(jsi+x,isi+y,si,si); } break; case 5: if(keys[DOWN]&&char.gone<char.fuel){ fill(199, 97, 2); rect(jsi+x,isi+y,si,si); } break; } } } popMatrix(); char.y+=char.g; char.g+=0.2; char.v=char.aero; char.t++; if(char.y+char.h/2>400){ if(char.t<20){ char.y=400-char.hd/2; char.g=0; } else{char.g=-7.5/10;} char.y=400-char.h/2; char.t=0; } if(char.x-char.w/2<=0){ char.x=char.w/2; char.v=-1/2; } if(char.y>=height-char.h/2){ char.v=char.aero; } /if(char.x+char.w/2>=400){ char.x=400-char.w/2; char.v=-1/2; }/ if(cannon.f===1){ if(keys[LEFT]){ char.r-=1; } if(keys[RIGHT]){ char.r+=1; } if(keys[DOWN]&&char.gone<char.fuel){ char.g+=char.rPowsin(char.r); char.v+=char.rPowcos(char.r); char.gone++; } } char.x+=char.v; }; var coinGroups=[ [ [1,1,1,1,1], [1,1,1,1,1], [1,1,1,1,1], [1,1,1,1,1], [1,1,1,1,1], ], [ [1,1,1,1,1,1,1,1], [0,1,0,0,1,0,0,1], [1,0,0,1,0,0,1,0], [1,1,1,1,1,1,1,1] ], [ [1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0], [0,1,0,1,0], [1,0,0,0,1], ], ]; var coin=function(x,y){ noStroke(); fill(255,255,0); rect(x,y,10,10); }; var drawCoin=function(x,y,t){ for(var i in t){ for(var j in t[i]){ if(t[i][j]===1){ noStroke(); fill(255,255,0); coin(x+j20,y+i20); if(dist(char.x,char.y,x+j20,y+i20)<=20){ coinCount++; t[i][j]=0; } } } } }; var duplicate=function(d){ var e=[]; for(var i in d){ for(var j in d[i]){ var a=i.length; var b=j.length; for(var n=0; n<=a; n++){ e.push(['0'.repeat(b)]); } switch(d[i][j]){ case 1: e[i][j]=1; break; } } } return e; }; var makeCoins=function(){ var coinChance=random(0,100); if(coinChance<=1&&char.x-coinX>char.cFre&&char.x>200){ for(var i=0; i<10; i++){ coins.push({x:random(char.x+300,char.x+1500),y: random(char.y-600,char.y+600), t:duplicate(coinGroups[round(random(0,coinGroups.length-1))])}); coinX=char.x; } } for(var i in coins){ drawCoin(coins[i].x,coins[i].y,coins[i].t); if(char.x-coins[i].x>400){ coins.splice(i,1); } } }; var cloud=[ [0,0,0,1,1], [0,0,1,1,1,0], [0,1,1,1,1,1], [0,1,1,1,1,1,1], [1,1,1,1,1,1,1], ]; var drawCloud=function(x,y,s){ for(var i in cloud){ for(var j in cloud[i]){ switch(cloud[i][j]){ case 1: fill(140, 140, 140,255); rect(x+j5,y+i5,5,5); } } } }; var makeClouds=function(){ var cloudChance=random(1,100); if(cloudChance<=4){ clouds.push({x:char.x+random(300,500),y:random(char.y+char.g+500,char.y+char.g-500)}); } for(var i in clouds){ drawCloud(clouds[i].x,clouds[i].y); if(char.x-clouds[i].x>300){ clouds.splice(i,1); } } }; var tramp=function(x,y){ fill(255,122.5,255); noStroke(); rect(x,y,20,20); if(char.x+char.w/2>x&&char.x<x+20&&char.y+char.w/2>y&&char.y<y+20){ char.v+=5; if(char.g>=0){ char.g=-1; } char.g-=4; } }; var makeTramps=function(){ var trampChance=random(0,100); if(trampChance<char.tFre){ tramps.push(char.x+500); } for(var i in tramps){ tramp(tramps[i],380); } }; var bckgrnd=[ [ [], [1,1,1,1,1,1,1,1,1,1], [1,2,2,2,2,2,2,2,2,1], [1,2,2,2,2,2,2,2,2,1], [1,2,4,4,2,2,4,4,2,1], [1,2,4,4,2,2,4,4,2,1], [1,2,2,2,2,2,2,2,2,1], [1,2,2,2,2,2,2,2,2,1], [1,2,4,4,2,2,4,4,2,1], [1,2,4,4,2,2,4,4,2,1], [1,2,2,2,2,2,2,2,2,1], [1,2,2,2,2,2,2,2,2,1], [1,2,2,2,6,6,2,2,2,1], [1,2,2,2,6,6,2,2,2,1], [1,2,2,2,6,6,2,2,2,1], [1,2,2,2,6,6,2,2,2,1], ], [ [], [0,0,0,0,5,5,5,0,0,0,0], [0,0,0,5,5,5,5,5,0,0,0], [0,0,5,5,5,5,5,5,5,0,0], [0,5,5,5,5,5,5,5,5,5,0], [0,5,5,5,5,5,5,5,5,5,0], [0,5,5,5,5,1,1,5,5,0,0], [0,5,5,5,1,1,1,5,5,0,0], [0,0,5,5,1,1,1,5,5,0,0], [0,0,1,1,1,1,1,0,0,0,0], [0,0,1,1,1,1,1,0,0,0,0], [0,0,0,0,1,1,1,1,0,0,0], [0,0,0,0,1,1,1,1,0,0,0], ], [ [], [], [1,1,1,1,1,1,1,1,1,1,1], [1,0,0,0,0,0,0,0,0,0,0], [1,0,2,2,2,2,2,2,2,2,0], [1,0,2,0,0,0,0,0,0,0,0], [1,0,2,0,0,0,0,0,0,0,0], [1,0,2,2,2,2,2,2,0,0,0], [1,0,2,0,0,0,0,0,0,0,0], [1,0,2,0,0,0,0,0,0,0,0], [1,0,2,0,0,0,0,0,0,0,0], [1,0,2,2,2,2,2,2,2,2,0], [1,0,0,0,0,0,0,0,0,0,0], [1,1,1,1,1,1,1,1,1,1,1], [], ], /** * 1: dark brown * 2: light brown * 3: dark blue * 4: white * 5: green * 6: black * 7: yellow / ]; var scene=function(x,y,t){ var si=20; var f=150; for(var i=bckgrnd[t].length-1; i>0; i--){ for(var j=0; j<bckgrnd[t][i].length; j++){ var y1=-(bckgrnd[t].length-1)si; switch(bckgrnd[t][i][j]){ case 1: fill(50, 25, 0,f); rect(x+jsi,y+isi+y1,si,si); break; case 2: fill(115, 58,0, f); rect(x+jsi,y+isi+y1,si,si); break; case 3: fill(0, 21, 255,f); rect(x+jsi,y+isi+y1,si,si); break; case 4: fill(255, 255, 255,f); rect(x+jsi,y+isi+y1,si,si); break; case 5: fill(40, 201, 0,f); rect(x+jsi,y+isi+y1,si,si); break; case 6: fill(0, 0, 0,f); rect(x+jsi,y+isi+y1,si,si); break; case 7: fill(250, 255, 0,f); rect(x+jsi,y+isi+y1,si,si); break; } } } }; var fre=random(400,800); var makeScene=function(){ if(char.x-bX>=fre+600){ backs.push({x:char.x+300, y:400, t:round(random(0,bckgrnd.length-1))}); bX=char.x; fre=random(100,400); } for(var i=0; i<backs.length; i++){ scene(backs[i].x,backs[i].y,backs[i].t); if(abs(char.x-backs[i].x)>600){ backs.splice(i,1); } } }; var dayEnd=function(){ fill(255,255,255); if(abs(char.g)<1&&abs(char.v)<0.15&&char.y>=400-char.h/2){ if(char.endTime<420&&cannon.f===1){ char.endTime+=2; } pushMatrix(); translate(-char.xTrans,char.yTrans); fill(0,0,0,char.endTime); rect(0,0,400,400); popMatrix(); textAlign(CENTER,CENTER); textSize(25); char.v=0; pushMatrix(); translate(-char.xTrans,char.yTrans); fill(255,255,255,((char.endTime-200)2)); text("You collected "+coinCount+" coins!",200,100); fill(255,255,255,((char.endTime-220)2)); text("And traveled "+char.d+" meters!",200,200); fill(255,255,255,((char.endTime-240)2)); text("For a total of "+round(coinCount+((char.endTime/420)(char.d/40)))+" coins!",200,300); if(char.endTime>300){ toShop.display(); toShop.handleClick(); } popMatrix(); } else{char.endTime=0;} if(char.endTime>=200){ char.v=0; char.g=0; char.y=400-char.h/2; } }; var space=function(){ for(var i=-10; i<=200; i++){ pushMatrix(); resetMatrix(); translate(0,-char.yTrans); strokeWeight(30); stroke(lerpColor(color(0,0,0), color(0,255,255), i/200)); if(i<195){ line(-50,i-1720,450,i-1720); } popMatrix(); } if(char.y<-1490){ fill(0,0,0); pushMatrix(); translate(0,0); rect(-25,-10,450,-1490-char.y+15); popMatrix(); } }; var isIntro=function(){ if(intro&&cannon.f===0){ pushMatrix(); resetMatrix(); fill(0,0,0,100); noStroke(); rect(-25,-25,450,450); fill(0,0,0); textAlign(CENTER,TOP); textSize(20); text("Use the left and right arrow keys to aim the\ncannon, and press the up arrow key to fire.\nWhile in the air, you can use the down\narrow key to use your rocket. Try to collect\ncoins for upgrades, and get as far as you\ncan! Press any key to begin.",200,150); popMatrix(); } if(keys.length>0){ intro=false; } }; var shop=function(){ background(133+10sin(5frameCount), 133+10sin(5frameCount), 133+10sin(5frameCount)); fill(0,0,0); textSize(80); text("SHOP",200,75); textSize(20); text("Coins: "+round(cash),75,360); toPlay.display(); toPlay.handleClick(); char.endTime=0; for(var i in coins){ coins.splice(i,1); } for(var i in clouds){ clouds.splice(i,1); } for(var i in tramps){ tramps.splice(i,1); } for(var i=0; i<upgrades.length; i++){ upgrades[i].display(); } for(var i=0; i<upgrades.length; i++){ upgrades[i].what(); } }; var isMenu=function(){ if(cannon.f===5){ var title="PIXEL LAUNCH".split(""); background(42, 84, 0); for(var i=0; i<title.length; i++){ text(title[i],i30+35,230-i10+10(sin((i50)+frameCount5))); } var si=20; for(var i=0; i<char.art.length; i++){ for(var j=0; j<char.art[i].length; j++){ pushMatrix(); translate(225,80); rotate(-20); noStroke(); var x=-char.art[i].lengthsi/2-(4.5)5; //x=-char.art[i].lengthsi/2;x var y=-char.art.lengthsi/2; //y=0; switch(char.art[i][j]){ case 1: fill(200,0,0); rect(jsi+x,isi+y,si,si); break; case 2: fill(0,0,0); rect(jsi+x,isi+y,si,si); break; case 3: fill(0,255,0); rect(jsi+x,isi+y,si,si); break; case 4: fill(181, 0, 0); rect(jsi+x,isi+y,si,si); break; case 5: fill(199, 97, 2); rect(jsi+x,isi+y,si,si); break; } popMatrix(); } } start.display(); } }; var drawDay=function(){ pushMatrix(); translate(-char.xTrans,char.yTrans); textSize(18); text("Distance: "+char.d,325,100); textSize(30); fill(0,0,0); text("$"+coinCount,80,100); strokeWeight(2); stroke(0,0,0); noFill(); rect(350,390,40,-260); if(385+(260(char.y/20000))>=130){ line(350,385+(260(char.y/20000)),388,385+(260(char.y/20000))); } else{line(350,130,388,130);} noStroke(); if(cannon.f<=1){ abort.display(); abort.handleClick(); } noFill(); stroke(255, 255, 255); strokeWeight(1); rect(50,20,300,20); noStroke(); fill(255, 0, 0); rect(51,21,299-(299*(char.gone/char.fuel)),19); popMatrix(); pushMatrix(); if(char.endTime<200){ char.d=round(char.x/20); } popMatrix(); if(cannon.f<2){ makeScene(); } if(cannon.f===1){ drawChar(); makeClouds(); makeCoins(); makeTramps(); } drawCannon(); }; var draw= function() { if(cannon.f<=1){ if(char.x>200){ char.xTrans=-(char.x-200); } if(char.y<200){ char.yTrans=(char.y-200); } if(char.y>200){ char.yTrans=0; } } else{char.xTrans=0; char.yTrans=0;} background(0, 225, 255); if(cannon.f<=1){ //space(); } fill(0,0,0); textSize(30); textAlign(CENTER,CENTER); translate(char.xTrans,-char.yTrans); drawDay(); dayEnd(); if(cannon.f===2){ shop(); } pushMatrix(); translate(-char.xTrans,char.yTrans); if(cannon.f===1&&char.endDay===0){ abort.display(); abort.handleClick(); } popMatrix(); click=false; isMenu(); isIntro(); }; var keyPressed=function(){ keys[keyCode]=true; }; var keyReleased=function(){ keys[keyCode]=false; }; var mouseClicked=function(){ click=true; if(cannon.f===2){ for(var i=0; i<upgrades.length; i++){ upgrades[i].handleClick(); } } if(cannon.f===5){ start.handleClick(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJTHmMy8CQw
Votes	349
Spin-Offs	87
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	CodeEnthusiast
Author Name	LlamaTrauma
Author ID	kaid_1023960879434256316725627
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739380357019
Updated	8 months ago, 1744828758389
Source Deleted	unknown