Viewing Program

Program Data

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

Title	Spiderman Game
ID	6060759376855040
Created	9 years ago, 1450287619365
Updated	9 years ago, 1450412492228
Code	/ Much credit and many thanks go/goes to DillingerLee for his help!! Credit also goes to BenR for helping with the Spiderman running character! Credit to Sherlock Holmes for the spider! https://www.khanacademy.org/cs/batman-vs-spiderman/5315142147637248 / //The little bar at the bottom shows how long you can swing. YOU CANNOT JUMP BEWEEN BUILDINGS! //This game I started about a year ago but never finished. I decided to spruce it up a little and release it, because the hot list had nothing on it... A lot of people must be taking a break from KA! /********************** TODO: 1. highscores page *********************/ var jumpS = false; var JumpTimer = 0; var gameState = "menu"; var spideyState = "run"; var swingTimer = 0; var keyPressed = function(){ if(keyCode === 32){ spideyState = "jump"; } if(keyCode === UP){ spideyState = "swing"; } if(keyCode === DOWN){ spideyState = "slide"; } }; var keyReleased = function(){ if(keyCode === 32){ jumpS = true; } if(keyCode === UP){ spideyState = "run"; } if(keyCode === DOWN){ spideyState = "run"; } }; var moves = [/MoveLegs/20,-20,/MoveArms/30,-30]; var Sy = 150; var b1x = -10; var b2x = 900; var metersRun = 0; var blur = true; var SpidermanR = function(x,y,size,translations){ pushMatrix(); scale(size); translate(translations[0],translations[1]); strokeWeight(15); stroke(34, 0, 255); line(x,y+30,x,y+100); strokeWeight(10); line(x,y+50,x+moves[2],y+80); line(x,y+50,x+moves[3],y+80); line(x+1,y+100,x+moves[0],y+160); line(x,y+100,x+moves[1],y+160); noStroke(); fill(255, 0, 0); ellipse(x,y+14,39,50); stroke(255,255,255); strokeWeight(2); line(x-10,y-7,x+19,y+20); line(x-18,y+9,x+19,y+20); line(x-13,y+30,x+19,y+20); line(x+8,y+35,x+19,y+20); noFill(); arc(x+-8,y+4,15,15,-5,75); arc(x+-17,y+-1,15,19,-26,75); arc(x+-11,y+19,15,19,-42,52); arc(x+-20,y+20,15,26,-47,36); arc(x+-1,y+20,15,15,-23,42); arc(x+0,y+11,15,15,-23,42); arc(x+-7,y+36,15,15,-72,1); arc(x+3,y+31,15,15,-72,1); arc(x+-6,y+-12,15,15,12,92); arc(x+0,y+-7,15,15,-4,92); arc(x+7,y+0,15,15,-4,92); if(moves[0] > -20){ moves[0]-=3; } if(moves[0] < -19){ moves[0] = 20; } if(moves[1] < 20){ moves[1]+=3; } if(moves[1] > 19){ moves[1] = -20; } if(moves[2] > -30){ moves[2]-=3; } if(moves[2] < -29){ moves[2] = 30; } if(moves[3] < 30){ moves[3]+=3; } if(moves[3] > 29){ moves[3] = -30; } noStroke(); fill(255,255,255); arc(x+10,y+4,15,15,34,215); popMatrix(); }; var SpidermanJ = function(x,y,size,translations){ pushMatrix(); scale(size); translate(translations[0],translations[1]); strokeWeight(15); stroke(34, 0, 255); line(x,y+30,x,y+100); strokeWeight(10); line(x,y+50,x+moves[2],y+80); line(x,y+50,x+moves[3],y+80); line(x+1,y+100,x+moves[0],y+160); line(x,y+100,x+moves[1],y+160); noStroke(); fill(255, 0, 0); ellipse(x,y+14,39,50); stroke(255,255,255); strokeWeight(2); line(x-10,y-7,x+19,y+20); line(x-18,y+9,x+19,y+20); line(x-13,y+30,x+19,y+20); line(x+8,y+35,x+19,y+20); noFill(); arc(x+-8,y+4,15,15,-5,75); arc(x+-17,y+-1,15,19,-26,75); arc(x+-11,y+19,15,19,-42,52); arc(x+-20,y+20,15,26,-47,36); arc(x+-1,y+20,15,15,-23,42); arc(x+0,y+11,15,15,-23,42); arc(x+-7,y+36,15,15,-72,1); arc(x+3,y+31,15,15,-72,1); arc(x+-6,y+-12,15,15,12,92); arc(x+0,y+-7,15,15,-4,92); arc(x+7,y+0,15,15,-4,92); if(moves[0] > -20){ moves[0]-=3; } if(moves[0] < -19){ moves[0] = 20; } if(moves[1] < 20){ moves[1]+=3; } if(moves[1] > 19){ moves[1] = -20; } if(moves[2] > -30){ moves[2]-=3; } if(moves[2] < -29){ moves[2] = 30; } if(moves[3] < 30){ moves[3]+=3; } if(moves[3] > 29){ moves[3] = -30; } noStroke(); fill(255,255,255); arc(x+10,y+4,15,15,34,215); popMatrix(); if(Sy > 60 && jumpS === false){ Sy -= 4; } if(Sy <= 60){ jumpS = true; } if(jumpS && Sy < 150){ Sy += 3; } if(Sy >= 150){ spideyState = "run"; jumpS = false; } }; var SpidermanSl = function(x,y,size){ pushMatrix(); translate(-100,227); rotate(-80); scale(size); strokeWeight(15); stroke(34, 0, 255); line(x,y+30,x,y+100); strokeWeight(10); line(x,y+50,x+-17,y+80); line(x,y+50,x+16,y+80); line(x+1,y+100,x+5,y+160); line(x,y+100,x-5,y+160); noStroke(); fill(255, 0, 0); ellipse(x,y+14,39,50); stroke(255,255,255); strokeWeight(2); line(x-10,y-7,x+19,y+20); line(x-18,y+9,x+19,y+20); line(x-13,y+30,x+19,y+20); line(x+8,y+35,x+19,y+20); noFill(); arc(x+-8,y+4,15,15,-5,75); arc(x+-17,y+-1,15,19,-26,75); arc(x+-11,y+19,15,19,-42,52); arc(x+-20,y+20,15,26,-47,36); arc(x+-1,y+20,15,15,-23,42); arc(x+0,y+11,15,15,-23,42); arc(x+-7,y+36,15,15,-72,1); arc(x+3,y+31,15,15,-72,1); arc(x+-6,y+-12,15,15,12,92); arc(x+0,y+-7,15,15,-4,92); arc(x+7,y+0,15,15,-4,92); noStroke(); fill(255,255,255); arc(x+10,y+4,15,15,34,215); popMatrix(); }; var SpidermanSw = function(x,y,size){ pushMatrix(); translate(0,-50); scale(size); strokeWeight(15); stroke(34, 0, 255); line(x,y+30,x,y+100); strokeWeight(10); line(x,y+50,x+-17,y+80); line(x,y+50,x+29,y+45); line(x+1,y+100,x+5,y+160); line(x,y+100,x-5,y+160); noStroke(); fill(255, 0, 0); ellipse(x,y+14,39,50); stroke(255,255,255); strokeWeight(2); line(x-10,y-7,x+19,y+20); line(x-18,y+9,x+19,y+20); line(x-13,y+30,x+19,y+20); line(x+8,y+35,x+19,y+20); noFill(); arc(x+-8,y+4,15,15,-5,75); arc(x+-17,y+-1,15,19,-26,75); arc(x+-11,y+19,15,19,-42,52); arc(x+-20,y+20,15,26,-47,36); arc(x+-1,y+20,15,15,-23,42); arc(x+0,y+11,15,15,-23,42); arc(x+-7,y+36,15,15,-72,1); arc(x+3,y+31,15,15,-72,1); arc(x+-6,y+-12,15,15,12,92); arc(x+0,y+-7,15,15,-4,92); arc(x+7,y+0,15,15,-4,92); strokeWeight(7); line(x+44,y+-79,x+32,y+45); noStroke(); fill(255,255,255); arc(x+10,y+4,15,15,34,215); popMatrix(); }; var spiderLogo = function(x,y,size){ pushMatrix(); translate(x,y); scale(size); //abdomen stroke(255, 0, 0); fill(255, 0, 0); ellipse(255, 324, 35, 75); stroke(0, 0, 0); fill(0, 0, 0); triangle(257, 366, 253, 366, 255, 358); //head stroke(255, 0, 0); fill(255, 0, 0); ellipse(255, 284, 25, 30); //mouth ellipse(252, 268, 4, 4); ellipse(258, 268, 4, 4); //jaws strokeWeight(3); line(244, 277, 240, 267); line(240, 267, 248, 256); line(266, 277, 270, 267); line(270, 267, 262, 256); //legs //left strokeWeight(5); line(240, 304, 217, 288); line(217, 288, 223, 256); line(240, 318, 208, 306); line(208, 306, 202, 269); line(240, 325, 202, 332); line(202, 332, 194, 375); line(240, 339, 210, 351); line(210, 351, 205, 390); //right line(270, 304, 297, 288); line(297, 288, 286, 256); line(271, 318, 306, 306); line(306, 306, 320, 269); line(268, 325, 315, 332); line(315, 332, 325, 375); line(271, 339, 305, 351); line(305, 351, 311, 390); popMatrix(); }; var b1 = function(x,y){ stroke(0); strokeWeight(3); fill(50); rect(x,y,700,200); b1x-=5; if(b1x < -800){ b1x = 1000; } }; var b2 = function(x,y){ stroke(0); strokeWeight(3); fill(50); rect(x,y,700,200); b2x-=5; if(b2x < -800){ b2x = 1000; } }; var block = function(x,y,random){ this.x = x; this.y = y; this.random = random; }; block.prototype.draw = function() { stroke(97, 56, 5); strokeWeight(4); fill(166, 98, 25); rect(this.x,this.y,30,30); line(this.x,this.y,this.x+30,this.y+30); line(this.x,this.y+30,this.x+30,this.y); }; block.prototype.update = function(){ if(this.x > b1x+50 && this.x < b1x+700 \|\| this.x > b2x+50 && this.x < b2x+700){ this.x-=5; if(this.x < -70){ this.x = 450; this.random = random(0,1); if(round(this.random)=== 0){ this.y = 100; }else{ this.y = 168+20; } } } }; var block1 = new block(450,100); var cloud = function(x,y,speed){ this.x = x; this.y = y; this.speed = speed; }; cloud.prototype.draw = function() { noStroke(); fill(255,255,255); arc(this.x,this.y,100,50,-180,0); ellipse(this.x,this.y-16,40,25); }; cloud.prototype.update = function(){ this.x-=this.speed; if(this.x < -50){ this.y = random(0,400); this.x = 500; this.speed = random(1,3); } }; var cloud1 = new cloud(200,random(0,400),random(0.1,2)); var cloud2 = new cloud(100,random(0,400),random(0.1,2)); var cloud3 = new cloud(250,random(0,400),random(0.1,2)); var cloud4 = new cloud(150,random(0,400),random(0.1,2)); var cloud5 = new cloud(300,random(0,400),random(0.1,2)); var cloud6 = new cloud(400,random(0,400),random(0.1,2)); var cloud7 = new cloud(50,random(0,400),random(0.1,2)); var dust = function(x,y,direction,life,size){ this.x = x; this.y = y; this.direction = direction; this.life = life; this.size = size; }; dust.prototype.draw = function() { fill(143, 89, 30,this.life+50); noStroke(); ellipse(this.x,this.y,this.size,this.size); }; dust.prototype.update = function(){ if(this.size === 30){ this.x-=5; }else{ this.x-=3; } this.y-=this.direction; if(this.size === 30){ this.life-=5; }else{ this.life-=10; } if(this.life < 0){ if(this.size === 30){ this.x = 120; this.direction = random(-2,1); this.y = 210; }else{ this.x = 50; this.direction = random(-2,2); this.y = 218; } this.life = 200; } }; var dust1 = new dust(-60,210,random(-1,1),200-200,30); var dust2 = new dust(130-20,210,random(-1,1),200-20,30); var dust3 = new dust(130-40,210,random(-1,1),200-40,30); var dust4 = new dust(130-60,210,random(-1,1),200-60,30); var dust5 = new dust(130-80,210,random(-1,1),200-80,30); var dust6 = new dust(130-100,210,random(-1,1),200-100,30); var dust7 = new dust(130-120,210,random(-1,1),200-120,30); var dust8 = new dust(0,210,random(-1,1),200-140,30); var dust9 = new dust(-20,210,random(-1,1),200-160,30); var dust10 = new dust(-40,210,random(-1,1),200-180,30); var dust11 = new dust(-80,210,random(-1,1),200-220,30); var Rdust1 = new dust(-60,210,random(-1,1),200-200,10); var Rdust2 = new dust(130-20,210,random(-1,1),200-20,10); var Rdust3 = new dust(130-40,210,random(-1,1),200-40,10); var Rdust4 = new dust(130-60,210,random(-1,1),200-60,10); var Rdust5 = new dust(130-80,210,random(-1,1),200-80,10); var Rdust6 = new dust(130-100,210,random(-1,1),200-100,10); var Rdust7 = new dust(130-120,210,random(-1,1),200-120,10); var Rdust8 = new dust(0,210,random(-1,1),200-140,10); var Rdust9 = new dust(-20,210,random(-1,1),200-160,10); var Rdust10 = new dust(-40,210,random(-1,1),200-180,10); var Rdust11 = new dust(-80,210,random(-1,1),200-220,10); var draw = function() { if(gameState === "menu"){ textFont(createFont("cursive"),25); textAlign(CENTER,CENTER); background(0, 0, 0); spiderLogo(-306,-437,2); if(blur){ filter(BLUR,3); } fill(255, 0, 0); textSize(30); text("SPIDERMAN: THE GAME",200,32); fill(0, 51, 255); noStroke(); rect(150,150,100,50,5); rect(150,220,100,50,5); fill(255, 0, 0); text("play",200,170); text("how",200,240); if(mouseIsPressed && mouseX > 150 && mouseY < 150+100 && mouseY > 150 && mouseY < 150+50){ gameState = "play"; } if(mouseIsPressed && mouseX > 150 && mouseY < 150+100 && mouseY > 220 && mouseY < 220+50){ gameState = "how"; } } if(gameState === "how"){ background(0, 0, 0); spiderLogo(-306,-437,2); if(blur){ filter(BLUR,3); } textSize(30); fill(255, 0, 0); text("The object of the game is\n quite simple: run as far as\n you can without hitting\nanything of falling of the\nbuildings!\n\nDown arrow to slide,\nup arrow to swing,\nspacebar to jump.",202,202); fill(0, 51, 255); text("The object of the game is\n quite simple: run as far as\n you can without hitting\nanything of falling of the\nbuildings!\n\nDown arrow to slide,\nup arrow to swing,\nspacebar to jump.",200,200); textSize(20); fill(255, 0, 0); text("(click to play)",200,380); if(mouseIsPressed && mouseY > 350){ gameState = "play"; } } if(gameState === "play"){ metersRun+=0.05; background(0, 171, 194); cloud1.draw(); cloud1.update(); cloud2.draw(); cloud2.update(); cloud3.draw(); cloud3.update(); cloud4.draw(); cloud4.update(); cloud5.draw(); cloud5.update(); cloud6.draw(); cloud6.update(); cloud7.draw(); cloud7.update(); if(spideyState === "run"){ Rdust1.draw(); Rdust1.update(); Rdust2.draw(); Rdust2.update(); Rdust3.draw(); Rdust3.update(); Rdust4.draw(); Rdust4.update(); Rdust5.draw(); Rdust5.update(); Rdust6.draw(); Rdust6.update(); Rdust7.draw(); Rdust7.update(); Rdust8.draw(); Rdust8.update(); Rdust9.draw(); Rdust9.update(); Rdust10.draw(); Rdust10.update(); Rdust11.draw(); Rdust11.update(); SpidermanR(75,Sy,0.7,[0,0]); if(swingTimer > 0){ swingTimer--; } } if(spideyState === "slide"){ dust1.draw(); dust1.update(); dust2.draw(); dust2.update(); dust3.draw(); dust3.update(); dust4.draw(); dust4.update(); dust5.draw(); dust5.update(); dust6.draw(); dust6.update(); dust7.draw(); dust7.update(); dust8.draw(); dust8.update(); dust9.draw(); dust9.update(); dust10.draw(); dust10.update(); dust11.draw(); dust11.update(); SpidermanSl(75,Sy,0.7); if(swingTimer > 0){ swingTimer--; } } if(spideyState === "swing"){ swingTimer++; SpidermanSw(75,Sy,0.7); if(swingTimer > 75){ spideyState = "run"; } } if(spideyState === "jump"){ SpidermanJ(75,Sy,0.7,[0,0]); if(swingTimer > 0){ swingTimer--; } } /*****************************************/ if(b1x < -660 && b2x > 80 && spideyState !== "swing"){ gameState = "lose"; } if(b2x < -660 && b1x > 80 && spideyState !== "swing"){ gameState = "lose"; } if(block1.x < 75 && block1.x > 0 && block1.y === 188 && spideyState !== "jump" && spideyState !== "swing"){ gameState = "lose"; } if(block1.x < 75 && block1.x > 0 && block1.y === 188 && spideyState === "jump" && Sy > 120){ gameState = "lose"; } if(block1.x < 75 && block1.x > 0 && block1.y === 100 && spideyState !== "slide"){ gameState = "lose"; } /*******************************************/ b1(b1x,221); b2(b2x,221); block1.draw(); block1.update(); noStroke(); fill(0, 0, 0); rect(20,350,75,20); fill(255, 0, 0); rect(20,350,swingTimer,20); fill(0); textAlign(CENTER,CENTER); fill(0); textFont(createFont("cursive"),25); text(round(metersRun)+" meters run",200,27); } if(gameState === "lose"){ background(0, 0, 0); fill(255, 0, 0); textSize(50); text("You Lost!",200,50); textSize(25); text("You ran "+round(metersRun)+" meters!",200,100); spiderLogo(-62,-66,1); textSize(20); text("(click to restart program)",200,375); if(mouseIsPressed && mouseY > 350){ Program.restart(); } } };
Folds	26,40,42,55,68,144,145,240,241,283,284,328,330,379,381,391,392,402,404,408,409,417,418,432,436,440,441,446,447,454,464,470,471,475,476,500,529,559,561,582,584,749,751,769
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOiNqIfiCgw
Votes	286
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	вenjaмιn
Author Name	GalenMarek
Author ID	kaid_1004939687393596549494168
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739453090075
Updated	4 months ago, 1744845021563
Source Deleted	unknown