Viewing Program

Program Data

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

Title	Play https://www.khanacademy.org/computer-programming/spiderman-updated/4844214363095040?width=1000&&height=700
ID	4844214363095040
Created	10 years ago, 1415124546086
Updated	10 years ago, 1424353492787
Code	/ Ive been kicked of the hotlist. But I give thanks to everyone who did vote and spin-off. Also check out a similar program: https://www.khanacademy.org/computer-programming/batman/5589579580309504 This is also my first 350+ line picture. update: https://www.khanacademy.org/computer-programming/spiderman-updated/4844214363095040?width=1000&&height=700 Check the above link for the awesome version. / //Use "asdw" keys to move the person. var C1 = 45; var C2 = 60; var C3 = 265; var C4 = 255; var C5 = 305; var C6 = 95; var C1H = 10; var xP = 2; var yP = 200; var Rx = 0; var Ry = 430; var Rh = 5; var Rw = 50; var Road = function() { fill(130, 130, 130); rect(0,350,width-1,height/2+22); fill(59, 59, 59); quad(width,410,width,480,0,480,0,410); stroke(87, 87, 87); fill(255, 221, 0); rect(Rx,Ry,Rw,Rh); rect(Rx+85,Ry,Rw,Rh); rect(Rx+852,Ry,Rw,Rh); rect(Rx+853,Ry,Rw,Rh); rect(Rx+854,Ry,Rw,Rh); rect(Rx+855,Ry,Rw,Rh); rect(Rx+856,Ry,Rw,Rh); rect(Rx+857,Ry,Rw,Rh); rect(Rx+858,Ry,Rw,Rh); rect(Rx+859,Ry,Rw,Rh); rect(Rx+8510,Ry,Rw,Rh); rect(Rx+8511,Ry,Rw,Rh); }; var Building1 = function() { fill(200, 200, 200); rect(100,100,200,300); stroke(80, 80, 80); };//a var Building2 = function() { fill(100, 100, 100); rect(0,200,75,200); };//b var Building3 = function() { fill(50, 50, 50); rect(280,251,80,150); };//c var Building4 = function() { };//d var Building5 = function() { };//e var Building6 = function() { stroke(255, 255, 255); strokeWeight(5); fill(94, 94, 94); rect(422,79,270,320); };//f var Building7 = function() { stroke(56, 56, 56); strokeWeight(5); fill(163, 163, 163); rect(825,50,150,350-1); };//g var Building8 = function() { stroke(0, 0, 0); strokeWeight(5); fill(66, 66, 66); rect(450,200,90,200-1); };//h var Building9 = function() { stroke(133, 133, 133); strokeWeight(5); fill(71, 47, 0); rect(640,300,200,100-1); };//i var Building10 = function() { stroke(255, 255, 255); strokeWeight(2); fill(0, 112, 186); rect(720,160,40,137); };//j var ConTower1 = function() { fill(255, 102, 0); stroke(0, 0, 0); rect(330,80,5,170); rect(320,80,5,170); rect(310,80,5,170); rect(301,47,43,26); rect(306,73,33,10); quad(318,50,305,55,200,3,222,10); noFill(); triangle(202,250,222,280,182,280); fill(112, 60, 9); rect(182,280,40,20); line(202,4,202,300); fill(0,0,0); rect(320,51,14,18); };//- var Portables = function() { stroke(100, 100, 100); fill(0, 238, 255); rect(382,379,10,20); rect(368,379,10,20); rect(367.2,376,12,5); rect(381,376,12,5); };//- var WindowType1 = function() { for (var xP = 105 ;xP < 290; xP+=12) { strokeWeight(4); for (yP = 105;yP < 380;yP+=20) { stroke(50, 50, 50); fill(0, 100, 200); rect(xP,yP,10,15); } } noStroke(); fill(200, 200, 200); rect(224,104,74,78); fill(168, 163, 168); rect(228,105,68,76); fill(0, 0, 0); rect(228,120,68,3); rect(228,140,68,3); rect(228,160,68,3); rect(228,180,68,3); rect(232,106,3,75); rect(242,106,3,75); rect(252,106,3,75); rect(262,106,3,75); rect(272,106,3,75); rect(282,106,3,75); rect(292,106,3,75); };//a var WindowType2 = function() { for (var xP = 2 ;xP < 70; xP+=12) { for (yP = 204;yP < 380;yP+=20) { strokeWeight(1); stroke(50, 50, 50); fill(0, 100, 200); rect(xP,yP,10,15); } } };//b var WindowType3 = function() { for (var xP = 282 ;xP < 350; xP+=11) { for (yP = 254;yP < 360;yP+=20) { strokeWeight(2); stroke(200, 200, 200); fill(20, 88, 156); rect(xP,yP,10,15); } } };//c var WindowType4 = function() { for (var xP = 428 ;xP < 686; xP+=13) { for (yP = 88;yP < 360;yP+=20) { strokeWeight(1.5); stroke(51, 51, 51); fill(127, 191, 255); rect(xP,yP,10,15); } } };//f var WindowType5 = function() { for (var xP = 841 ;xP < 959; xP+=22) { for (yP = 61;yP < 366;yP+=20) { strokeWeight(1); stroke(0, 0, 0); fill(76, 166, 255); rect(xP,yP,10,15); } } };//g var WindowType6 = function() { for (var xP = 453 ;xP < 538; xP+=15) { for (yP = 213;yP < 363;yP+=20) { strokeWeight(2); stroke(112, 112, 112); fill(76, 166, 255); rect(xP,yP,10,15); } } };//h var WindowType7 = function() { for (var xP = 648 ;xP < 826; xP+=11) { for (yP = 306;yP < 370;yP+=19) { strokeWeight(0.5); stroke(117, 117, 117); fill(94, 175, 255); rect(xP,yP,10,15); } } };//i var WindowType8 = function() { for (var xP = 721 ;xP < 751; xP+=13) { for (yP = 162;yP < 300;yP+=20) { noStroke(); fill(20, 88, 156); rect(xP,yP,11,15); } } };//j var Doors = function() { fill(46, 45, 45); stroke(217, 97, 32); rect(131,384,7,15); rect(52,384,7,15); rect(340,384,7,15); rect(520,384,7,15); rect(600,384,7,15); rect(590,384,7,15); rect(670,384,7,15); rect(930,384,7,15); stroke(0, 0, 0); };//- var BackgroundCity = function() { background(92, 182, 250); fill(69, 69, 69); rect(0,103,81,267); rect(236,70,75,279); rect(41,147,76,203); rect(324,198,76,152); rect(400,103,81,267); rect(636,90,75,269); rect(441,147,76,203); rect(724,198,76,152); rect(800,103,81,267); }; var Clouds = function() { noStroke(); fill(255, 255, 255,20); ellipse(C1,20,86,20); ellipse(C2,29,86,20); ellipse(C3,12+C1H,86,20); ellipse(C4,27+C1H,86,20); ellipse(C5,18+C1H,86,20); ellipse(C6,14+C1H,86,20); }; var AllThings = function() {strokeWeight(3); BackgroundCity(); Road(); Building1(); WindowType1(); Building2(); WindowType2(); Building3(); WindowType3(); ConTower1(); Portables(); Clouds(); Building6(); WindowType4(); Building7(); WindowType5(); Building8(); WindowType6(); Building9(); WindowType7(); Building10(); WindowType8(); Doors(); }; var Playerx = 180; var Playery = 70; var Dist = 5; var playerw = 25; var playerh = 25; var bigscreen = true; var PlayerAll = function() { strokeWeight(1.5); stroke(0, 0, 0); fill(205, 0, 0); rect(Playerx,Playery,playerw,playerh,50); fill(255, 255, 255); triangle(Playerx + 16,Playery + 11,Playerx + 23,Playery + 14,Playerx + 24,Playery + 8); triangle(Playerx + 3,Playery + 14,Playerx + 4,Playery + 8,Playerx + 13,Playery + 11); }; if(width<1000 \|\| height < 700){ bigscreen=false; } if(width >= 1000 \|\| height >= 700){ bigscreen=true; }// ensures you get a big screen ;) if( bigscreen===false ) { background(0, 0, 0); fill(255, 255, 255); text("You need a bigger screen\ntry: https://www.khanacademy.org/computer-programming/spiderman-updated/4844214363095040?width=1000&&height=700",80,200); } if( bigscreen===true ) { AllThings(); PlayerAll(); } var keyPressed = function () { if (key.toString() === "d") { AllThings(); stroke(204, 204, 204); fill(0, 0, 0, 200); line(Playerx + 15 ,Playery + 15, width,0); PlayerAll(); Playerx+=Dist; } else if (key.toString() === "s") { AllThings(); stroke(204, 204, 204); fill(112, 112, 112, 200); line(Playerx + 15 ,Playery + 15,Playerx + 15,0); PlayerAll(); Playery+=Dist; } else if (key.toString() === "w") { AllThings(); stroke(204, 204, 204); fill(0, 0, 0, 200); line(Playerx + 15 ,Playery + 15,Playerx + 15,0); PlayerAll(); Playery-=Dist; } else if (key.toString() === "a") { AllThings(); stroke(204, 204, 204); fill(0, 0, 0, 200); line(Playerx + 15 ,Playery + 15,0, 0); PlayerAll(); Playerx-=Dist; } if(Playerx >= width-30 \|\| Playerx <= 30 \|\| Playery >= height-30 \|\| Playery <= 30) { Program.restart(); } if(width < 1000 \|\| height < 700) { } }; //End of code
Folds	24,43,44,50,51,54,55,58,59,61,62,64,65,70,71,76,77,82,83,88,89,94,95,111,112,119,120,147,148,157,158,167,168,177,178,187,188,197,198,207,208,216,217,229,230,243,244,253,254,278,285,293,294,296,297,299,300,304,305,308,309,348
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNDimLnNCAw
Votes	395
Spin-Offs	7
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Joe Blow
Author Name	JAS39icecream
Author ID	kaid_302029153051303876594132
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739370805261
Updated	4 months ago, 1744828470630
Source Deleted	unknown