Viewing Program

Program Data

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

Title	Parkour [more levels being added]
ID	5384647893532672
Created	4 years ago, 1620646260394
Updated	4 years ago, 1621019674218
Code	//Based off of Johnathan Wintres's tutorial. //needs more levels /** Want to make a level? Key: * b = block * s = spike * @ = portal * w = invisible block * _ = trampoline */ noStroke(); var logo = function(x, y, s) { pushMatrix(); translate(x-(200s), y-(200s)); scale(s); noStroke(); fill(0, 0, 0); { beginShape(); vertex(132, 262); vertex(147, 274); vertex(157, 269); vertex(164, 264); vertex(174, 257); vertex(183, 249); vertex(195, 234); vertex(185, 240); vertex(185, 238); vertex(188, 232); vertex(193, 228); vertex(198, 226); vertex(205, 224); vertex(213, 224); vertex(222, 226); vertex(227, 232); vertex(227, 241); vertex(224, 249); vertex(220, 259); vertex(221, 257); vertex(220, 260); vertex(218, 264); vertex(214, 270); vertex(219, 269); vertex(222, 267); vertex(224, 263); vertex(227, 260); vertex(229, 257); vertex(234, 253); vertex(236, 253); vertex(235, 256); vertex(234, 260); vertex(231, 265); vertex(229, 270); vertex(227, 275); vertex(225, 279); vertex(232, 271); vertex(236, 266); vertex(239, 260); vertex(242, 255); vertex(245, 248); vertex(249, 253); vertex(247, 258); vertex(247, 262); vertex(246, 266); vertex(245, 273); vertex(250, 265); vertex(252, 257); vertex(254, 251); vertex(255, 244); vertex(258, 247); vertex(258, 251); vertex(257, 257); vertex(257, 261); vertex(258, 265); vertex(261, 260); vertex(263, 254); vertex(264, 249); vertex(264, 241); vertex(264, 236); vertex(267, 241); vertex(268, 245); vertex(268, 252); vertex(273, 243); vertex(273, 237); vertex(274, 233); vertex(278, 240); vertex(282, 231); vertex(282, 226); vertex(282, 219); vertex(281, 211); vertex(280, 204); vertex(277, 198); vertex(275, 194); vertex(275, 191); vertex(283, 195); vertex(285, 199); vertex(288, 204); vertex(290, 208); vertex(289, 217); vertex(293, 208); vertex(293, 198); vertex(291, 191); vertex(289, 182); vertex(284, 176); vertex(286, 174); vertex(291, 173); vertex(295, 174); vertex(299, 176); vertex(303, 179); vertex(297, 170); vertex(288, 162); vertex(282, 160); vertex(273, 156); vertex(274, 152); vertex(275, 149); vertex(283, 149); vertex(286, 151); vertex(275, 144); vertex(267, 143); vertex(256, 143); vertex(249, 143); vertex(242, 144); vertex(249, 139); vertex(245, 135); vertex(238, 133); vertex(228, 132); vertex(221, 134); vertex(210, 134); vertex(202, 130); vertex(198, 128); vertex(190, 123); vertex(184, 119); vertex(180, 117); vertex(172, 116); vertex(176, 126); vertex(177, 134); vertex(176, 143); vertex(171, 151); vertex(168, 151); vertex(161, 156); vertex(155, 159); vertex(147, 164); vertex(140, 172); vertex(139, 180); vertex(139, 187); vertex(137, 191); vertex(132, 195); vertex(125, 200); vertex(117, 205); vertex(112, 209); vertex(108, 210); vertex(101, 213); vertex(95, 219); vertex(95, 223); vertex(102, 226); vertex(109, 230); vertex(111, 232); vertex(115, 230); vertex(195, 177); vertex(115, 230); vertex(119, 231); vertex(122, 233); vertex(126, 234); vertex(123, 228); vertex(121, 224); vertex(124, 222); vertex(128, 225); vertex(131, 227); vertex(136, 228); vertex(135, 223); vertex(133, 218); vertex(137, 216); vertex(142, 214); vertex(147, 211); vertex(152, 210); vertex(157, 208); vertex(160, 207); vertex(165, 209); vertex(172, 213); vertex(174, 218); vertex(172, 224); vertex(172, 227); vertex(169, 232); vertex(164, 232); vertex(160, 232); vertex(162, 236); vertex(165, 237); vertex(164, 240); vertex(160, 240); vertex(156, 239); vertex(158, 243); vertex(159, 247); vertex(156, 249); vertex(153, 249); vertex(150, 247); vertex(147, 246); vertex(149, 252); vertex(150, 255); vertex(149, 255); vertex(145, 255); vertex(141, 254); vertex(138, 253); vertex(139, 258); vertex(136, 260); vertex(134, 261); endShape(); } { beginShape(); vertex(149, 211); vertex(154, 216); vertex(160, 220); vertex(168, 222); vertex(171, 226); vertex(180, 225); vertex(174, 218); vertex(169, 217); vertex(164, 215); vertex(161, 212); vertex(159, 208); endShape(); pushMatrix(); rotate(-40); fill(117, 117, 117); ellipse(-17, 266, 1, 7); popMatrix(); } { fill(255, 102, 0); noStroke(); beginShape(); vertex(152, 184); vertex(154, 183); vertex(157, 177); vertex(160, 173); vertex(162, 171); vertex(167, 169); vertex(166, 173); vertex(163, 179); vertex(163, 181); vertex(162, 185); vertex(160, 187); vertex(158, 189); vertex(157, 189); endShape(); } popMatrix(); }; var block_size = 35;// Create a variable to define the block_size. var scene = "home"; var blocks = []; var player; var update; var level_map;// Create a var to store the level_map. var level = 0;// Defines the current level number var levels;// The base for the levels array var input = []; var button = function(x,y,size,transition){ pushMatrix(); strokeWeight(4); stroke(34, 59, 186); fill(167, 140, 255); ellipse(x,y,size,size); textAlign(CENTER,CENTER); textSize(size/5.5); fill(207, 33, 33); text(transition,x,y); if(dist(mouseX,mouseY,x,y) < size/2){ fill(95, 123, 201,30); ellipse(x,y,size,size); if(mouseIsPressed){ scene = transition; } } noStroke(); popMatrix(); }; var button1 = function(x,y,size,transition){ pushMatrix(); strokeWeight(4); noStroke(); noFill(); ellipse(x,y,size,size); textAlign(CENTER,CENTER); textSize(size/5.5); fill(207, 33, 33); if(dist(mouseX,mouseY,x,y) < size/2){ fill(95, 123, 201,30); ellipse(x,y,size,size); if(mouseIsPressed){ scene = transition; } } noStroke(); popMatrix(); }; function keyPressed() { input[keyCode] = true;// If the key is pressed, tell the computer which one is being pressed. } function keyReleased() { input[keyCode] = false;// If the key is released, tell the computer that it's no-longer being pressed. } var cam = { x: 0, y: 0, }; function collide(obj1, obj2) { // This is the collide function, it differs from Green Ghost's, mainly because he had (x1, y1, s1, x2, y2, s2), vs. me who just simplified it to ob1.x, obj2.x, etc. return obj1.x - obj2.x < obj2.w && obj2.x - obj1.x < obj1.w && obj1.y - obj2.y < obj2.h && obj2.y - obj1.y < obj1.h;// Calculates whether or not the objects are touching eachother. } function Player(x, y) { this.x = x;// Transfer the x argument into the object this.y = y;// Transfer the y argument into the object this.prevX = x;// Defines the previous x of the player this.prevY = y;// Defines the previous y of the player /PRO TIP: Make the player smaller size smaller than the block_size, to prevent difficulty in passing through a one-block gap./ this.w = 30;// Defines the players width this.h = 30;// Defines the players heightz this.gravity = 0;// Setup "gravity" this.canJump = false;// Tells the computer if the player can jump. } Player.prototype = { display: function() { // Draw the Player fill(114, 107, 255); rect(this.x, this.y, this.w, this.h); }, update: function() { /Okaay, time for the hard part. D^:/ // Updates the previous x & y of the player pf the player this.prevX = this.x; this.prevY = this.y; this.y += this.gravity;// Move the player down according to how much gravity there is. this.gravity += 0.18;// Accelerate the gravity /COLLISIONS START HERE/ / You can either do the x or the y collisions below, just as along as you keep both of them seperately. I'm doing the y collisions first. / for(var i = 0; i < blocks.length; i ++) { // Check if the block is lava { if(collide(this, blocks[i]) && blocks[i].type === 'spike') { update();// Reset Level } //} // If the player and the block make contact, then handle y collisions if(collide(this, blocks[i])) { this.gravity = 0;// Set gravity to zero. if(this.prevY < blocks[i].prevY) { // If the player is on top of the block, tell the computer the player can jump. this.canJump = true; // If the blocks is a trampoline, make the player jump. if(blocks[i].type === "trampoline") { this.gravity -= 10; } } this.y = (this.prevY < blocks[i].prevY) ? blocks[i].y - this.h : blocks[i].y + blocks[i].h; } } // YAY! 'y' collisions are done! /IMPORTANT! Do left & right movement BEFORE handling x collisions/ if(input[LEFT]) { // Fairly simple, if the player is pressing the left arrow key, move left this.x -= 3; } if(input[RIGHT]) { // If the right arroy key is being pressed, move right. this.x += 3; } / Okay, do x collisions basically the same as y collisions, subsituting 'x' for 'y' and 'w' for 'h' Don't set the "gravity" to zero, and don't set canJump to true. / for(var i = 0; i < blocks.length; ++ i) { // Check if the block is a spike { if(collide(this, blocks[i]) && blocks[i].type === 'spike') { update();// Reset the level } //} if(collide(this, blocks[i])) { this.x = (this.prevX < blocks[i].prevX) ? blocks[i].x - this.w : blocks[i].x + blocks[i].h; } } // If the player is pressing the up key, and if "this.canJump" is true, then jump. if(input[UP] && this.canJump) { this.gravity = -7;// Set the gravity to a negative number. } if(input[UP] && this.jump) { this.gravity = -7; } this.canJump = false;// Set "canJump" to false(the player could fly, and do air-jumps, otherwise) }, }; player = new Player(200, 200); function Block(x, y, type) { this.x = x;// Transfer the x argument into the object this.y = y;// Transfer the y argument into the object this.w = block_size + 0.5;// Defines the block width this.h = block_size + 0.5;// Defines the block height this.type = type;// Transfer the type argument into the object this.prevX = x;// Defines the previous x this.prevY = y;// Defines the previous y this.shade = random(0,50);// Decides randomly the shade of each block } Block.prototype.display = function() { this.prevX = this.x;// Updates the previous x this.prevY = this.y;// Updates the previous y // Draw the block according to the type.(Note: If the only way you distinguish between blocks is color, then using case and break isn't the most effecient way to do it.) switch(this.type) { case "normal": fill(this.shade); rect(this.x, this.y, this.w, this.h); break; case "spike": fill(0, 0, 0); triangle(this.x+15, this.y, this.x, this.y+36,this.x+35,this.y+36); break; case "trampoline": strokeWeight(1); stroke(255, 255, 255); fill(255, 217, 0); rect(this.x, this.y, this.w, this.h); noStroke(); } }; var portal = { x: 0, y: 0, w: 30, h: 30, display: function() { // Draw the portal fill(sin(frameCount 2) * 255, cos(frameCount * 5) * 255, 255); rect(this.x, this.y, this.w, this.h); // Handle Collisions if(collide(this, player)) { if(level < levels.length-1) { level ++;// Change the level number update();// Update the level map. } else { background(0, 140, 255); textSize(80); fill(255, 255, 255); text("You Win",50,100); } } }, }; var level_key_index = { 'b':'normal', 's':'spike', 'p':'player', '@':'portal', '_': 'trampoline', }; levels = [ [ " b", " b ", " b b b @", " b b b", "p ss sss sssssss s bsssssbsssssb b bb_ ", "bssbbbbbbbbbbbbbbbbbb_bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbsssssssssssssssssssssbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbssbbb", ], [ " @", " b b b s b b b b s", " ", "b ", " ", " bsb bbbbbb ", " bbbb bb ", " ", " b", " bsb ", " bbb ", " bbb ", "p bbb ", "bbbbb " ], [ " ", " bb b b b b b b b ", " s s s s s s s s ", " bbbbbbbbbbbbbbbb b ", " @ ", "bbbbbb ", " bb", " b ", " b b bb b ", "p b b bsssbb s ", "bbbbbbb b bbbbbbbbbbbbbbbbb", ], [ " bbbbbbbbbbbb ", " - ", " ss s - ", "bbbbbbbbbbbbb bb b b b b b b b ", " - ", " bb b b b b b-ssssss ", " s s s s s - ssssss ", " bbbbb bbbbbbb ", "s ", "bbbbbbb_bbb - ", " b - ", " b b ", " b b ", " b b ", " p - @ ss ssss ", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " ssssss s ", " bbbb_bbbbbbbbbbbbbb ", " ", "bbbbbbbbbbbbbbbbbbb s s ", " s ", " bbbbbbbb s s s", " s ", " bbbbbb s ", " b b ss s ", " b b s ", " b b s ", "p bb s @ s", "bbbbbbbbbb _ bbbbbbbbbbbbbbssss", ], [ " b ", " b ", " b ", "@ b_ ", "bbbbbbb bbb", " llb", "p b", " b", "bbbbbb__bbb", ], [ " ", " ", " ", " p", "bbbbb", " ", " ", " ", " ", " @ ", ], ]; update = function() { /Convert the level array into the actual level/ blocks = [];// Clear the blocks array level_map = levels[level];// Update the 'level_map' to the current level // Create a nested for loop for(var i = 0; i < level_map.length; ++ i) { for(var j = 0; j < level_map[i].length; ++ j) { switch(level_key_index[level_map[i][j]]) { case "player": player.x = 15/2 + j * block_size;// Set the x location of the player player.y = 15/2 + i * block_size;// Set the y location of the player break; case "portal": portal.x = 15 / 2 + j * block_size;// Set the x location of the portal portal.y = i* block_size;// Set the y location of the portal break; default: // If level_map[i][j] isn't a space, don't push a block into the array if(level_map[i][j] !== " ") { blocks.push(new Block(j * block_size, i * block_size, level_key_index[level_map[i][j]]));// Add in a new block. } } } } }; update(); var home = function() { background(255, 255, 255); fill(0, 0, 0); textSize(80); textAlign(CENTER, CENTER); textFont(createFont("Arial Black Italic")); text("Parkour",200,100); logo(370,370,0.3); button(200,300,100,"Play"); }; var game = function() { background(0, 72, 255); pushMatrix(); translate(0,0); fill(17, 0, 255); beginShape(); vertex(0, 400); vertex(0, 346); vertex(100, 200); vertex(0, 51); vertex(0, 0); vertex(145, 200); endShape(CLOSE); popMatrix(); cam.x = lerp(cam.x, width/2-20 - player.x, 0.1);// Update the camera's x position cam.y = lerp(cam.y, height/2-20 - player.y, 0.1);// Update the camera's y position pushMatrix(); translate(cam.x, cam.y);// Translate the screen based off the camera's x and y for(var i = 0; i < blocks.length; ++ i) { blocks[i].display();// Draw all the blocks } player.display();// Draw the player player.update();// Update the player portal.display();// Display the portal. popMatrix(); /* Have the level reload when the player falls down too far */ if(player.y > 600) { update(); } textFont(createFont("monospace"), 12); // Some stats }; draw = function() { if (scene === "home") { home(); } if (scene === "Play") { game(); } };
Folds	17,257,277,296,298,316,318,320,322,324,326,329,331,337,339,350,352,445,449,458,460,481,483,506,508,514,615,643,647,656,658,693,695,702
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL3H8KnICQw
Votes	179
Spin-Offs	8
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TBNRBeast
Author Name	cricket2020
Author ID	kaid_735300374035035788697113
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739381345385
Updated	10 months ago, 1739381352797
Source Deleted	unknown