Viewing Program

Program Data

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

Title	2-Player Tag
ID	5346544172990464
Created	8 years ago, 1493273984382
Updated	8 years ago, 1493377108196
Code	/** * * * Credit to: * GameChief999 for his tutorials. * -Houston- for getting the tagging to work(Geting that to work would have been hard, trust me I tried to get it to work and failed ;) * * * * * INSTRUCTIONS: * To change levels make both players touch oppisite sides of the yellow block. * Move players with WASD and arrow keys. * Enjoy! * * * 2nd on the hot list in 1 day? * thanks everyone! * Note: this is made using my platformer engine which I made using gameChief999's tutorials, I gave him credit there and here so please dont flag. * If you find any bugs or glitches please let me know. * Thanks! * * * subscribe to me for more cool games and programs here: https://www.khanacademy.org/computer-programming/sub-pageinteractive/4887911537901568 * * * * * * * * * * * / //variables, gets etc...{ var px1 = 560; var py1 = 300; var w = 180; var px = px1; var py = py1; var px3 = 20; var py3 = 300; var px2 = px3; var py2 = py3; var scene = 'logo'; var gravity = 0; var gravity1 = 0; var canJump = false; var canJump1 = false; var tagged1 = true; var tagged2 = false; var input = []; var level = 0; var width1 = 20; var width2 = 20; var height1 = 20; var height2 = 20; var t = 200; var x = 300; var y = 450; noStroke(); fill(122, 112, 130); rect(0, 0, 20, 20); fill(148, 148, 148); rect(1, 1, 8, 8, 2); rect(1, 12, 8, 8,2); rect(11, 12, 8, 8,2); rect(11, 1, 8, 8,2); var b = get(0, 0, 20, 20); background(255, 255, 255, 0); noStroke(); fill(4, 138, 9); rect(0, 0, 20, 10); fill(148, 94, 0); rect(0, 10, 20, 10); var g = get(0, 0, 20, 30); background(255, 255, 255, 0); noStroke(); fill(148, 94, 0); rect(0, 0, 20, 20); stroke(0, 0, 0); noFill(); rect(0, 0, 10, 10); rect(9, 4, 10, 11); rect(0, 4, 14, 14); rect(2, 15, 5, -3); rect(6, 0, 10, 10); var wo = get(0, 0, 20, 20); background(255, 255, 255, 0); fill(0, 143, 10); rect(-1, -1, 21, 21); stroke(0, 0, 0); noFill(); arc(0, 0, 10, 10, 30, 71); arc(10, 4, 10, 11, -25, 83); arc(0, 4, 14, 10, 30, 85); arc(6, 15, 10, -3, -194, -3); arc(8, 0, 10, 10, 30, 71); var l = get(0, 0, 20, 20); noStroke(); background(255, 0, 0, 255); fill(148, 0, 0); rect(0, 0, 20, 20); fill(222, 0, 0); rect(0, 0, 20, 5); var la = get(0, 0, 20, 20); background(255, 0, 0, 255); noStroke(); fill(148, 94, 0); rect(0, 0, 20, 20); var d = get(0, 0, 20, 20); //} var levels = [ [ //level 1 "111111111111111111111111111111", "100000000000000000000000000001", "100000800000000000000000000001", "100011111000000100000111000001", "100000100000001010001000100001", "100000100000011111001000000001", "100000100000100000100101000001", "100000100001000000010011000001", "100000000000000000000000000011", "100000000000000000000000000001", "100000000000000000000000000001", "100000000111111111111100000001", "100000000000000000001110000001", "100001111111111111101100000001", "100001000100010001000100000001", "100001010101010101010100000001", "110001010101010101010100000011", "100001010101010101010100000001", "100001010001000100010000000001", "100001011111111111111111000001", "100011000000000000000000000001", "100000000111000000001110000001", "100000001000100110010001000011", "110000010000010000100000100001", "100000011101111001111011100001", "100000000000000000000000000001", "100000000000000000000000000001", "100100111111111001111111110001", "100000000000000000000000000001", "111111111111111111111111111111", ], [ //level 2 "000000000000000505550000000000", "000000000000005500055000000000", "000000000000055000005500000000", "000000000000050000000500000000", "000000000000050000000500000000", "000000000000055000000500000000", "000000000000005530050000000000", "000000000000000555550000000000", "000000000000000000000000000000", "000005555000000000000000000000", "000000005550055555555000000000", "000000000000000000000000000000", "000000000000000500500500000000", "000000005555500555555555000000", "000000055000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000555", "000000000000000000000000000000", "555000000000000000000000000000", "000000000000000000000000006600", "000005000000000000000000066600", "000000000000000000000000666600", "000000000000000000000060066600", "000050000000000000000666005000", "000000000000000000006666605000", "000000000000000000006656605000", "000005000000000000000050005000", "000000000000008000000050005000", "444444444444444444440000000044", "777777777777777777777777777777", ], [ //level 3 "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000020000022200000020000000", "000011111111111111111111110000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000008000000000000000", "000000000011111111100000000000", "000000000000000000000000000000", "003000000000000000000000000300", "001111000000000000000001111100", "000001100000000000000011000000", "000000110000000000000110000000", "000000011000000000001100000000", "000000001111000001111000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000200020002003002000020002000", "111111111111111111111111111111", "777777777777777777777777777777", ], [ //level 4 "000000000000008000000000000000", "000000000001111111000000000000", "000000000000000000000000000000", "110000000000000000000000000011", "100001100000000000000001100001", "100001110000000000000011100001", "100001111000000000000111100001", "110001111100000000001111100011", "100001111110000000011111100001", "100001111111110111111111100001", "100001000000000000000000100001", "110001000000000000000000100011", "100001000000003000000000100001", "100001001111111111111100100001", "100001000000001000000000100001", "110001100000001000000001100011", "100000111111101011111111000001", "100000000001001001000000000001", "100000000001011101000000000001", "110000000001001001000000000011", "100000000001101011000000000001", "100000000001001001000000000001", "100000000001011101000000000001", "110000000001001001000000000011", "100000000001101011000000000001", "100000000001001001000000000001", "100000000001011101000000000001", "110000000001001001000000000011", "100000000000001000000000000001", "111111111111111111111111111111", ], [ //level 5 "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000800000000000000", "000000000001111111110000000000", "000000000000000000000000000000", "001110000000000000000000111000", "000000000000000000000000000000", "000000000000000000000000000000", "000000001100000000011000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000001110000000000000000", "003000000000000000000000000000", "011100000000000000000000000000", "000000000000000000300000000000", "000000001100000001110000000000", "000000000000000000000000000000", "000000000000000000000000300000", "000000100000000000000001110000", "000000000000300000000000000000", "010000000001110010000000000010", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000010000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000030000000000000000000300000", "001111100000001000000011111000", "222222222222222222222222222222", ], [ //level 5 "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000800000000000000", "000000000001111111110000000000", "000000000000000000000000000000", "001110000000000000000000111000", "000000000000000000000000000000", "000000000000000000000000000000", "000000001100000000011000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000001110000000000000000", "003000000000000000000000000000", "011100000000000000000000000000", "000000000000000000300000000000", "000000001100000001110000000000", "000000000000000000000000000000", "000000000000000000000000300000", "000000100000000000000001110000", "000000000000300000000000000000", "010000000001110010000000000010", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000010000000", "000000000000000000000000000000", "000000000000000000000000000000", "000000000000000000000000000000", "000030000000000000000000300000", "001111100000001000000011111000", "222222222222222222222222222222", ], ]; var shadowText = function(x, y, font, size, Text, color1, color2){ textFont(createFont(font), size); fill(color1); text(Text, x+size/12, y); fill(color2); text(Text, x, y); }; keyPressed = function(){input[keyCode] = true;}; keyReleased = function(){input[keyCode] = false;}; //credit to lilou.tissot for the logo var M = millis(); var Millis = function(){ return (millis() - M); }; var drawArrow = function(r,x,y,s){ translate(x,y);//put it in the right place rotate(r);//with the right orientation fill(171, 117, 0);//the stick rect(+1.9s/26,0,s,s/25); rotate(20); fill(255, 255, 255);//the quill rect(6s/50,-s6/50,s/6,s/25); rect(2s/50,-4s/50,s/6,s/25); rotate(-40); rect(6s/50,s6/50,s/6,s/25); rect(2s/50,4s/50,s/6,s/25); rotate(20); fill(125, 125, 125);//the point triangle(+9s/10,-s/10+s/50,+11s/10,+s/50,+9s/10,+s/10+s/50); rotate(-r);//reset position translate(-x,-y); }; var drawLogo = function(x,y,s){ noStroke(); fill(53, 117, 39); rect(x,y,s,s); for (var i = 0; i<200; i++){ fill(68, 148, 48,i/7); ellipse(0,0,s2-4i,s2-4i); } //tree 1 fill(128, 81, 21); rect(x+s/4,y,s/8,s); //arrow 1 (the far one) drawArrow(200, 1.8s/4 + constrain((2500-Millis()), 0, 2500), 1.51s/4 + constrain((2500-Millis()), 0, 2500)/4, s/11);//position depending of time since start //hide arrow 1 point strokeWeight(s30/400); stroke(128, 81, 21); line(x+s0.317,y+s0.4,x+s0.336,y+s0.30); noStroke(); //tree 2 fill(150, 93, 24); strokeWeight(s30/400); stroke(150, 93, 24); line(x+2s/4, y+s/4, x+s/8, y-s/8); rect(x+2s/4,y,s/6,s); noStroke(); //arrow 2 (the close one) drawArrow(190,3s/4 + constrain((1000-Millis()), 0, 1000),s/4 + constrain((1000-Millis()), 0, 1000)/5,s/8); //hide arrow 2 point stroke(150, 93, 24); line(x+s0.543,y+s0.4,x+s0.596,y+s0.20); noStroke(); // arrow 3 (the text one) drawArrow(180,1.9s/4 + constrain((4000-Millis()),-2000 ,7000),2s/4 ,s ); //the frame var X = constrain((4000-Millis()),-113,7000) + 113; //the white part fill(235, 215, 183); beginShape(); vertex(s0.270+X, s0.5); bezierVertex(s0.270+X, s0.6375, s0.272+X, s0.6375, s0.5+X, s0.6400); bezierVertex(s0.705+X, s0.6375, s0.705+X, s0.6375, s0.705+X, s0.47); bezierVertex(s0.705+X, s0.35, s0.705+X, s0.35, s0.5+X, s0.35); bezierVertex(s0.270+X, s0.35, s0.270+X, s0.35, s0.270+X, s0.5); endShape(); // the sticks fill(168, 106, 0); rect(x+s0.23+X,y+s0.33,s0.52,s/50); rect(x+s0.23+X,y+s0.64,s0.52,s/50); fill(120, 74, 0); rect(x+s0.245+X,y+s0.33,s0.03,s/50); rect(x+s0.699+X,y+s0.33,s0.03,s/50); rect(x+s0.245+X,y+s0.64,s0.03,s/50); rect(x+s0.699+X,y+s0.64,s0.03,s/50); fill(168, 106, 0); rect(x+s0.25+X,y+s0.30,s/50,s0.40); rect(x+s0.705+X,y+s0.30,s/50,s0.40); //the strings stroke(199, 199, 199); strokeWeight(s/200); line(x+s0.27+X,y+s0.33,x+s0.25+X,y+s0.35); line(x+s0.25+X,y+s0.33,x+s0.27+X,y+s0.35); line(x+s0.27+X,y+s0.64,x+s0.25+X,y+s0.66); line(x+s0.25+X,y+s0.64,x+s0.27+X,y+s0.66); line(x+s0.705+X,y+s0.33,x+s0.725+X,y+s0.35); line(x+s0.725+X,y+s0.33,x+s0.705+X,y+s0.35); line(x+s0.705+X,y+s0.64,x+s0.725+X,y+s0.66); line(x+s0.725+X,y+s0.64,x+s0.705+X,y+s0.66); fill(26, 79, 6); textFont(createFont("fantasy"),s/15); textLeading(s0.10); text(" RANGER\nSTUDIOS",x+s0.34+X, y+s0.43); textFont(createFont("fantasy"),s/20); text("presents:",x+s0.40+X, y+s0.60); if (Millis()>8000){ scene = 'menu'; } }; // var collision = function(x1, y1, w1, h1, x2, y2, w2, h2){ if(x1 + w1 > x2 && x1 < x2 + w2 && y1 + h1 > y2 && y1 < y2 + h2){ tagged1 = (tagged1)? false : true; tagged2 = (tagged2)? false : true; px = px1; py = py1; px2 = px3; py2 = py3; } }; var collision1 = function(x, y){ if(px+20>x&&px+20<x+5&&py+19>y&&py<y+19){px = x-20;} if(px>x+15&&px<x+20&&py+19>y&&py<y+19){px = x+20;} if(py+20>y&&py+20<y+10&&px+20>x&&px<x+20){py = y-20; canJump = true; gravity = 0;} if(py<y+20&&py>y+10&&px+20>x&&px<x+20){py = y+20; gravity = 1;} if(px2+20>x&&px2+20<x+5&&py2+19>y&&py2<y+19){px2 = x-20;} if(px2>x+15&&px2<x+20&&py2+19>y&&py2<y+19){px2 = x+20;} if(py2+20>y&&py2+20<y+10&&px2+20>x&&px2<x+20){py2 = y-20; canJump1 = true; gravity1 = 0;} if(py2<y+20&&py2>y+10&&px2+20>x&&px2<x+20){py2 = y+20; gravity1 = 1;} }; var collision2 = function(x, y){ if(px+20>x&&px+20<x+5&&py+19>y&&py<y+19){py = py1; px = px1;} if(px>x+15&&px<x+20&&py+19>y&&py<y+19){py = py1; px = px1;} if(py+20>y&&py+20<y+10&&px+20>x&&px<x+20){py = py1; px = px1;} if(py<y+20&&py>y+10&&px+20>x&&px<x+20){py = py1; px = px1;} if(px2+20>x&&px2+20<x+5&&py2+19>y&&py2<y+19){py2 = py3; px2 = px3;} if(px2>x+15&&px2<x+20&&py2+19>y&&py2<y+19){py2 = py3; px2= px3;} if(py2+20>y&&py2+20<y+10&&px2+20>x&&px2<x+20){py2 = py3; px2 = px3;} if(py2<y+20&&py2>y+10&&px2+20>x&&px2<x+20){py2 = py3; px2 = px3;} }; mouseClicked = function(){ if(scene ==='menu'&&dist(mouseX, mouseY, x, y)<=90){ scene = 'game'; } }; var levelChange = function(x, y){ fill(255, 238, 0); rect(x, y, 20, 20, 1); collision1(x, y); //the level changing code if(px+21>x&&px+21<x+5&&py+19>y&&py<y+19&&px2>x+15&&px2<x+21&&py2+20>y&&py2<y+19\|\|px>x+16&&px<x+21&&py+19>y&&py<y+19&&px2+21>x&&px2+21<x+5&&py2+19>y&&py2<y+19){ level ++;px = px1; py = py1; py2 = py3; px2 = px3;} }; var wood = function(x, y){ image(wo, x, y, 20, 20); collision1(x, y); }; var brick = function(x, y){ image(b, x, y); collision1(x, y); }; var grass = function(x, y){ image(g, x, y); collision1(x, y); }; var lava = function(x, y){ image(la, x, y); collision2(x, y); }; var trampoline = function(x, y){ noStroke(); fill(255, 0, 247); rect(x, y, 20, 20); fill(255, 0, 247); rect(x, y, 20, 20); if(px+20>x&&px+20<x+5&&py+19>y&&py<y+19){px = x-20;} if(px>x+15&&px<x+20&&py+19>y&&py<y+19){px = x+20;} if(py+20>y&&py+20<y+10&&px+20>x&&px<x+20){gravity = -3;} if(py<y+20&&py>y+15&&px+20>x&&px<x+20){py = y+20; gravity = 1;} if(py+20>y&&py+20<y+10&&px+20>x&&px<x+20&&input[UP]){gravity = -4;} if(px2+20>x&&px2+20<x+5&&py2+19>y&&py2<y+19){px2 = x-20;} if(px2>x+15&&px2<x+20&&py2+19>y&&py2<y+19){px2 = x+20;} if(py2+20>y&&py2+20<y+10&&px2+20>x&&px2<x+20){gravity1 = -3;} if(py2<y+20&&py2>y+15&&px2+20>x&&px2<x+20){py2 = y+20; gravity1 = 1;} if(py2+20>y&&py2+20<y+10&&px2+20>x&&px2<x+20&&input[87]){gravity1 = -4;} }; var leaves = function(x, y){ image(l, x, y); collision1(x, y); }; var dirt = function(x, y){ image(d, x, y); collision1(x, y); }; var player1 = function(){ noStroke(); fill(176, 76, 0); rect(px, py, width1, height1, 3); fill(0, 0, 0); if(px>=580){ px = 580; } if(px<=0){ px = 0; } if(input[LEFT]){ ellipse(px+3, py+10, 4, 10); ellipse(px+10, py+10, 4, 10); }else if(input[RIGHT]){ ellipse(px+10, py+10, 4, 10); ellipse(px+17, py+10, 4, 10); }else { ellipse(px+7, py+10, 4, 10); ellipse(px+14, py+10, 4, 10); } if(px+20>px2&&px+20<px2+5&&py+19>py2&&py<py2+19){collision();} if(px>px2+15&&px<px2+20&&py+19>py2&&py<py2+19){collision();} if(py+20>py2&&py+20<py2+10&&px+20>px2&&px<px2+20){collision();} if(py<py2+20&&py>py2+15&&px+20>px2&&px<px2+20){collision();} }; var player2 = function(){ noStroke(); fill(176, 76, 0); rect(px2, py2, width2, height2, 3); fill(0, 0, 0); if(px2>=580){ px2 = 580; } if(px2<=20){ px2 = 20; } if(input[65]){ ellipse(px2+3, py2+10, 4, 10); ellipse(px2+10, py2+10, 4, 10); }else if(input[68]){ ellipse(px2+10, py2+10, 4, 10); ellipse(px2+17, py2+10, 4, 10); }else { ellipse(px2+7, py2+10, 4, 10); ellipse(px2+14, py2+10, 4, 10); } }; //variable width1 for player1's width, height1 for their height //variable width2 for player2's width, height2 for their height //variable tagged1 for player1, tagged2 for player2 (true if tagged) if(level === 2){ py=530; py2 = 530; }else if(level === 3){ py = 550; py2 = 550; }else if(level === 4){ py = 300; py2 = 300; } var thanks = function(){ background(66, 117, 0); shadowText(50, 100, "avenir", 60, 'Thanks for playing!', color(140, 140, 140), color(74, 74, 74)); fill(0, 0, 0); shadowText(91, 251, "avenir", 30, 'If you want to make some levels\n let me know in the T&T', color(135, 135, 135), color(0, 0, 0)); if(dist(mouseX, mouseY, 300, 400)<=45){ cursor("pointer"); fill(97, 97, 97); }else { cursor("default"); fill(138, 138, 138); } ellipse(300, 400, 90, 90); fill(0, 0, 0); textSize(20); text('Subscribe', 257, 406); textSize(30); text("Click to restart", 200, 500); mouseClicked = function(){ if(dist(mouseX, mouseY, 300, 400)<=45){ println("https://www.khanacademy.org/computer-programming/sub-pageinteractive/4887911537901568"); }else { Program.restart(); } }; }; var logo = function(){ drawLogo(0,0,600); }; var menu = function(){ cursor("default"); background(81, 128, 102); noStroke(); fill(106, 171, 136); triangle(0, 0, 600, 0, 0, 600); shadowText(120, 250, "helvectia", 200, 'TAG', color(120, 98, 26), color(150, 122, 30)); fill(176, 76, 0); rect(140, 77, 30, 30, 3); rect(264, 25, 30, 30, 3); fill(0); ellipse(153, 93, 6, 16); ellipse(164, 93, 6, 16); ellipse(277, 40, 6, 16); ellipse(287, 40, 6, 16); strokeWeight(3); stroke(0); noFill(); bezier(256, 37, 221, 42, 217, 49, 202, 88); bezier(256, 43, 227, 47, 221, 55, 209, 88); stroke(166, 166, 166); fill(128, 77, 0); ellipse(x, y, w, w); noFill(); for(var i =0; i<t; i+=10){ stroke(i, i, i); ellipse(300, 450, i, i); } if(dist(mouseX, mouseY, x, y)<=90){ cursor("pointer"); w = 200; t = 200; }else { w = 180; t = 180; } fill(0, 0, 0); textSize(60); text("PLAY!",x-75, y+20); }; var game = function(){ if(level === 2){ py1=540; py3 = 540; }else if(level === 3){ py1=500; py3 = 500; }else if(level === 4){ py1 = 300; py3 = 300; }else if(level === 5){ scene = 'thanks'; } cursor('default'); frameRate(600); background(0, 183, 255); player1(); player2(); if(input[UP]&&canJump){gravity = -3.0;} if(input[87]&&canJump1){gravity1 = -3.0;} canJump = false; canJump1 = false; if(input[LEFT]){px -= 1.5;} if(input[RIGHT]){px += 1.5;} if(input[65]){px2 -= 1.5;} if(input[68]){px2 += 1.5;} for(var i = 0; i < levels[level].length; i++){ for(var j = 0; j < levels[level][i].length; j++){ if(levels[level][j][i]==="0"){} if(levels[level][j][i]==="1"){brick(i20, j20);} if(levels[level][j][i]==="2"){lava(i20, j20);} if(levels[level][j][i]==="3"){trampoline(i20, j20);} if(levels[level][j][i]==="4"){grass(i20, j20);} if(levels[level][j][i]==="5"){wood(i20, j20);} if(levels[level][j][i]==="6"){leaves(i20, j20);} if(levels[level][j][i]==="7"){dirt(i20, j20);} if(levels[level][j][i]==="8"){levelChange(i20, j*20);} } } py += gravity; gravity += 0.05; py2 += gravity1; gravity1 += 0.05; collision(px, py, 20, 20, px2, py2, 20, 20); textSize(15); if(tagged1){ fill(random(0, 200), random(0, 200), random(0, 200)); text("Tagger", px-10, py-10); }else if(tagged2){ fill(random(0, 200), random(0, 200), random(0, 200)); text("Tagger", px2-10, py2-10); } if(px2+20>px&&px2+20<px+5&&py2+19>py&&py2<py+19){collision();} if(px2>px+15&&px2<px+20&&py2+19>py&&py2<py+19){collision();} if(py2+20>py&&py2+20<py+10&&px2+20>px&&px2<px+20){collision();} if(py2<py+20&&py2>py+15&&px2+20>px&&px2<px+20){collision();} if(px+20>px2&&px+20<px2+5&&py+19>py2&&py<py2+19){collision();} if(px>px2+15&&px<px2+20&&py+19>py2&&py<py2+19){collision();} if(py+20>py2&&py+20<py2+10&&px+20>px2&&px<px2+20){collision();} if(py<py2+20&&py>py2+15&&px+20>px2&&px<px2+20){collision();} }; draw = function() { if(scene ==='logo'){ logo(); } if(scene === 'game'){ game(); }else if(scene === 'menu'){ menu(); }else if(scene === 'thanks'){ thanks(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNSR9dS_CQw
Votes	191
Spin-Offs	46
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Ranger Studios
Author Name	ferarriF40
Author ID	kaid_990367927324675171930101
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739380733267
Updated	10 months ago, 1739380735895
Source Deleted	unknown