Viewing Program

Program Data

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

Title	52 Blue!
ID	5703525973491712
Created	9 years ago, 1473719830313
Updated	9 years ago, 1474920863330
Code	/** ___ ___ ___ _ * \| __\|_ ) \| _ ) \|_ _ ___ * \|__ \/ / \| _ \ \| \|\| / -_) * \|___\|___\| \|___/_\|\_,_\___\| * * Started 5/1/16, Finished 9/12/16 * * Help direct the blue whale through * the garbage in the polluted water. * Use arrow keys to move. * * Highscores: * 1: Minsoo Kim - 260 * 2: Stratego - 252 * 3: AshenSky - 228 * 4: AhmedHassanHafeez666 - 210 * 5: Spirit Wolf - 204 * * Lowest Score: * 1: Spirit Wolf - 6 * * Post your scores in the Tips and Thanks. Only scores * with proof (spin-off with score) will be added. * * Change this to true to remove some lag / var killLag = false; { var currentScene = 1; // The current scene on the canvas var defFont = createFont("sans-serif"); // Fallback font var fontA = createFont("Century Gothic Bold"); // First font var fontB = createFont("monospace"); // Second font var fontC = createFont("cursive"); // Third font var fontD = createFont("Trebuchet MS"); // Fourth font (shocker, right?) } // Universal variables { var timerOn = false; // Wether or not the timer is on var swimming = false; // Wether or not the background fish are swimming var startTimer = 0; // The timer at the start var fadeAmt = 0; // The amount the fade in from black has in the alpha hue var sideS = 2; // Speed that the sea floor moves at var swimSpeed = 10; // Speed the player when swimming on the home screen var seaweedPos = 1200; // xPosition of the seaweed var floorXpos = []; // The xPositions for the beziers on the sea floor var fish = [ { x: 250, y: 290, size: 4, color: color(13, 124, 222), stroke: color(34, 95, 186) }, { x: 560, y: 180, size: 4.8, color: color(222, 128, 13), stroke: color(184, 124, 35), }, { x: 810, y: 220, size: 3.2, color: color(25, 204, 12), stroke: color(25, 173, 17), }, { x: 1140, y: 120, size: 4.2, color: color(204, 12, 114), stroke: color(171, 17, 104), }, { x: 1500, y: 350, size: 5, color: color(204, 12, 28), stroke: color(171, 17, 42), }, { x: 1400, y: 220, size: 4, color: color(12, 105, 204), stroke: color(17, 73, 171), }, { x: 1850, y: 140, size: 4, color: color(222, 222, 17), stroke: color(199, 190, 12), }, { x: 2550, y: 300, size: 5, color: color(17, 222, 130), stroke: color(15, 189, 70), }, { x: 1800, y: 200, size: 3, color: color(222, 17, 17), stroke: color(189, 15, 15), }, { x: 2550, y: 340, size: 4, color: color(123, 17, 222), stroke: color(110, 17, 186), }, { x: 3250, y: 100, size: 5, color: color(222, 147, 17), stroke: color(189, 119, 15), }, ]; // Fish objects for background fish // Adds numbers to floorXpos for(var i = 0; i < 2; i++){ floorXpos.push(iwidth); } } // Home screen variables { var score = -5; var gameTimer = 0; var whaleR = 0; var whaleX = 110; var whaleY = 200; var health = 570; var fillColor1; var fillColor2; var strokeColor; var seaWeedXpos = []; var seaWeedYpos = []; var stuffXpos = []; var stuffYpos = []; var stuffThing = []; var fadeOn = false; var hitboxesOn = false; for(var i = 1; i < 9; i++){ seaWeedXpos.push(iwidth + random(-(width/3), width/2)); seaWeedYpos.push(random(-5, 15) + 420); } for(var i = 0; i < 10; i++){ stuffXpos.push(i(width/3) + random(-(width/10), width/7) + 500); stuffYpos.push(random(20, 370)); stuffThing.push(floor(random(1.8, 5))); } // "100 lines of vars? Why you gotta have so many vars?" - Everyone } // Game variables // Function for drawing fish var drawFish = function(x, y, scaleFactor, fillColor, strokeColor){ strokeWeight(10); stroke(strokeColor); fill(fillColor); // Body of the fish pushMatrix(); translate(x, y); scale(-1, 1); scale(scaleFactor/10); pushMatrix(); translate(-245, -200); pushMatrix(); translate(200, 200); beginShape(); curveVertex(28,-63); curveVertex(109,-30); curveVertex(107,18); curveVertex(42,46); curveVertex(-30,-1); curveVertex(32,-58); curveVertex(109,-30); curveVertex(107,39); endShape(); popMatrix(); // Tail fin (or tailfin) pushMatrix(); translate(111, 198); scale(1.2, 0.8); beginShape(); curveVertex(-39,-107); curveVertex(32,-63); curveVertex(79,-2); curveVertex(53,71); curveVertex(30,53); curveVertex(50,5); curveVertex(14,-41); curveVertex(32,-63); curveVertex(85,-20); endShape(); popMatrix(); // Fixes the overlap noStroke(); rect(180, 172, 40, 54); stroke(strokeColor); arc(182, 165, 22, 8, 7, 83); arc(196, 233, 27, 8, 265, 293); popMatrix(); popMatrix(); }; // Function for drawing a whale var drawWhale = function(x, y, size, side, rotation, strokeW){ pushMatrix(); translate(x, y); scale(size/10); // Turns it depending on the side specified if(side === "right"){ scale(-1, 1); } rotate(rotation); pushMatrix(); translate(-200, -300); if(strokeW === 73 \|\| strokeW === 42){ strokeWeight(5); } else { strokeWeight(5 + strokeW); } stroke(12, 44, 173); fill(21, 58, 191); // Body pushMatrix(); translate(196, 285); beginShape(); curveVertex(-89,-71); curveVertex(86,-50); curveVertex(95,22); curveVertex(118,20); curveVertex(133,29); curveVertex(125,57); curveVertex(59,71); curveVertex(-101,64); curveVertex(-89,-71); curveVertex(86,-50); curveVertex(95,22); endShape(); popMatrix(); if(strokeW === 73 \|\| strokeW === 42){ strokeWeight(10); } else { strokeWeight(10 + (strokeW2)); } // Tailfin (is that what it's called?) pushMatrix(); translate(339, 306); scale(0.53); rotate(24); beginShape(); curveVertex(-82,-90); curveVertex(-71,-122); curveVertex(-65,-101); curveVertex(-2,-27); curveVertex(1,1); curveVertex(23,-14); curveVertex(110,-7); curveVertex(132,-10); curveVertex(108,29); curveVertex(12,57); curveVertex(-60,20); curveVertex(-82,-90); curveVertex(-71,-122); curveVertex(-65,-101); endShape(); popMatrix(); noStroke(); pushMatrix(); translate(297, 320); rotate(-46); fill(21, 58, 191); rect(0, 0, 32, 30); popMatrix(); stroke(3, 9, 66); // Forgot what this was for... I'm leaving it, though if(strokeW === 73 \|\| strokeW === 42){ strokeWeight(15); } else { strokeWeight(15 + (strokeW3)); } point(129, 315); noFill(); if(strokeW === 73 \|\| strokeW === 42){ strokeWeight(5); arc(98, 380, 100, -100, 76, 100); } else { strokeWeight(5 + strokeW); arc(98, 283, 100, 100, 73, 100); } popMatrix(); popMatrix(); }; // Function for drawing a shark var drawShark = function(x, y, size, side, passive){ // The shark can either be passive or not passive if(!passive){ strokeColor = color(71, 74, 87); fillColor1 = color(83, 89, 102); fillColor2 = color(87, 100, 125); } else if(passive){ strokeColor = color(58, 66, 102); fillColor1 = color(59, 76, 115); fillColor2 = color(68, 95, 143); } pushMatrix(); translate(x, y); scale(size/10); if(side === "right"){ scale(-1, 1); } else { scale(1); } // Some shark stuff pushMatrix(); translate(-275, -185); strokeWeight(11); stroke(strokeColor); fill(fillColor1); pushMatrix(); translate(271, 149); scale(0.4, 0.2); beginShape(); curveVertex(-91,13); curveVertex(14,-108); curveVertex(94,-155); curveVertex(71,-123); curveVertex(53,-64); curveVertex(49,25); curveVertex(30,41); curveVertex(-80,33); curveVertex(-91,13); curveVertex(14,-108); curveVertex(94,-155); endShape(); popMatrix(); strokeWeight(7); pushMatrix(); translate(280, 199); scale(0.3, -0.4); rotate(35); beginShape(); curveVertex(-91,13); curveVertex(14,-108); curveVertex(94,-155); curveVertex(71,-123); curveVertex(53,-64); curveVertex(49,25); curveVertex(30,41); curveVertex(-80,33); curveVertex(-91,13); curveVertex(14,-108); curveVertex(94,-155); endShape(); popMatrix(); strokeWeight(5); pushMatrix(); translate(291, 192); scale(0.9); beginShape(); curveVertex(-72,68); curveVertex(-138,28); curveVertex(-170,-5); curveVertex(-151,-24); curveVertex(-32,-44); curveVertex(80,-41); curveVertex(117,-26); curveVertex(106,-5); curveVertex(43,-2); curveVertex(-14,19); curveVertex(-72,30); curveVertex(-141,28); curveVertex(-185,-29); endShape(); fill(fillColor2); beginShape(); curveVertex(-48,44); curveVertex(-108,35); curveVertex(-147,25); curveVertex(-163,3); curveVertex(-124,13); curveVertex(-47,11); curveVertex(14,-10); curveVertex(80,-20); curveVertex(114,-14); curveVertex(98,-2); curveVertex(32,7); curveVertex(19,12); curveVertex(-48,32); curveVertex(-108,35); curveVertex(-147,25); endShape(); popMatrix(); // Are you actually reading this? strokeWeight(6); fill(fillColor1); pushMatrix(); translate(370, 187); scale(0.7, 0.5); beginShape(); curveVertex(82,-135); curveVertex(43,-33); curveVertex(42,11); curveVertex(67,87); curveVertex(47,74); curveVertex(0,-24); curveVertex(82,-135); curveVertex(43,-33); curveVertex(42,11); endShape(); popMatrix(); noStroke(); rect(356, 163, 43, 7); noFill(); strokeWeight(5); stroke(strokeColor); if(passive){ arc(146, 208, 60, 20, 10, 50); } else if(!passive){ arc(146, 207, 60, 20, 33, 50); } stroke(41, 41, 41); strokeWeight(2); if(!passive){ line(162, 174, 153, 178); } strokeWeight(8); point(161, 182); popMatrix(); popMatrix(); }; // Function for drawing a hook var drawHook = function(x, y, size){ pushMatrix(); translate(x, y); scale(size/10); pushMatrix(); translate(-300, -230); strokeWeight(4); stroke(40, 40, 122); line(320, 149, 318, -height5); fill(84, 94, 128); stroke(40, 46, 102); pushMatrix(); translate(342, 301); rotate(-10); beginShape(); curveVertex(-79,-17); curveVertex(-92,-54); curveVertex(-71,-94); curveVertex(-78,-64); curveVertex(-69,-33); curveVertex(-38,-26); curveVertex(-12,-47); curveVertex(-4,-142); curveVertex(9,-148); curveVertex(3,-33); curveVertex(-35,-9); curveVertex(-79,-17); curveVertex(-92,-54); curveVertex(-71,-94); endShape(); strokeWeight(3); fill(79, 132, 143); ellipse(3, -142, 6, 12); popMatrix(); popMatrix(); popMatrix(); }; // Function for drawing the words "52 BLUE" var drawMyWords = function(color1, color2){ / In case you were wondering about the name, 52 Blue is the name of the whale with the deepest known whale song. It's song has been recorded at about 52 Hertz, hence the 52. It's a blue whale, hence Blue. / // More about the 52 Hertz Whale on Wikipedia: http://bit.ly/1WRv40v // In hindsight, I probably should have named it something else, but I already made the title and all of that, so I'm not changing it. noFill(); strokeWeight(19); stroke(color2); // 5 line(100, 100, 127, 98); line(100, 100, 101, 126); arc(108, 140, 32, 26, 248, 492); // 2 pushMatrix(); translate(-27, 18); rotate(-2); arc(162, 109, 36, 26, 248, 366); arc(153, 100, 56, 85, 375, 431); line(182, 140, 161, 141); popMatrix(); // B strokeWeight(13); pushMatrix(); translate(-71, -61); scale(1.4); arc(188, 123, 22, 20, 235, 472); arc(188, 142, 22, 20, 298, 465); line(181, 115, 184, 151); popMatrix(); // L strokeWeight(19); line(218, 102, 218, 139); line(237, 144, 224, 147); arc(221.5, 143, 7, 8, 86, 200); // U arc(256, 134, 22, 25, -9, 180); line(244, 107, 245, 134); line(264, 107, 267, 134); // E line(276, 104, 277, 143); line(276, 104, 289, 105); line(276, 120, 289, 121); line(289, 143, 277, 143); noFill(); strokeWeight(6); stroke(color1); // 5 line(100, 100, 127, 98); line(100, 100, 101, 126); arc(108, 140, 32, 26, 248, 492); // 2 pushMatrix(); translate(-27, 18); rotate(-2); arc(162, 109, 36, 26, 248, 366); arc(153, 100, 56, 85, 375, 431); line(182, 140, 161, 141); popMatrix(); // B strokeWeight(4); pushMatrix(); translate(-71, -61); scale(1.4); arc(188, 123, 22, 20, 235, 472); arc(188, 142, 22, 20, 298, 465); line(181, 115, 184, 151); popMatrix(); // L strokeWeight(6); line(218, 102, 218, 139); line(237, 144, 224, 147); arc(221.5, 143, 7, 8, 86, 200); // U arc(256, 134, 22, 25, -9, 180); line(244, 107, 245, 134); line(264, 107, 267, 134); // E line(276, 104, 277, 143); line(276, 104, 289, 105); line(276, 120, 289, 121); line(289, 143, 277, 143); }; // Function for drawing seaweed var drawSeaWeed = function(x, y, size){ strokeWeight(5); stroke(20, 115, 15); pushMatrix(); translate(x, y); rotate(-5); scale(size/10); pushMatrix(); translate(-310, -240); pushMatrix(); fill(34, 161, 53); translate(269, 200); rotate(-11); scale(-1.1, 0.8); beginShape(); curveVertex(-19,27); curveVertex(1,-22); curveVertex(8,-37); curveVertex(7,-22); curveVertex(12,35); curveVertex(8,101); curveVertex(-3,110); curveVertex(-17,97); curveVertex(-19,27); curveVertex(1,-22); curveVertex(8,-37); endShape(); popMatrix(); fill(75, 158, 33); pushMatrix(); translate(300, 200); beginShape(); curveVertex(-6,49); curveVertex(-10,7); curveVertex(-22,-33); curveVertex(-27,-76); curveVertex(-9,-101); curveVertex(-5,-97); curveVertex(5,-43); curveVertex(22,11); curveVertex(24,58); curveVertex(12,106); curveVertex(9,133); curveVertex(-14,134); curveVertex(-21,110); curveVertex(-6,49); curveVertex(-10,7); curveVertex(-22,-33); endShape(); translate(30, 15); rotate(27); beginShape(); curveVertex(-30,59); curveVertex(0,21); curveVertex(2,-1); curveVertex(-2,-46); curveVertex(-3,-51); curveVertex(7,-28); curveVertex(23,-4); curveVertex(26,25); curveVertex(-5,64); curveVertex(12,106); curveVertex(9,133); curveVertex(-14,134); curveVertex(-21,110); curveVertex(-30,59); curveVertex(0,21); curveVertex(2,-1); endShape(); fill(34, 161, 53); translate(-1, -5); rotate(-28); scale(1, 1.2); beginShape(); curveVertex(-19,27); curveVertex(1,-22); curveVertex(8,-37); curveVertex(7,-22); curveVertex(12,35); curveVertex(8,101); curveVertex(-3,110); curveVertex(-17,97); curveVertex(-19,27); curveVertex(1,-22); curveVertex(8,-37); endShape(); popMatrix(); fill(36, 36, 36); stroke(20, 20, 20); pushMatrix(); translate(327, 246); beginShape(); curveVertex(-18,37); curveVertex(39,53); curveVertex(30,100); curveVertex(-53,88); curveVertex(-23,43); curveVertex(39,53); curveVertex(30,100); endShape(); popMatrix(); strokeWeight(7); stroke(69, 69, 69); point(310, 297); point(338, 307); point(294, 320); point(325, 314); point(350, 334); popMatrix(); popMatrix(); }; // Function for drawing the obstacles var drawStuff = function(thing, x, y, r, size){ if(thing === 1){ pushMatrix(); translate(x, y); scale(size/11); rotate(r); translate(-195, -175); strokeCap(SQUARE); strokeWeight(5); stroke(31, 31, 31); fill(77, 70, 59); beginShape(); vertex(245, 219); vertex(158, 226); vertex(142, 136); vertex(152, 118); vertex(244, 104); vertex(261, 205); endShape(CLOSE); strokeWeight(4); line(245, 221, 227, 124); line(145, 136, 229, 124); line(245, 104, 228, 124); fill(20, 20, 20); textFont(createFont("Impact"), 25); textAlign(CENTER, CENTER); pushMatrix(); translate(193, 169); rotate(-6); scale(0.4, 1); text("Star Wars:\nChristmas Special", 0, 0); popMatrix(); popMatrix(); } else if (thing === 2){ pushMatrix(); translate(x, y); rotate(r); scale(size/7); rotate(35); scale(1, 0.8); rotate(-43); translate(-233, -181); strokeWeight(3); stroke(84, 56, 10); fill(133, 111, 55); pushMatrix(); translate(204, 196); scale(0.9, 0.8); beginShape(); curveVertex(-10,-4); curveVertex(35,-9); curveVertex(44,-80); curveVertex(48,-115); curveVertex(71,-119); curveVertex(87,-111); curveVertex(88,-79); curveVertex(76,14); curveVertex(50,42); curveVertex(-23,32); curveVertex(-10,-4); curveVertex(35,-9); curveVertex(44,-80); endShape(); popMatrix(); noFill(); arc(247, 101, 150, 50, 82, 92); arc(240, 116, 150, 50, 77, 86); arc(221, 130, 150, 50, 62, 73); arc(247, 141, 150, 50, 82, 92); strokeWeight(2); fill(107, 87, 62); ellipse(260, 126, 5, 5); ellipse(260, 140, 5, 5); ellipse(260, 152, 5, 5); ellipse(260, 167, 5, 5); noFill(); stroke(120, 91, 46); bezier(189, 206, 200, 189, 212, 199, 217, 198); stroke(84, 56, 10); bezier(186, 217, 223, 225, 240, 223, 258, 222); popMatrix(); } else if (thing === 3){ pushMatrix(); translate(x, y); rotate(r); scale(size/8); translate(-200, -200); stroke(92, 78, 49); strokeWeight(2); fill(189, 167, 110); beginShape(); vertex(250, 287); vertex(139, 250); vertex(100, 200); vertex(150, 113); vertex(258, 145); vertex(300, 200); endShape(CLOSE); beginShape(); vertex(185, 162); vertex(139, 250); vertex(185, 162); vertex(150, 113); vertex(185, 162); vertex(300, 200); endShape(CLOSE); strokeWeight(1); line(238, 179, 212, 132); fill(92, 78, 49); textFont(createFont("Impact"), 20); pushMatrix(); translate(199, 187); scale(0.8); rotate(18); text("clam-azon", 23, 0); textFont(createFont("sans-serif"), 20); text(".com", 88, 0); noFill(); strokeWeight(8); arc(35, -23, 150, 150, 68, 121); strokeWeight(6); arc(64, 46, 25, 22, 277, 390); popMatrix(); popMatrix(); } else if (thing === 4){ pushMatrix(); translate(x, y); rotate(r); scale(size/14); translate(-202, -190); noFill(); stroke(181, 191, 201); for(var i = 0; i < 3; i++){ for(var j = 0; j < 2; j++){ strokeWeight(7); ellipse(135 + i60, 155 + j70, 60, 60); strokeWeight(5); arc(165 + i60, 190, 100, 100, 170, 190); line(135 + i * 60, 187, 135 + i * 60, 194); arc(105 + i60, 190, 100, 100, -10, 10); } } popMatrix(); } }; // Function for drawing a sea floor var drawSea = function(backColor, color1, color2, addHeight, speed){ noStroke(); fill(backColor); rect(-100, -100, width + 200, height + 200); noFill(); if(killLag){ // Draws a simple sea floor if killLag is set to true strokeWeight(15); stroke(color1); fill(color2); rect(-50, 400, width + 100, 200); } else { // Otherwise, it draws the wavy sea floor for(var i = 0; i < floorXpos.length; i++){ pushMatrix(); translate(i13 + floorXpos[i], i1); / I don't know why it has to be translated by i1 on the y axis, but it works, so don't question it! / noFill(); strokeWeight(31); stroke(color2); for(var j = 0; j < 4; j++){ bezier(3, 414 + j30, 197, 395 + j30 - addHeight, 140, 488 + j30 + addHeight, 601, 414 + j30); } noStroke(); fill(color2); rect(-21, 414, 20, 100); noFill(); strokeWeight(15); stroke(color1); bezier(-8, 401, 197, 381 - addHeight, 140, 474 + addHeight, 610, 401); popMatrix(); // Resets the ground once it goes off the screen if(floorXpos[i] < -width-30){ floorXpos[i] = width; } floorXpos[i] -= speed; } } }; // Function for drawing the home screen var homeScreen = function(){ cursor(ARROW); drawSea(color(48, 157, 184), color(184, 133, 30), color(199, 144, 34), 0, sideS); // Draws the background fish depending on the specifications for(var i = 0; i < fish.length; i++){ // When killLag is turned on, the fish disappear after they exit the canvas if(killLag){ var thisFish = fish[i]; if(thisFish.x > -50){ drawFish(thisFish.x, thisFish.y, thisFish.size, thisFish.color, thisFish.stroke); thisFish.x -= thisFish.size/5; } } else { var thisFish = fish[i]; if(thisFish.x > -50){ drawFish(thisFish.x, thisFish.y, thisFish.size, thisFish.color, thisFish.stroke); } if(thisFish.x > -50 && !swimming){ thisFish.x -= thisFish.size/5; } else if(swimming){ // After you press the play button they swim foreward if(swimSpeed > 1){ swimSpeed -= 1/10; } thisFish.x -= thisFish.size/(swimSpeed/2)-2 + random(0, 2); } } } drawSeaWeed(seaweedPos, 412, 5); // Draws the words pushMatrix(); translate(-50, -70); scale(1.8); drawMyWords(color(27, 129, 219), color(8, 86, 196)); popMatrix(); // Draws a box fill(21, 116, 217); stroke(0, 70, 209); strokeWeight(5); rect(200, 255, 200, 100, 15); // Draws more words textFont(defFont, 40); // Fallback font incase fontA doesn't work textFont(fontA, 40); textSize(40); textAlign(CENTER); fill(9, 84, 176); // Line 1000! if(!killLag){ for(var i = 300; i < 305; i++){ text("CLICK TO", i, i); text("PLAY", i, i+42); } } // Words again fill(93, 164, 245); text("CLICK TO", 299, 297); text("PLAY", 299, 340); if(mouseX > 200 && mouseX < 400 && mouseY > 255 && mouseY < 355){ cursor(HAND); pushMatrix(); translate(-30, -30); scale(1.1); fill(21, 116, 217); stroke(0, 70, 209); strokeWeight(5); rect(200, 255, 200, 100, 15); // More words textAlign(CENTER); fill(9, 84, 176); if(!killLag){ for(var i = 300; i < 305; i++){ text("CLICK TO", i, i); text("PLAY", i, i+42); } } // You guessed it - more words fill(93, 164, 245); text("CLICK TO", 299, 297); text("PLAY", 299, 340); popMatrix(); } else { cursor(ARROW); } if(timerOn){ startTimer += 1/60; } if(startTimer > 1 && startTimer < 3){ noStroke(); fill(0, 0, 0, fadeAmt); rect(0, 0, width, height); if(fadeAmt < 255){ fadeAmt += 3; } } else if(startTimer >= 3){ background(0, 0, 0); currentScene = 2; startTimer = 0; } if(seaweedPos < -50){ seaweedPos = 1700; } seaweedPos -= sideS; mouseReleased = function(){ if(mouseX > 200 && mouseX < 400 && mouseY > 255 && mouseY < 355){ swimming = true; timerOn = true; } }; }; // Function for drawing the how screen var howScreen = function(){ cursor(ARROW); background(87, 141, 189); drawHook(440 - startTimer5, 240, 1.2); noStroke(); fill(77, 103, 168, 100); rect(0, 0, width, height); pushMatrix(); translate(startTimer10 - 50, 130); scale(-1, 1); drawFish(0, 0, 1, color(224, 154, 13), color(214, 136, 28)); popMatrix(); drawFish(600 - startTimer20, 325, 3, color(14, 199, 110), color(22, 150, 103)); pushMatrix(); translate(startTimer25 + 270, 130); scale(-1, 1); drawFish(0, 0, 4, color(13, 107, 222), color(44, 72, 209)); popMatrix(); noStroke(); fill(87, 141, 189, 35); rect(0, 0, width, height); drawFish(1500 - startTimer20, 230, 3, color(199, 16, 171), color(148, 22, 93)); noStroke(); fill(87, 141, 189, 10); rect(0, 0, width, height); drawShark(240 + -startTimer40, 280, 6, "left", true); noStroke(); fill(87, 141, 189, 50); rect(0, 0, width, height); pushMatrix(); translate(400, 405); scale(1.5, 1); translate(-400, -400); drawSea(color(87, 141, 189, 0), color(184, 133, 30), color(199, 144, 34), 20, sideS * 0.5); popMatrix(); if(!killLag){ for(var i = 0; i < seaWeedXpos.length; i++){ drawSeaWeed(seaWeedXpos[i], seaWeedYpos[i], 4); seaWeedXpos[i] -= sideS * 0.775; if(seaWeedXpos[i] < -50){ seaWeedXpos[i] = width * seaWeedXpos.length - 50; } } } // It probably would have been better just to not do that whole killLag thing, but I'm going to continue doing it for consistency. fill(224, 224, 224); textFont(fontA, 30); text("USE ARROW KEYS TO MOVE\nAVOID OBSTACLES\n\nTHE BAR ON THE BOTTOM\nIS YOUR HEALTH", 300, 155); textSize(22); text("PRESS ANY KEY TO CONTINUE", 300, 488); if(fadeOn){ fadeAmt += 3; fill(0, 0, 0, fadeAmt); noStroke(); rect(0, 0, width, height); if(fadeAmt >= 255){ background(0, 0, 0); currentScene = 3; } } else if(fadeAmt >= 0){ fadeAmt -= 3; fill(0, 0, 0, fadeAmt); noStroke(); rect(0, 0, width, height); } startTimer += 1/60; if(startTimer > 1 && keyIsPressed){ fadeOn = true; } }; // Function for drawing the playing screen var playScreen = function(){ background(48, 157, 184); whaleX = constrain(whaleX, 100, 250); whaleY = constrain(whaleY, 50, height - 150); whaleR = constrain(whaleR, -25, 25); drawWhale(whaleX + (400-whaleY)/12, whaleY, 5.5, "right", whaleR, 1); if(keyIsPressed && keyCode === RIGHT){ whaleX += 3/4; } else if(keyIsPressed && keyCode === LEFT){ whaleX -= 5/4; } if(keyIsPressed && keyCode === DOWN && keyCode !== UP){ whaleY += 1 - whaleR/30; whaleR -= 1/5; } else if(keyIsPressed && keyCode === UP && keyCode !== DOWN){ whaleY -= 1 + whaleR/30; whaleR += 1/5; } else if(whaleR !== 0){ if(whaleR < 0){ whaleR += 1/3; } else if(whaleR > 0){ whaleR -= 1/3; } } for(var i = 0; i < stuffXpos.length; i++){ if(stuffXpos[i] < width + 50){ if(!killLag){ drawStuff(stuffThing[i], stuffXpos[i], stuffYpos[i], frameCount/15 + stuffYpos[i]10, 3); } else { drawStuff(stuffThing[i], stuffXpos[i], stuffYpos[i], 0, 3); } } stuffXpos[i] -= sideS0.5 + (stuffThing[i]/8); if(hitboxesOn){ strokeWeight(10); stroke(255, 0, 0); point(stuffXpos[i], stuffYpos[i]); } if(stuffXpos[i] < width(2/3) && dist(whaleX + (400-whaleY)/12, whaleY, stuffXpos[i], stuffYpos[i]) < 70){ health -= (1.25 + (70 - dist(whaleX + (400-whaleY)/12, whaleY, stuffXpos[i], stuffYpos[i]))/20); } if(health <= 0){ currentScene = 4; } if(stuffXpos[i] < -50){ stuffThing[i] = floor(random(1.8, 5)); stuffYpos[i] = random(20, 370); stuffXpos[i] = width/3 stuffXpos.length - 50; } } pushMatrix(); translate(0, 10); if(sideS < 7){ drawSea(color(48, 157, 184, 0), color(184, 133, 30), color(199, 144, 34), -5, sideS); } else { drawSea(color(48, 157, 184, 0), color(184, 133, 30), color(199, 144, 34), -5, 7); } popMatrix(); if(!killLag){ for(var i = 0; i < seaWeedXpos.length; i++){ drawSeaWeed(seaWeedXpos[i], seaWeedYpos[i] + 10, 3.8); if(sideS < 7){ seaWeedXpos[i] -= sideS; } else { seaWeedXpos[i] -= 7; } if(seaWeedXpos[i] < -50){ seaWeedXpos[i] = width * seaWeedXpos.length - 50; } } } fill(35, 217, 47); noStroke(); rect(15, 485, health, 5); if(fadeAmt >= 0 && gameTimer > 0.4){ fadeAmt -= 3; } fill(0, 0, 0, fadeAmt); noStroke(); rect(0, 0, width, height); score += 1/30; sideS += 1/600; gameTimer += 1/60; }; // Function for drawing the lose screen var loseScreen = function(){ cursor(ARROW); drawSea(color(48, 157, 184), color(184, 133, 30), color(199, 144, 34), -5, 1); fill(224, 224, 224); textFont(fontA, 55); text("GAME OVER", 300, 200); textSize(27); text("SCORE: " + floor(score), 300, 238); textSize(22); text("POST YOUR SCORE IN THE TIPS & THANKS\nCLICK ANYWHERE TO RESTART", 300, 463); if(mouseIsPressed){ Program.restart(); } startTimer += 1/60; }; // Draw function draw = function(){ background(255, 255, 255); if(currentScene === 1){ homeScreen(); } else if(currentScene === 2){ howScreen(); } else if(currentScene === 3){ playScreen(); } else if(currentScene === 4){ loseScreen(); } };
Folds	27,34,36,130,132,162,165,217,220,321,324,475,478,514,517,615,618,734,737,883,886,934,937,1075,1078,1160,1163,1261,1264,1281,1284,1295
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPj8ueqQCgw
Votes	167
Spin-Offs	35
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	WillTheProgrammer
Author Name	WillTheProgrammer
Author ID	kaid_519533518564725127068312
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739447433867
Updated	10 months ago, 1739447442036
Source Deleted	unknown