Viewing Program

Program Data

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

Title	OUTBACK [Khantober]
ID	4790640459956224
Created	1 years ago, 1696929128095
Updated	1 years ago, 1696985741378
Code	/** * OUTBACK * by TDJ * * My 34th game! * * * Subscribe: * https://khanacademy.org/cs/i/4838951661649920 * / smooth(); size(600, 600, P2D); var scene = "load";// current scene to display var afterLoad = "logo";// scene to display after loading completed // some setup... noStroke();// remove outline rectMode(CENTER);// aligning things imageMode(CENTER); textAlign(CENTER, CENTER); var fonts = [ createFont('Agency FB Bold'), createFont('Trebuchet'), ];// array of fonts to be used var btns = [];// array of buttons var transition; // some game variables var player; var resetLevel; var level = 0; var deaths = 0; var blockSize = 30; var blocks = []; var enemies = []; var portals = []; // levels var info = false; var levels = [ { bg: 0, help: "Arrows or WASD to move.\nGet to the portal (the\nunlikely-looking cave object)", },// 0 { bg: 0, help: "Watch out for snakes!", },// 1 { bg: 0, help: "Mud is very sticky!\nR to restart level.", },// 2 { bg: 1, help: "", },// 3 { bg: 1, help: "An introduction to spiders.", },// 4 { bg: 1, help: "Don't fall!", },// 5 { bg: 1, help: "Hmmm...", },// 6 { bg: 1, help: "RUN", },// 7 { bg: 1, help: "Careful!", },// 8 { bg: 2, help: "Beware! Dropbears ahead!\nBeing above grey blocks\ntriggers them.", },// 9 { bg: 2, help: "", },// 10 { bg: 2, help: "", },// 11 { bg: 2, help: "", },// 12 { bg: 3, help: "BEWARE!\nBunyips lurk beneath\nswampy waters.", },// 13 { bg: 3, help: "", },// 14 { bg: 3, help: "Bunyips + dropbears\n= nightmares", },// 15 { bg: 3, help: "", },// 16 { bg: 3, help: "Almost there...", },// 17 { bg: 3, help: "", },// 18 ]; var maps = [ [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "P?_____t______t____@", "tttttttbttttttbttttt", ],// 0 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_________tt_________", "______t______twwwwwt", "P?___tbtsssstbtwwww@", "tttttbbbttttbbbttttt", ],// 1 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "P?_st___t___t___t__@", "tmmtbmmmbmmmbmmmbmmt", ],// 2 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "______________t_____", "____________________", "__________t_________", "____________________", "______t_____________", "____________________", "P_t_______________t@", "ttbmmmmmmmmmmmmmmmbt", ],// 3 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "P?t__t__t__t_@", "ttbttttbttttbttttbtt", ],// 4 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_______________t____", "______________tbttt_", "_______________b____", "__________t____b____", "_______________b__tt", "____________t__b____", "_________t__b__b____", "____________b__bt_", "______t_____b__bttb_", "____________b_____b_", "___t________b_____b_", "P?__________b**b@", "ttttttttttttbtttttbt", ],// 5 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_____ttttttttttt____", "____________________", "____________________", "P?t_______t@", "ttbtttttttttttttttbt", ],// 6 [ "____________________", "____________________", "____________________", "____________________", "____________________", "___________________", "t__________________", "_t_________________", "__t________________", "___t_______________", "____t______________", "_____t_____________", "______t____________", "_______t____________", "________t___________", "_________t__________", "____________________", "___________t________", "P?_________________@", "tttttttttttttttttttt", ],// 7 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_________________t__", "_____________t___b__", "__________t____b__", "_______t__bttttttb__", "__________b_____b___", "_________tb_____b__t", "________________bt__", "tttttt___________bt_", "P?___________b@", "ttttttttttttttttttbt", ],// 8 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "P?_________________@", "ttdddddddddddddddddt", ],// 9 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________t_______", "_______t____b_______", "____________b_______", "tttt________b_______", "____________b_______", "______d_____b_tttttt", "____________b_______", "________d___b_______", "_____d__b___b_______", "__t_____b___b_______", "P_b_____b___b______@", "ttbtdddtddddbddddddt", ],// 10 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_____tttttt_________", "_____b____btt_______", "_____b_tt___b_______", "_____b__btt_b_______", "_____bt_bbb_b_______", "_____b__bb__bttttttt", "___t_b_tbb_t___b___b", "P__b___b____t___t_@", "ttdddddddddddddddddt", ],// 11 [ "____________________", "____________________", "___ttttt____________", "___b________________", "___b___t_____tttt__t", "___bt__b_____b____t_", "___b___b_____b___t__", "___b__tb_____b__t___", "___b___b_____b_t____", "___bt__b_____b______", "___b___b_____bt_____", "___b__tb_____b_t____", "___b___b_____b__t___", "___bt__b_____b___t__", "___b___b_____b____t_", "___b__tb_____b______", "___b___b_____b_ttttt", "___bt__b_____b______", "P______b_____b_____@", "tttttdtb_____bdddddt", ],// 12 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_______t____________", "P?_twwwwwwwwwwww&t_@", "tttbbbbbbbbbbbbbbbtt", ],// 13 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "________t___________", "___t_________t______", "_____________b______", "_______t_____bw&wwt_", "ww&wt________bbbbbb_", "bbbbb_____t______b__", "_________________b_t", "____________t____b__", "___t___t____b____bt_", "P__bw&wbwww&bww&wb@_", "tttbbbbbbbbbbbbbbbtt", ],// 14 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "_____________t__t___", "__________twwwwww&t_", "___________bbbbbbbb_", "________t____b______", "_____________b_ttttt", "__________t__b______", "_____________b__ss__", "________t____bttttt_", "_____________b______", "__________t__b__ss__", "_____d_______b_ttttt", "P?dwww&wwwwwwb_____@", "ttbbbbbbbdbbbbtttttt", ],// 15 [ "____________________", "____________________", "____________________", "____________________", "_________________ss_", "________________ttt_", "_____t______t_______", "t__________t________", "_t______________ss__", "_____t__________tt__", "_________t______b___", "____________t___b___", "________________btt_", "_______________t____", "____________t__b__ttt", "__________t_b__b____", "________t_b_b__bs___", "______t_b_b_b__bttt_", "P_____b_b_b_bwww&ww@", "tttdddbdbdbdbbbbbbbb", ],// 16 [ "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "____________________", "______________ttttt_", "_______________b____", "__________t____b_ttt", "___________sssss____", "______t____tttttttt_", "___________b________", "__t________b_ttttttt", "P?bwwww&wwwb_______@", "ttbdddtdddtddddttttt", ],// 17 [ "____________________", "_______________", "_tttttttttttttttttt_", "__________________b_", "tt____t___________b_", "__________________b_", "__________t_______b_", "__________________b_", "______________t___b_", "__________________b_", "_________________tb_", "__________________b_", "______________t___b_", "__________wwwww&wwb_", "__________ttttttttb_", "______t___b_________", "__________b_t_**__t", "___t______b_bttttttb", "P_________b________@", "ttttttttttbttttttttt", ],// 18 ]; // detecting user input var clicked = false; mousePressed = function () { clicked = true; }; var keys = []; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; }; // make game backgrounds look grainy function grainy() { loadPixels(); var d = imageData.data; var amount = 10; for (var i = 0; i < d.length; i += 10) { d[i + 0] += random(-amount, amount); d[i + 1] += random(-amount, amount); d[i + 2] += random(-amount, amount); } updatePixels(); } // for simpler graphic making function bez(x, y, cx, cy, x2, y2) { bezier(x, y, cx, cy, cx, cy, x2, y2); } // current image being loaded var curLoad = 0; // object of images to load var Imgs = { backdrop: { d: function () { // shape to be masked background(0, 0); stroke(0); strokeWeight(1); fill(255); beginShape(); vertex(0, 350); bezierVertex(100, 300, 200, 350, 250, 370); bezierVertex(350, 400, 500, 350, 600, 400); vertex(600, 600); vertex(0, 600); endShape(); noStroke(); var hills = get(); // texture background(255); for (var i = 0; i < 100; i++) { fill(lerpColor(color(0), color(140, 90, 70), i/150)); rect(300, 310 + i, 600, 1); } var texture = get(); texture.mask(hills); // road background(0, 0); fill(140, 80, 60);// red dirt rect(300, 500, 600, 200); fill(85);// bitumen quad(20, 600, 300, 600, 165, 400, 155, 400); fill(200);// dashed line rect(160, 570, 6, 40); rect(160, 500, 4, 30); rect(160, 450, 3, 20); rect(160, 420, 2, 10); rect(160, 405, 1, 5); var road = get(); // gradient sky background(255); for (var i = 0; i < 400; i += 5) { fill(lerpColor(color(30, 80, 110), color(210, 160, 70), i / 700)); rect(300, i + 2.5, width, 5); } // stars function star(x, y, w) { rect(x, y, 0.001, 0.001, -w/2); } for (var i = 0; i < 100; i++) { fill(255, random(50, 200)); star(random(0, 600), random(0, 400), random(1, 6)); } // hills image(texture, 300, 300); // road image(road, 300, 300); // roadsign fill(50); rect(70, 460, 6, 110, 2); stroke(0); strokeWeight(1.5); fill(190, 130, 5); pushMatrix(); translate(70, 380); rotate(45); rect(0, 0, 50, 50, 5); popMatrix(); noStroke(); fill(0); beginShape(); vertex(80, 395); vertex(68, 393); vertex(68, 385); bezierVertex(68, 380, 64, 385, 63, 377); bezierVertex(63, 377, 60, 375, 50, 387); bezierVertex(50, 387, 48, 388, 43, 385); bezierVertex(47, 387, 49, 385, 55, 378); bezierVertex(55, 378, 60, 372, 62, 370); bezierVertex(62, 370, 72, 360, 80, 370); bezierVertex(80, 370, 82, 373, 85, 370); bezierVertex(85, 370, 82, 360, 87, 368); bezierVertex(87, 368, 89, 367, 90, 370); bezierVertex(90, 370, 95, 375, 88, 373); vertex(82, 380); bezierVertex(82, 380, 82, 381, 80, 382); vertex(80, 382); vertex(77, 382); bezierVertex(77, 385, 76, 387, 74, 386); bezierVertex(74, 386, 75, 385, 75, 382); vertex(73, 381); vertex(70, 391); vertex(79, 394); endShape(); grainy(); }, w: 600, h: 600, }, // game backgrounds backdrop_0: { d: function () { // gradient sky for (var i = 0; i < 400; i += 5) { fill(lerpColor(color(70, 70, 150), color(200, 200, 0), i / 1000)); rect(300, i + 2.5, width, 5); } // ground fill(180, 150, 70); rect(300, 500, width, 200); // big loaf of bread fill(150, 75, 5); beginShape(); vertex(80, 400); bezierVertex(80, 400, 90, 330, 120, 320); bezierVertex(160, 297, 180, 299, 200, 305); bezierVertex(200, 305, 205, 307, 210, 305); bezierVertex(215, 300, 240, 293, 245, 295); bezierVertex(245, 295, 280, 290, 350, 300); bezierVertex(350, 300, 380, 305, 420, 315); bezierVertex(450, 325, 470, 320, 500, 400); endShape(); // ridges fill(130, 55, 5); beginShape(); vertex(100, 400); bezierVertex(115, 350, 105, 350, 125, 335); bezierVertex(125, 340, 115, 350, 110, 400); endShape(); beginShape(); vertex(160, 400); bezierVertex(165, 360, 175, 330, 180, 330); bezierVertex(185, 335, 180, 340, 175, 360); bezierVertex(175, 380, 175, 390, 185, 400); endShape(); beginShape(); vertex(215, 400); bezierVertex(215, 360, 217, 330, 225, 320); vertex(218, 400); endShape(); beginShape(); vertex(250, 390); bezierVertex(250, 350, 250, 350, 280, 320); bezierVertex(275, 330, 270, 370, 250, 390); endShape(); beginShape(); vertex(310, 400); bezierVertex(330, 350, 310, 350, 320, 330); bezierVertex(320, 330, 340, 325, 330, 330); bezierVertex(330, 360, 350, 380, 330, 400); endShape(); triangle(360, 400, 365, 400, 367, 370); beginShape(); vertex(380, 320); bezierVertex(385, 325, 385, 325, 383, 325); bezierVertex(375, 340, 375, 340, 385, 350); bezierVertex(383, 340, 383, 335, 387, 325); endShape(); beginShape(); vertex(430, 400); vertex(420, 380); bezierVertex(415, 350, 415, 350, 410, 340); bezierVertex(415, 340, 425, 360, 425, 380); vertex(433, 400); endShape(); // bushes in front for (var i = 0; i < 800; i++) { fill(50, noise(i, random(0, 100)) 100 + 50, 50); ellipse(random(0, width) + noise(i / 2, i / 3) * width - width / 2, 400 + random(-2, 8), 6, 6); } grainy(); }, w: 600, h: 600, }, backdrop_1: { d: function () { // gradient sky for (var i = 0; i < height; i++) { fill(lerpColor(color(0, 30, 150), color(255), i / 1800)); ellipse(300, i, width, height); } // horizon fill(180, 150, 80); rect(300, 475, 600, 250); // dead grass clumps for (var i = 0; i < 20; i++) { pushMatrix(); var y = random(370, 600); translate(random(0, 600), y); scale(y / 600); for (var j = 0; j < random(3, 6); j++) { var head = random(-15, 15); noFill(); stroke(150, 100, 50); bez(0, 0, (head >= 0) ? head - random(2, 6) : head + random(2, 6), -10, head, -20 + random(-5, 5)); } popMatrix(); } noStroke(); // windmill pushMatrix(); translate(150, 300); // blades for (var i = 0; i < 10; i++) { pushMatrix(); translate(0, 0); rotate(i * 36); fill(50); quad(0, 10, 2, 10, 10, 40, -7, 40); popMatrix(); } ellipse(0, 0, 10, 10); noFill(); stroke(50); for (var i = 0; i < 5; i++) { pushMatrix(); translate(0, 0); rotate(i * 36 + 11); line(-10, 0, 10, 0); popMatrix(); } ellipse(0, 0, 70, 70); // stand strokeWeight(2); line(0, 0, -40, 180); line(0, 0, 0, 200); line(0, 0, 40, 180); // struts line(-32, 150, 0, 170); line(32, 150, 0, 170); line(0, 95, 17, 85); line(0, 95, -17, 85); // bracing strokeWeight(1); line(-32, 150, 0, 95); line(-17, 85, 0, 170); line(32, 150, 0, 95); line(17, 85, 0, 170); noStroke(); popMatrix(); }, w: 600, h: 600, }, backdrop_2: { d: function () { background(23, 65, 45); // ground fill(60, 90, 50); rect(300, 450, 600, 300); // undergrowth fill(13, 13, 13, 63); beginShape(); for (var k = 0; k < 150; k++) { vertex(k * 5, noise(3, k/10) * 60 - 10); } vertex(600, 200); vertex(0, 200); endShape(); fill(23, 68, 40); beginShape(); for (var k = 0; k < 150; k++) { vertex(k * 5, noise(2, k/10) * 60 + 20); } vertex(600, 200); vertex(0, 200); endShape(); fill(35, 80, 50); beginShape(); for (var i = 0; i < 150; i++) { vertex(i * 5, noise(0, i/8) * 50 + 50); } for (var j = 150; j >= 0; j--) { vertex(j * 5, noise(1, j/8) * 20 + 350); } endShape(); // pond fill(110, 200, 230); ellipse(350, 450, 400, 30); // left tree fill(35, 50, 50); beginShape(); vertex(70, 600); bezierVertex(70, 600, 50, 500, 55, 480); bezierVertex(60, 470, 60, 460, 55, 440); bezierVertex(55, 440, 50, 200, 100, 150); vertex(170, 100); vertex(160, 80); bezierVertex(160, 80, 120, 110, 60, 150); bezierVertex(60, 150, 40, 120, 20, 50); bezierVertex(20, 50, 13, 45, 10, 55); bezierVertex(40, 150, 35, 150, 50, 175); bezierVertex(50, 175, 35, 200, 20, 300); bezierVertex(12, 400, 7, 500, 5, 600); vertex(5, 600); endShape(); // left tree leaves for (var i = 0; i < 700; i++) { var x = random(-10, 250); var y = random(-10, 100); fill(75, 100 + random(0, 20), 45 + random(-10, 10)); ellipse(x, y, 10, 20); } // right tree fill(35, 50, 50); beginShape(); vertex(600, 600); vertex(550, 600); bezierVertex(570, 500, 570, 400, 560, 350); bezierVertex(560, 350, 555, 335, 560, 320); bezierVertex(555, 250, 540, 180, 500, 150); bezierVertex(500, 150, 470, 130, 430, 130); vertex(428, 120); bezierVertex(470, 120, 490, 130, 550, 140); bezierVertex(550, 120, 540, 100, 520, 70); vertex(525, 65); bezierVertex(540, 80, 560, 100, 570, 145); vertex(600, 100); vertex(600, 120); bezierVertex(580, 160, 570, 180, 600, 270); vertex(600, 300); endShape(); // right tree leaves for (var i = 0; i < 700; i++) { var x = random(350, 600); var y = random(-10, 110); fill(75, 100 + random(0, 20), 45 + random(-10, 10)); ellipse(x, y, 10, 20); } // around end branch for (var i = 0; i < 50; i++) { var x = random(370, 450); var y = random(100, 130); fill(75, 100 + random(0, 20), 45 + random(-10, 10)); ellipse(x, y, 10, 20); } grainy(); }, w: 600, h: 600, }, backdrop_3: { d: function () { background(160, 220, 235); // far sand fill(220, 195, 120); rect(300, 250, 600, 100); // far bank fill(100, 150, 60); beginShape(); vertex(100, 200); bezierVertex(150, 150, 280, 200, 300, 195); vertex(300, 230); endShape(); fill(100, 140, 60); beginShape(); vertex(295, 195); bezierVertex(295, 195, 400, 180, 600, 200); vertex(600, 230); vertex(250, 240); vertex(100, 200); bezierVertex(150, 210, 150, 210, 295, 195); endShape(); fill(120, 180, 80); beginShape(); vertex(0, 195); bezierVertex(100, 180, 150, 200, 250, 230); bezierVertex(300, 240, 350, 220, 450, 220); bezierVertex(500, 225, 550, 235, 600, 220); vertex(600, 245); bezierVertex(550, 240, 500, 235, 400, 245); bezierVertex(380, 245, 330, 280, 230, 270); bezierVertex(200, 265, 150, 260, 0, 270); endShape(); // near sand fill(220, 195, 120); rect(300, 460, 600, 70); // pond fill(95, 200, 220); beginShape(); vertex(0, 470); bezierVertex(20, 460, 30, 450, 50, 450); bezierVertex(150, 460, 180, 500, 350, 480); bezierVertex(450, 470, 500, 450, 600, 480); vertex(600, 250); bezierVertex(500, 250, 400, 230, 350, 280); bezierVertex(350, 285, 320, 295, 270, 285); bezierVertex(200, 260, 100, 280, 0, 290); endShape(); // rock in pond fill(150, 150, 130); beginShape(); vertex(320, 370); bezierVertex(320, 370, 340, 360, 350, 370); bezierVertex(350, 370, 357, 370, 355, 375); bezierVertex(355, 375, 330, 377, 310, 375); endShape(); stroke(155, 185, 145); strokeWeight(3); noFill(); bezier(313, 374, 320, 372, 330, 367, 335, 368); noStroke(); // near bank fill(120, 180, 80); beginShape(); vertex(0, 475); bezierVertex(30, 450, 90, 465, 120, 470); bezierVertex(120, 470, 200, 489, 250, 488); bezierVertex(250, 488, 350, 490, 450, 480); bezierVertex(500, 470, 550, 475, 600, 485); vertex(600, 600); vertex(0, 600); endShape(); grainy(); }, w: 600, h: 600, }, // game objects player: { d: function () { fill(215, 170, 125);// face rect(15, 12, 20, 10); fill(0);// eyes ellipse(10, 12, 4, 6); ellipse(20, 12, 4, 6); fill(110, 60, 50);// hat ellipse(15, 5, 30, 8); fill(90, 50, 45); rect(15, 3, 18, 6, 2, 2, 5, 5); fill(20, 50, 90);// body rect(15, 23, 30, 13, 5, 5, 0, 0); stroke(30, 60, 120);// shirt buttons strokeWeight(1); line(15, 18, 15, 29); for (var i = 0; i < 4; i++) { point(14, (i * 3) + 18); } noStroke(); fill(30, 60, 120);// pockets rect(10, 21, 4, 4); rect(20, 21, 4, 4); }, w: 30, h: 30, }, redHeart: { d: function () { fill(200, 70, 70); beginShape(); vertex(10, 5); bezierVertex(10, 5, 14, -2, 18, 5); bezierVertex(18, 5, 18, 15, 10, 18); bezierVertex(10, 18, 2, 16, 2, 5); bezierVertex(2, 5, 6, -2, 10, 5); endShape(); }, w: 20, h: 20, }, grayHeart: { d: function () { fill(100); beginShape(); vertex(10, 5); bezierVertex(10, 5, 14, -2, 18, 5); bezierVertex(18, 5, 18, 15, 10, 18); bezierVertex(10, 18, 2, 16, 2, 5); bezierVertex(2, 5, 6, -2, 10, 5); endShape(); }, w: 20, h: 20, }, block: { d: function () { fill(65, 30, 20); rect(15, 15, 30, 30); }, w: 30, h: 30, }, topblock: { d: function () { fill(65, 30, 20); rect(15, 15, 30, 30); fill(140, 100, 70); beginShape(); vertex(0, 0); vertex(0, 12); vertex(3, 13); vertex(6, 9); vertex(9, 13); vertex(12, 10); vertex(15, 11); vertex(18, 15); vertex(21, 8); vertex(24, 10); vertex(27, 9); vertex(30, 12); vertex(30, 0); endShape(); }, w: 30, h: 30, }, triggerblock: { d: function () { fill(65, 30, 20); rect(15, 15, 30, 30); fill(80); beginShape(); vertex(0, 0); vertex(0, 12); vertex(3, 13); vertex(6, 9); vertex(9, 13); vertex(12, 10); vertex(15, 11); vertex(18, 15); vertex(21, 8); vertex(24, 10); vertex(27, 9); vertex(30, 12); vertex(30, 0); endShape(); }, w: 30, h: 30, }, mudBlock: { d: function () { fill(75, 40, 20); rect(15, 15, 30, 30); fill(60, 30, 20); beginShape(); vertex(0, 0); vertex(0, 12); vertex(3, 13); vertex(6, 9); vertex(9, 13); vertex(12, 10); vertex(15, 11); vertex(18, 15); vertex(21, 8); vertex(24, 10); vertex(27, 9); vertex(30, 12); vertex(30, 0); endShape(); }, w: 30, h: 30, }, waterBlock: { d: function () { fill(80, 140, 155, 100); rect(15, 15, 30, 30); }, w: 30, h: 30, }, snake: { d: function () { pushMatrix(); translate(15, 15); // head + body stroke(85, 60, 40); fill(200, 170, 125); beginShape(); vertex(-12, 8); bezierVertex(-12, 8, -15, 11, -12, 14); bezierVertex(-11, 14, -8, 15, -3, 14); bezierVertex(-3, 14, -1, 13, 5, 14); bezierVertex(5, 14, 7, 15, 13, 14); bezierVertex(13, 14, 15, 12, 14, 10); bezierVertex(14, 10, 13, 9, 12, 8); vertex(0, 8); endShape(); beginShape(); vertex(-11, 4); bezierVertex(-11, 4, -14, 6, -12, 8); bezierVertex(-12, 8, -9, 10, -6, 9); bezierVertex(-6, 9, -2, 7, 4, 9); bezierVertex(4, 9, 10, 10, 13, 8); bezierVertex(13, 8, 15, 5, 11, 2); vertex(0, 0); endShape(); beginShape(); vertex(-12, -11); bezierVertex(-12, -11, -14, -10, -12, -8); bezierVertex(-12, -8, -5, -6, 0, -8); bezierVertex(0, -8, 5, -10, 10, -6); bezierVertex(10, -6, 10, -3, 5, -2); bezierVertex(5, -2, -2, -4, -8, -2); bezierVertex(-8, -2, -13, 0, -11, 2); bezierVertex(-11, 3, -8, 5, -4, 3); bezierVertex(-4, 3, -2, 2, 4, 4); bezierVertex(4, 4, 9, 3, 11, 2); bezierVertex(11, 2, 15, -3, 15, -6); bezierVertex(15, -6, 13, -14, 7, -13); bezierVertex(7, -13, 4, -14, 0, -13); bezierVertex(0, -13, -2, -15, -4, -14); bezierVertex(-4, -14, -9, -15, -10, -12); bezierVertex(-10, -12, -11, -11, -12, -11); endShape(); // eye stroke(0); fill(100, 70, 50); ellipse(-8, -12, 3, 3); noStroke(); popMatrix(); }, w: 30, h: 30, }, spider: { d: function () { fill(0); arc(10, 8, 16, 15, 180, 360); arc(10, 8, 16, 5, 0, 180); }, w: 20, h: 15, }, dropbear: { d: function () { stroke(180);// limbs strokeWeight(6); line(15, 30, 3, 18); line(15, 30, 27, 18); line(15, 30, 5, 37); line(15, 30, 25, 37); noStroke(); fill(180); ellipse(15, 25, 18, 20);// body fill(200); ellipse(15, 25, 8, 10); fill(180); ellipse(15, 10, 20, 18);// head fill(150);// ears arc(10, 4, 8, 8, 150, 330); arc(20, 4, 8, 8, 230, 390); fill(220);// eyes rect(11, 9, 6, 6, 4); rect(19, 9, 6, 6, 4); fill(0);// mouth ellipse(15, 14, 4, 2); }, w: 30, h: 40, }, bunyip: { d: function () { pushMatrix(); translate(25, 12); // body fill(120); rect(7, -2, 36, 22, 10, 10, 5, 5); // head fill(130); ellipse(-14, 0, 18, 15); fill(200, 255, 200); ellipse(-18, 0, 3, 3); ellipse(-12, 0, 3, 3); // teeth fill(255); triangle(-18, 5, -16, 5, -17, 10); triangle(-14, 5, -12, 5, -13, 10); popMatrix(); }, w: 50, h: 30, }, portal: { d: function () { fill(65, 30, 20); rect(15, 15, 30, 30); beginShape(); vertex(0, 30); bezierVertex(0, 30, -1, 0, 5, 0); bezierVertex(5, 0, 9, 3, 10, 4); bezierVertex(10, 4, 20, 1, 25, 3); bezierVertex(25, 3, 29, 6, 30, 7); bezierVertex(30, 7, 28, 22, 30, 30); endShape(); fill(0); beginShape(); vertex(3, 30); bezierVertex(3, 30, 2, 20, 5, 10); bezierVertex(6, 9, 15, 10, 20, 7); bezierVertex(20, 7, 25, 9, 25, 12); bezierVertex(25, 12, 26, 20, 27, 30); endShape(); }, w: 30, h: 30, }, infoSign: { d: function () { fill(70, 40, 30); rect(15, 15, 20, 15); rect(15, 25, 4, 10); stroke(40, 20, 10); strokeWeight(2); for (var i = 0; i < 3; i++) { line(10, i * 3 + 13, 20, i * 3 + 13); } }, w: 30, h: 30, }, showInfo: { d: function () { fill(70, 40, 30); rect(300, 300, 500, 500); }, w: 600, h: 600, }, // button symbols playBtn: { d: function () { fill(255); triangle(12, 10, 37, 25, 12, 40); }, w: 50, h: 50, }, howBtn: { d: function () { fill(255); ellipse(25, 12, 10, 10); rect(23, 21, 14, 2); rect(25, 30, 10, 20); rect(25, 40, 20, 4); }, w: 50, h: 50, }, moreBtn: { d: function () { // controller outline fill(255); beginShape(); vertex(25, 12); vertex(35, 12); bezierVertex(35, 12, 45, 12, 45, 40); bezierVertex(45, 40, 40, 45, 35, 40); bezierVertex(30, 30, 20, 30, 15, 40); bezierVertex(15, 40, 10, 45, 5, 40); bezierVertex(5, 12, 15, 12, 15, 12); vertex(25, 12); endShape(); // controller buttons fill(20, 50, 80); rect(16, 24, 10, 4, 4); rect(16, 24, 4, 10, 4); ellipse(34, 20, 4, 4); ellipse(34, 28, 4, 4); ellipse(30, 24, 4, 4); ellipse(38, 24, 4, 4); }, w: 50, h: 50, }, subBtn: { d: function () { fill(255); rect(25, 23, 20, 25, 20, 20, 0, 0); arc(25, 37, 30, 15, 180, 360); arc(25, 37, 10, 7, 0, 180); arc(25, 12, 6, 6, 180, 360); }, w: 50, h: 50, }, backBtn: { d: function () { fill(255); beginShape(); vertex(5, 25); vertex(20, 10); vertex(20, 18); vertex(40, 18); vertex(40, 32); vertex(20, 32); vertex(20, 40); endShape(); }, w: 50, h: 50, }, // TDJ logo logo: { d: function() { background(60, 65, 90); noStroke(); function TDJ(x, y, o) { pushMatrix(); translate(x, y); fill(255, o); quad(-100, -100, 50, -100, 100, -50, -50, -50); fill(255, o); rect(5, 10, 50, 100); popMatrix(); } // glow for (var i = 0; i < 20; i++) { TDJ(300 - i, 300 + i, 20 - i); } // TDJ TDJ(300, 300, 255); }, w: 600, h: 600, }, // more games thumbnails RobotRage: { d: function () { //rect(70, 70, 140, 140); var amount = 5; for (var i = 0; i < 10; i++) { for (var j = 0; j < 10; j++) { fill(115 + noise(i/amount, j/amount) * 50, 115 + noise(i/amount, j/amount) * 50, 115 + noise(i/amount, j/amount) * 30); rect(i * 14 + 7, j * 14 + 7, 14, 14); } } // robot pushMatrix(); translate(30, 40); scale(0.8); rotate(40); stroke(0, 0, 0); fill(255, 0, 0); rect(25, 25, 50, 50); fill(255, 0, 0); ellipse(10, 15, 10, 10); fill(0, 0, 0); ellipse(40, 15, 10, 10); rectMode(LEFT); fill(59, 59, 59); rect(5, 30, 10, 10); rect(15, 30, 10, 10); rect(25, 30, 10, 10); rect(35, 30, 10, 10); rectMode(CENTER); noStroke(); popMatrix(); // player pushMatrix(); translate(80, 55); scale(0.8); rotate(-20); stroke(0, 0, 0); fill(0, 0, 255); rect(25, 25, 50, 50); fill(0, 0, 0); ellipse(15, 15, 5, 5); ellipse(35, 15, 5, 5); arc(25, 30, 30, 20, 0, 180); noStroke(); popMatrix(); }, w: 140, h: 140, }, PeasantLife: { d: function () { fill(70, 160, 60); rect(70, 70, 140, 140); // peasant pushMatrix(); translate(-165, -130); scale(0.5); strokeWeight(5); stroke(0); // body fill(198, 149, 73); rect(470, 456, 85, 65); // belt noStroke(); fill(225, 223, 146); rect(471, 460, 80, 3); stroke(0); // legs fill(180, 119, 64); rect(449, 503, 40, 25); rect(492, 503, 47, 25); // feet fill(105, 61, 17); rect(446, 523, 52, 12, 5, 0, 0, 0); rect(490, 523, 52, 12, 5, 0, 0, 0); // face fill(253, 240, 148); rect(461, 365, 90, 90, 30, 30, 20, 40); // eyes fill(0); ellipse(429, 364, 2, 6); ellipse(472, 364, 2, 6); // hair noStroke(); fill(77, 70, 77); beginShape(); vertex(428, 337); vertex(426, 346); vertex(451, 331); vertex(447, 343); bezierVertex(465, 330, 475, 326, 479, 332); vertex(460, 300); endShape(); // hood stroke(0); fill(96, 62, 50); beginShape(); vertex(417, 342); bezierVertex(417, 342, 409, 292, 483, 275); bezierVertex(565, 329, 556, 399, 501, 407); bezierVertex(514, 373, 497, 325, 461, 321); bezierVertex(435, 322, 429, 334, 417, 342); endShape(); beginShape(); vertex(465, 410); vertex(503, 407); vertex(521, 418); bezierVertex(523, 418, 500, 422, 491, 435); vertex(491, 435); vertex(470, 435); vertex(465, 416); vertex(455, 435); vertex(429, 435); vertex(430, 410); vertex(435, 407); vertex(440, 410); vertex(465, 410); endShape(); // arms fill(201, 121, 62); beginShape(); vertex(431, 408); bezierVertex(431, 408, 428, 430, 428, 460); bezierVertex(428, 460, 417, 460, 408, 456); bezierVertex(409, 442, 410, 428, 431, 408); endShape(); fill(245, 250, 254); beginShape(); vertex(428, 470); vertex(428, 460); bezierVertex(428, 460, 428, 462, 408, 455); bezierVertex(408, 455, 407, 460, 408, 467); vertex(428, 470); endShape(); fill(254, 244, 191); beginShape(); vertex(408, 466); vertex(427, 470); vertex(428, 489); bezierVertex(418, 489, 410, 479, 408, 466); endShape(); fill(201, 121, 62); beginShape(); vertex(492, 435); bezierVertex(500, 426, 512, 418, 525, 421); bezierVertex(535, 431, 537, 446, 538, 458); bezierVertex(529, 464, 514, 466, 498, 464); bezierVertex(498, 458, 494, 450, 492, 435); endShape(); fill(245, 250, 254); beginShape(); vertex(498, 464); bezierVertex(518, 464, 531, 462, 538, 458); bezierVertex(538, 458, 539, 464, 537, 469); bezierVertex(529, 472, 514, 474, 498, 473); vertex(498, 464); endShape(); fill(254, 244, 191); beginShape(); vertex(498, 472); bezierVertex(517, 473, 528, 473, 537, 469); bezierVertex(538, 475, 531, 492, 517, 492); bezierVertex(508, 492, 498, 484, 498, 472); endShape(); noStroke(); }, w: 140, h: 140, }, }; // rect to rect collision function function rectRect(a, b) { return a.x + a.w / 2 > b.x - b.w / 2 && a.x - a.w / 2 < b.x + b.w / 2 && a.y + a.h / 2 > b.y - b.h / 2 && a.y - a.h / 2 < b.y + b.h / 2; } // player object function Player(x, y) { this.x = x; this.y = y; this.originalX = this.x; this.originalY = this.y; this.w = 30; this.h = 30; // player speeds this.xvel = 0; this.yvel = 0; this.g = 0.4;// gravity this.jump = true;// can player jump?? this.dead = false;// is player dead?? ðŸ˜± this.health = 3;// player health } Player.prototype = { display: function () { pushMatrix(); translate(this.x, this.y + 1); image(Imgs.player, 0, 0); popMatrix(); // player health bar for (var i = 0; i < 3; i++) { image(Imgs.grayHeart, 20 + (i * 30), 20); } for (var i = 0; i < this.health; i++) { image(Imgs.redHeart, 20 + (i * 30), 20); } }, collide: function (xv, yv) { for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (rectRect(this, b) && (b.type === "trigger" \|\| b.type === "mud" \|\| b.type === "normal" \|\| b.type === "top")) { if (xv !== 0) { this.xvel = 0; if (this.x < b.x) { this.x = b.x - b.w / 2 - this.w / 2; } else { this.x = b.x + b.w / 2 + this.w / 2; } } else if (yv !== 0) { this.yvel = 0; if (this.y < b.y) { this.y = b.y - b.h / 2 - this.h / 2; this.g = 0.4; if (b.type !== "mud") { this.jump = true; } } else { this.y = b.y + b.h / 2 + this.h / 2; this.jump = false; this.g = 0.4; // grab onto underside of blocks if (keys[UP] \|\| keys[87]) { this.g = -0.4; } } } } } }, update: function () { // constrain player this.x = constrain(this.x, this.w / 2, width - this.w / 2); this.y = constrain(this.y, this.h / 2, height * 2.5 - this.h / 2); // key input if (keys[LEFT] \|\| keys[65]) { this.xvel = -3; } else if (keys[RIGHT] \|\| keys[68]) { this.xvel = 3; } else { this.xvel = 0; } if ((keys[UP] \|\| keys[87]) && this.jump) { this.yvel = -7; this.jump = false; } // move & collide player this.x += this.xvel; this.collide(this.xvel, 0); this.y += this.yvel; this.collide(0, this.yvel); this.yvel += this.g; // player falls to their death if (this.y >= height * 2) { this.health = 0; } // when player's health goes down, down, down... if (this.health <= 0) { this.dead = true; } }, }; // snake object function Dropbear(x, y) { this.x = x; this.y = y; this.w = 30; this.h = 40; this.dead = false; this.type = "dropbear"; } Dropbear.prototype = { display: function () { image(Imgs.dropbear, this.x, this.y); }, update: function () { this.y += 7;// make dropbear fall // collide with player if (rectRect(this, player)) { if (player.x > this.x) { player.x += 30; } else if (player.x <= this.x) { player.x += -30; } player.health--; } // remove when fallen off screen if (this.y >= height + 50) { this.dead = true; } }, }; // block object function Block(x, y, type) { this.x = x; this.y = y; this.w = blockSize; this.h = blockSize; this.type = type; } Block.prototype = { display: function () { switch (this.type) { case "normal": image(Imgs.block, this.x, this.y); break; case "top": image(Imgs.topblock, this.x, this.y); break; case "trigger": image(Imgs.triggerblock, this.x, this.y); break; case "mud": image(Imgs.mudBlock, this.x, this.y); break; case "water": image(Imgs.waterBlock, this.x, this.y); break; } }, update: function() { if (rectRect(this, player) && this.type === "water") { player.g = 0.1; } else { player.g = 0.4; } if (player.x > this.x - this.w && player.x < this.x + this.w && this.type === "trigger") { if (random(0, 10) < 0.1) { enemies.push(new Dropbear(this.x, -20)); } } }, }; // snake object function Snake(x, y, type) { this.x = x; this.y = y; this.w = blockSize; this.h = blockSize; this.type = "snake"; } Snake.prototype = { display: function () { image(Imgs.snake, this.x, this.y); }, update: function () { if (rectRect(this, player)) { if (player.y < this.y) { player.yvel = -7; } else if (player.x > this.x) { player.x += 30; } else if (player.x <= this.x) { player.x += -30; } player.health--; } }, }; // spider object function Spider(x, y) { this.x = x; this.y = y; this.w = 20; this.h = 15; this.xvel = -2; this.yvel = 0; this.g = 0.4; this.type = "spider"; } Spider.prototype = { display: function () { // legs pushMatrix(); translate(this.x - this.w/2, this.y); stroke(0); for (var i = 0; i < 6; i++) { line((i + 3) * 2, 3, i * 4 - sin(frameCount * 8 + (i * 30)), 6); line(i * 4 - sin(frameCount * 8 + (i * 30)), 6, i * 4 + sin(frameCount * 8 + (i * 30)), 8); } noStroke(); popMatrix(); image(Imgs.spider, this.x, this.y); }, collideX: function() { // make spider fall for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (rectRect(this, b)) { // make spider rebound off blocks if (this.xvel !== 0) { this.xvel = 0; if (this.x < b.x) { this.x = b.x - b.w / 2 - this.w / 2; this.xvel = -2; } else { this.x = b.x + b.w / 2 + this.w / 2; this.xvel = 2; } } } } }, collideY: function() { // make spider fall for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (rectRect(this, b)) { // make spider fall if (this.yvel !== 0 && b.type !== "sign") { this.yvel = 0; if (this.y < b.y) { this.y = b.y - b.h / 2 - this.h / 2; this.g = 0.4; } else { this.y = b.y + b.h / 2 + this.h / 2; this.g = -0.4; } } } } }, update: function () { // move & collide spider this.x += this.xvel; this.collideX(); this.y += this.yvel; this.collideY(); this.yvel += this.g; // make spider rebound off sides if (this.x <= this.w / 2) { this.xvel = 2; } else if (this.x >= width - this.w / 2) { this.xvel = -2; } // collide with player if (rectRect(this, player)) { if (player.y < this.y) { player.yvel = -7; } else if (player.x > this.x) { player.x += 30; } else if (player.x <= this.x) { player.x += -30; } player.health--; } }, }; // bunyip object function Bunyip(x, y) { this.x = x; this.y = y; this.w = 50; this.h = 30; this.xvel = 0; this.yvel = 0; this.g = 0.4; this.jump = true; this.flip = 1;// side bunyip is facing this.type = "bunyip"; } Bunyip.prototype = { display: function () { pushMatrix(); translate(this.x, this.y); scale(this.flip, 1); // legs pushMatrix(); translate(-6, 0); rotate(sin(frameCount * 6) * 20); fill(115); rect(0, 8, 6, 12); popMatrix(); pushMatrix(); translate(-4, 0); rotate(-sin(frameCount * 6) * 20); fill(115); rect(0, 8, 6, 12); popMatrix(); pushMatrix(); translate(14, 0); rotate(sin(frameCount * 6) * 20); fill(115); rect(0, 8, 6, 12); popMatrix(); pushMatrix(); translate(16, 0); rotate(-sin(frameCount * 6) * 20); fill(115); rect(0, 8, 6, 12); popMatrix(); // body image(Imgs.bunyip, -1, 0); popMatrix(); // flip bunyip if (this.xvel < 0) { this.flip = 1; } else { this.flip = -1; } }, collide: function (xv, yv) { for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; if (rectRect(this, b) && (b.type === "trigger" \|\| b.type === "mud" \|\| b.type === "normal" \|\| b.type === "top")) { if (xv !== 0) { this.xvel = 0; if (this.x < b.x) { this.x = b.x - b.w / 2 - this.w / 2; } else { this.x = b.x + b.w / 2 + this.w / 2; } } else if (yv !== 0) { this.yvel = 0; if (this.y < b.y) { this.y = b.y - b.h / 2 - this.h / 2; this.g = 0.4; if (b.type !== "mud") { this.jump = true; } } else { this.y = b.y + b.h / 2 + this.h / 2; this.jump = false; this.g = 0.4; } } } } }, update: function () { // make bunyip stay on screen this.x = constrain(this.x, this.w/2, width - this.w/2); this.y = constrain(this.y, this.h/2, height - this.h/2); // move & collide bunyip this.x += this.xvel; this.collide(this.xvel, 0); this.y += this.yvel; this.collide(0, this.yvel); this.yvel += this.g; // go toward player if (player.x < this.x) { this.xvel = -2; } else { this.xvel = 2; } if (player.y < this.y && this.jump) { this.yvel = -3; this.jump = false; } // collide with player if (rectRect(this, player)) { player.health = 0; } }, }; // portal object function Portal(x, y) { this.x = x; this.y = y; this.w = blockSize; this.h = blockSize; this.type = "portal"; } Portal.prototype = { display: function () { image(Imgs.portal, this.x, this.y); }, update: function() { if (rectRect(this, player)) { if (level < maps.length - 1) { level++;// next level resetLevel(); } else if (level === maps.length - 1) { transition.next = "win";// end game } } }, }; // portal object function Sign(x, y, type) { this.x = x; this.y = y; this.w = 20; this.h = blockSize; this.type = "sign"; } Sign.prototype = { display: function () { image(Imgs.infoSign, this.x, this.y); }, update: function() { if (rectRect(this, player)) { info = true; } else { info = false; } }, }; // transition object var transition = { o: 0,// opacity of square next: "", timer: 0, go: function () { // black square for fading screen fill(0, this.o); rect(width / 2, height / 2, width, height); // if running fade in if (this.next !== "") { this.timer++; this.o = lerp(this.o, 255, 0.2); } else {// else fade out this.timer = 0; this.o = lerp(this.o, 0, 0.2); } // changing scenes if (this.timer >= 50) { scene = this.next;// change scene to next scene } // end transition if (this.timer >= 51) { this.next = ""; } } }; // button prototype function Button(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.h = config.h; this.clr = color(20, 50, 80); this.func = config.func; this.label = config.label; this.yAnimation = 0; } Button.prototype = { display: function () { // hovering over the button if (mouseX >= this.x - this.w / 2 && mouseX <= this.x + this.w / 2 && mouseY >= this.y + this.yAnimation - this.h / 2 && mouseY <= this.y + this.yAnimation + this.h / 2) { // button animation this.yAnimation = lerp(this.yAnimation, 3, 0.1); // when user clicks & transition not running if (clicked && transition.next === "") { this.func(); } } else { this.yAnimation = lerp(this.yAnimation, 0, 0.1); } pushMatrix(); translate(this.x, this.y); stroke(255); strokeWeight(4); // button shadow fill(255); rect(0, this.h / 4 + 3, this.w, this.h / 2, 10); // button fill(this.clr); rect(0, this.yAnimation, this.w, this.h, 10); noStroke(); // button symbol switch (this.label) { case "Play": image(Imgs.playBtn, 0, this.yAnimation); break; case "How": image(Imgs.howBtn, 0, this.yAnimation); break; case "More": image(Imgs.moreBtn, 0, this.yAnimation); break; case "Sub": image(Imgs.subBtn, 0, this.yAnimation); break; case "Back": image(Imgs.backBtn, 0, this.yAnimation); break; } popMatrix(); }, }; btns.play = new Button({ x: 400, y: 300, w: 200, h: 50, label: "Play", func: function () { level = 0; deaths = 0; transition.next = "game"; }, }); btns.how = new Button({ x: 400, y: 365, w: 200, h: 50, label: "How", func: function () { transition.next = "how"; }, }); btns.more = new Button({ x: 400, y: 430, w: 200, h: 50, label: "More", func: function () { transition.next = "more"; }, }); btns.sub = new Button({ x: 400, y: 495, w: 200, h: 50, label: "Sub", func: function () { println("Subscribe:\nhttps://khanacademy.org/cs/i/4838951661649920"); }, }); btns.back = new Button({ x: 300, y: 550, w: 200, h: 50, label: "Back", func: function () { transition.next = "menu"; }, }); // game prototype function AnotherGame(config) { this.x = config.x; this.y = config.y; this.title = config.title; this.img = config.img; this.link = config.link; this.w = 150; this.h = 150; } AnotherGame.prototype = { display: function() { // when user clicks & is hovering over the button if (mouseX >= this.x - this.w / 2 && mouseX <= this.x + this.w / 2 && mouseY >= this.y - this.h / 2 && mouseY <= this.y + this.h / 2 && clicked) { println(this.link); } pushMatrix(); translate(this.x, this.y); // button title fill(255); textFont(fonts[0], 30); text(this.title, 0, -this.h/2 - 20); // button border fill(255); rect(0, 0, this.w, this.h, 10); // game cover image switch (this.img) { case "RR": image(Imgs.RobotRage, 0, 0); break; case "PL": image(Imgs.PeasantLife, 0, 0); break; } popMatrix(); }, }; var peasantLife = new AnotherGame({ x: 200, y: 320, title: "Peasant Life", link: "https://www.khanacademy.org/cs/i/5641587254411264", img: "PL", }); var robotRage = new AnotherGame({ x: 400, y: 320, title: "Robot Rage", link: "https://www.khanacademy.org/cs/i/4629155226271744", img: "RR", }); // creating the level function createLevel() { blocks = []; enemies = []; portals = []; for (var i = 0; i < maps[level].length; i++) { for (var j = 0; j < maps[level][i].length; j++) { switch (maps[level][i][j]) { case "P": player = new Player(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2); break; case "?": blocks.push(new Sign(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2)); break; case "b": blocks.push(new Block(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2, "normal")); break; case "t": blocks.push(new Block(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2, "top")); break; case "d": blocks.push(new Block(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2, "trigger")); break; case "m": blocks.push(new Block(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2, "mud")); break; case "w": blocks.push(new Block(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2, "water")); break; case "s": enemies.push(new Snake(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2)); break; case "": enemies.push(new Spider(j blockSize + blockSize / 2, i * blockSize + blockSize / 2 + 7.5)); break; case "&": blocks.push(new Block(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2, "water")); enemies.push(new Bunyip(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2)); break; case "@": portals.push(new Portal(j * blockSize + blockSize / 2, i * blockSize + blockSize / 2)); break; case "_": // nothing! =O break; } } } } createLevel(); // drawing the level function drawLevel() { // all blocks except water blocks for (var i = 0; i < blocks.length; i++) { if (blocks[i].type !== "water") { blocks[i].display(); blocks[i].update(); } } for (var i = 0; i < enemies.length; i++) { enemies[i].display(); enemies[i].update(); } for (var i = 0; i < portals.length; i++) { portals[i].display(); portals[i].update(); } player.display(); player.update(); // water blocks for (var i = 0; i < blocks.length; i++) { if (blocks[i].type === "water") { blocks[i].display(); blocks[i].update(); } } } // logo object var logo = { timer: 0, letters: "TDJ GAMES".split(""), run: function() { // logo image(Imgs.logo, 300, 300); // logo text fill(255); textSize(20); for (var i = 0; i < this.letters.length; i++) { text(this.letters[i], 50 * i + 100, lerp(500, 1000, i * 0.5 / this.timer)); } // increase timer this.timer++; // transition to next scene if (this.timer >= 300 \|\| clicked) { transition.next = "menu"; } }, }; // resetting the level function resetLevel() { // reset player player.health = 3; player.dead = false; // reset blocks createLevel(); drawLevel(); } // object of scenes var Scenes = { load: function () { var img = Object.keys(Imgs); if (curLoad < img.length) { background(255, 0);// clear background Imgs[img[curLoad]].d(); Imgs[img[curLoad]] = get( 0, 0, Imgs[img[curLoad]].w, Imgs[img[curLoad]].h ); curLoad++; } else { transition.next = afterLoad; } // background background(0); // outlined box noFill(); stroke(255); strokeWeight(2); rect(300, 300, 300, 40); noStroke(); // loading bar fill(255); rectMode(LEFT); rect(150, 280, (curLoad / img.length) * 300, 40); rectMode(CENTER);// reset rect alignment }, logo: function () { logo.run();// run logo }, menu: function () { image(Imgs.backdrop, 300, 300);// background image // title fill(255); textFont(fonts[0], 120); text("OUTBACK", 300, 100); textFont(fonts[0], 30); text("- An Aussie Adventure -", 300, 170); // buttons btns.play.display(); btns.how.display(); btns.more.display(); btns.sub.display(); // copyright fill(255); textFont(fonts[1], 12); text((year() !== 2023) ? "© TDJ 2023-" + year() : "© TDJ 2023", 300, 590); }, game: function () { // different backdrops switch (levels[level].bg) { case 0: image(Imgs.backdrop_0, 300, 300); break; case 1: image(Imgs.backdrop_1, 300, 300); break; case 2: image(Imgs.backdrop_2, 300, 300); break; case 3: image(Imgs.backdrop_3, 300, 300); break; case 4: image(Imgs.backdrop_4, 300, 300); break; } // draw level drawLevel(); // remove enemies for (var i = enemies.length - 1; i >= 0; i--) { if (enemies[i].dead) { enemies.splice(i, 1); } } // instructions if (info) { image(Imgs.showInfo, 300, 300); fill(40, 20, 20); textFont(fonts[0], 50); text(levels[level].help, 300, 300); } // level counter fill(40, 20, 20); textFont(fonts[0], 20); text("Level: " + level + "/" + (maps.length - 1), 300, 10); // death counter fill(40, 20, 20); textFont(fonts[0], 20); text("Deaths: " + deaths, 550, 10); // restart level if (player.dead \|\| (keys[82] && (player.x !== player.originalX \|\| player.y !== player.originalY) && player.xvel === 0)) { deaths++; resetLevel(); } }, win: function () { image(Imgs.backdrop, 300, 300);// background image // title fill(255); textFont(fonts[0], 70); text("YOU WON!\nWith only " + deaths + " deaths!", 300, 250); btns.back.display(); }, how: function () { image(Imgs.backdrop, 300, 300);// background image // title fill(255); textFont(fonts[0], 70); text("Instructions", 300, 100); textFont(fonts[0], 30); text("Use the arrow keys or WASD to move.\nGet to the portal.\nBut watch out for danger!", 300, 300); btns.back.display(); }, more: function () { image(Imgs.backdrop, 300, 300);// background image // title fill(255); textFont(fonts[0], 70); text("More Games", 300, 100); // addition games buttons peasantLife.display(); robotRage.display(); btns.back.display(); }, }; // draw everything function draw() { background(255);// prevent smearing Scenes[scene]();// draw current scene transition.go();// run transition clicked = false;// stop clicking }
Folds	23,26,42,119,120,539,543,545,547,549,550,552,555,568,570,572,577,1639,1642,1647,1650,1668,1669,1756,1759,1767,1768,1790,1793,1800,1801,1838,1841,1848,1849,1865,1868,1878,1879,1962,1965,1979,1980,2087,2090,2097,2098,2112,2115,2122,2123,2134,2137,2164,2167,2178,2179,2229,2230,2241,2242,2251,2252,2261,2262,2271,2272,2281,2284,2293,2294,2326,2328,2334,2335,2341,2344,2403,2407,2436,2439,2461,2464,2472,2475,2629,2632,2637
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPO2_qHBCAw
Votes	89
Spin-Offs	3
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841868032
Updated	25 days ago, 1734464255590
Source Deleted	unknown