Viewing Program

Program Data

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

Title	The Big Blue Sea
ID	5173374849335296
Created	4 years ago, 1618848476944
Updated	4 years ago, 1619200673706
Code	/********************** * The Big Blue Sea - A collaboration between Corin Fist, Magma, and BirdySparrowCatcher. This is for Contest: Oceans * * @Judges * We would like to be in the Advanced bracket. * * Corin Fist has been programming for almost 3 years and has completed 100% of the Intro to JS. * * Magma has been programming for 2 years, and eight months or so on Khan Academy. He has completed 100% of the Intro to JS. * * BirdySparrowCatcher has been programming for just over 1 year and has completed 15% of the Intro to JS. * * @Submission_Page * https://www.khanacademy.org/computer-programming/spin-off-of-contest-oceans/6608429303939072 * * @Subpages * Corin Fist: https://www.khanacademy.org/cs/i/5781861949784064 * * Magma: https://www.khanacademy.org/cs/i/4765015859478528 * * BirdySparrowCatcher: https://www.khanacademy.org/cs/i/4796600695013376 * * @Dates * 3/4/2021 - The harmonious date that we started this collab * 4/19/2021 - The date we happily ended this collab. Sorry you had to go, Corin Fist :-( * * @Just_So_You_Know * You should probably wait a while, then the animals will start spawning. * * @Credits * CREDIT TO BOB LYON FOR THE LOADWINDOWNOSCROLL FUNCTION * CREDIT TO CODER'S DIGEST 911 FOR SMOOTHER KEY MOVEMENT *********************/ //Enjoy! /Variables/ var camera_Y = 0; var scene = "Load"; var clicked = false; var spd = 10; frameRate(30); /Bob Lyon's loadWindowNoScroll function/ var loadWindowNoScroll = function(){ var window = (function(what) { return this[what]; })("window"); var canvas = window.Processing.instances[0].externals.canvas; canvas.onwheel = function(event){ event.preventDefault(); }; }; loadWindowNoScroll(); /Graphics*/ randomSeed(millis()); function SeaGull(x,y,s,r){ pushMatrix(); translate(x,y); scale(s); rotate(r); //Wings strokeCap(SQUARE); stroke(255,255,255); strokeWeight(6); noFill(); arc(0,0,35,29,-158,-38); arc(-29,1,35,29,-158,-38); //Wing Tips noStroke(); fill(92, 92, 92); triangle(16,-11,11,-7,20,-2); triangle(-48,-6,-42,-3,-48,2); popMatrix(); } function Sun(x,y,s,r){ pushMatrix(); translate(x,y); scale(s); rotate(r); noStroke(); //make it seem glowy for(var i = 0;i<58;i+=9){ fill(255, 255, 255,10); ellipse(0,0,100+i,100+i); } //Making it seem bright in the middle for(var i = 0;i<29;i+=4){ fill(255, 255, 255,90); ellipse(0,0,60+i,60+i); } //Overall Glowiness for(var i = -9;i<23;i+=4){ fill(255, 255, 255,60); ellipse(0,0,100+i,100+i); } //more glowy stuff for(var i = 0;i<33;i+=4){ fill(255, 251, 224,10); ellipse(0,0,100+i,100+i); } popMatrix(); } function PalmTree(x,y,s,r){ pushMatrix(); translate(x,y); scale(s); rotate(r); //Trunk for(var i = 0;i>=-147;i-=23){ fill(189, 143, 90); stroke(87, 52, 15); strokeWeight(3); rectMode(CENTER); pushMatrix(); translate(cos(i)-13,i); rotate(-i/9); arc(0,0,40+i/5,63+i/10,-180,0); arc(0,0,40+i/5,2,0,178); popMatrix(); } fill(39, 161, 47); stroke(57, 148, 50); strokeWeight(2); pushMatrix(); translate(10,-154); rotate(10); arc(-39,0,100,45,-180,0); arc(45,0,100,45,-180,0); rotate(24); arc(-39,0,100,45,-180,0); arc(45,0,100,45,-180,0); rotate(-54); arc(-39,0,100,45,-180,0); arc(45,0,100,45,-180,0); popMatrix(); popMatrix(); } function SeaWeed(x,y,sx,sy,r,fc,sc,sw){ pushMatrix(); pushStyle(); translate(x,y); scale(sx,sy); rotate(r); fill(fc); stroke(sc); strokeWeight(sw); beginShape(); curveVertex(-8,-29); curveVertex(-1,-113); curveVertex(15,-154); curveVertex(55,-177); curveVertex(34,-117); curveVertex(20,-51); curveVertex(35,1); curveVertex(35,44); curveVertex(1,45); curveVertex(-11,41); curveVertex(-8,-29); curveVertex(-1,-113); curveVertex(15,-154); /*/ endShape(); beginShape(); curveVertex(-85,-119); curveVertex(-65,-155); curveVertex(-35,-142); curveVertex(-43,-103); curveVertex(-28,-63); curveVertex(39,-18); curveVertex(35,44); curveVertex(12,-12); curveVertex(-54,-49); curveVertex(-85,-119); curveVertex(-65,-155); curveVertex(-35,-142); endShape(); beginShape(); curveVertex(100,-87); curveVertex(106,-115); curveVertex(88,-148); curveVertex(132,-135); curveVertex(123,-68); curveVertex(110,-16); curveVertex(35,44); curveVertex(42,13); curveVertex(90,-47); curveVertex(100,-87); curveVertex(106,-115); curveVertex(88,-148); endShape(); popStyle(); popMatrix(); } function BackroundMountainGray(){ noStroke(); fill(172,194,215); //Mountain on the left beginShape(); vertex(-10,197); vertex(14,191); vertex(36,190); vertex(53,190); vertex(60,195); vertex(66,220); vertex(85,243); vertex(113,232); vertex(120,223); vertex(143,233); vertex(146,247); vertex(155,246); vertex(162,241); vertex(194,241); vertex(205,250); vertex(215,259); vertex(217,261); vertex(222,275); vertex(223,277); vertex(210,286); vertex(1,337); endShape(CLOSE); //Mountain on the right beginShape(); vertex(598,162); vertex(552,183); vertex(513,202); vertex(509,215); vertex(474,216); vertex(454,201); vertex(429,200); vertex(421,204); vertex(415,214); vertex(414,225); vertex(383,231); vertex(369,237); vertex(359,242); vertex(346,298); vertex(371,282); vertex(387,283); vertex(454,297); vertex(501,293); vertex(528,300); vertex(571,298); vertex(615,281); vertex(621,278); endShape(CLOSE); fill(0, 184, 61); beginShape(); vertex(2,257); vertex(26,225); vertex(18,253); vertex(32,235); vertex(32,256); vertex(61,232); vertex(58,262); vertex(66,255); vertex(70,267); vertex(81,229); vertex(83,267); vertex(97,252); vertex(108,266); vertex(126,240); vertex(141,269); vertex(152,249); vertex(154,260); vertex(168,243); vertex(172,275); vertex(181,249); vertex(188,256); vertex(191,247); vertex(190,262); endShape(CLOSE); beginShape(); vertex(364,293); vertex(356,258); vertex(370,268); vertex(379,245); vertex(380,264); vertex(400,256); vertex(402,271); vertex(422,255); vertex(437,261); vertex(440,242); vertex(451,256); vertex(459,234); vertex(466,251); vertex(476,243); vertex(473,259); vertex(495,238); vertex(502,268); vertex(502,242); vertex(512,268); vertex(528,240); vertex(533,263); vertex(553,223); vertex(562,267); endShape(CLOSE); arc(0,261,40,70,115,319); arc(608,240,40,70,115,319); //Left fill(217, 202, 171); ellipse(172,311,129,100); ellipse(94,296,129,79); ellipse(17,284,129,79); //Right ellipse(594,283,129,100); ellipse(499,288,129,79); ellipse(417,305,129,79); //Palm Trees PalmTree(25,249,0.4,17); PalmTree(202,275,0.3,-10); PalmTree(517,249,0.4,-29); PalmTree(590,244,0.3,8); PalmTree(415,270,0.2,-5); noStroke(); //Rocks for the palm trees //Left fill(138, 165, 189); ellipse(0,277,129,76); //Right ellipse(528,277,129,76); //Regular Sand on the beach //Left fill(232,214,174); ellipse(176,319,129,100); ellipse(141,302,129,100); ellipse(176,319,129,100); ellipse(82,302,161,75); ellipse(19,302,148,107); //Right ellipse(576,316,129,100); ellipse(513,295,129,100); ellipse(176,319,129,100); ellipse(453,302,161,75); ellipse(404,338,148,107); ellipse(570,294,148,107); } function SeaWaves(x,y,l,c1,c2,f1,f2,f3,f4,f5){ pushMatrix(); translate(x,y); for (var i = 0; i < l; i+=1) { //Lerping 2 colors across stroke(lerpColor(c1,c2, i/600)); strokeWeight(7); noFill(); //The waves Go up and Downnnn Up and Dowwnnn bezier(-81+f1,i-21+f2,300,i+-30+f3,400,i+f4,700+f5,i); //What Im basically doing is adding sine to the bezier while looping it downward to create a wave effect } popMatrix(); } function dolphin(x, y, sx, sy, angle) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); rotate(angle); noStroke(); fill(153, 214, 235); beginShape(); vertex(100, 500); bezierVertex(100, 495, 103, 485, 117, 470); vertex(110, 463); bezierVertex(100, 400, 195, 250, 450, 200); vertex(530, 150); bezierVertex(525, 140, 527, 80, 550, 70); bezierVertex(543, 93, 553, 87, 570, 95); bezierVertex(580, 100, 577, 110, 575, 115); vertex(580, 113); bezierVertex(593, 115, 590, 120, 605, 145); bezierVertex(610, 147, 617, 145, 623, 143); bezierVertex(620, 163, 570, 165, 547, 163); bezierVertex(500, 277, 400, 410, 160, 477); bezierVertex(140, 483, 120, 510, 115, 505); bezierVertex(110, 510, 100, 507, 100, 500); endShape(); fill(163, 232, 255); beginShape(); vertex(100, 500); bezierVertex(100, 495, 103, 485, 117, 470); vertex(110, 463); bezierVertex(100, 400, 195, 250, 450, 200); vertex(530, 150); bezierVertex(525, 140, 527, 80, 550, 70); bezierVertex(543, 93, 553, 87, 570, 95); bezierVertex(580, 100, 577, 110, 575, 115); vertex(580, 113); bezierVertex(593, 115, 590, 120, 605, 145); bezierVertex(610, 147, 617, 145, 623, 143); bezierVertex(620, 163, 570, 165, 547, 163); bezierVertex(500, 233, 400, 410, 150, 470); bezierVertex(140, 487, 120, 500, 115, 505); bezierVertex(110, 510, 100, 507, 100, 500); endShape(); fill(113, 165, 189); beginShape(); vertex(100, 500); bezierVertex(100, 495, 103, 485, 117, 470); vertex(110, 463); bezierVertex(100, 400, 195, 250, 450, 200); vertex(530, 150); bezierVertex(525, 140, 527, 80, 550, 70); bezierVertex(543, 93, 553, 87, 570, 95); bezierVertex(580, 100, 577, 110, 575, 115); vertex(580, 113); bezierVertex(593, 115, 590, 120, 605, 145); bezierVertex(610, 147, 617, 145, 623, 143); bezierVertex(620, 163, 570, 165, 547, 163); bezierVertex(500, 235, 400, 380, 160, 460); bezierVertex(140, 470, 120, 500, 115, 505); bezierVertex(110, 510, 100, 507, 100, 500); endShape(); fill(122, 180, 207); beginShape(); vertex(113, 430); bezierVertex(110, 410, 187, 250, 450, 200); vertex(530, 150); bezierVertex(525, 140, 527, 80, 550, 70); bezierVertex(543, 93, 553, 87, 570, 95); bezierVertex(570, 100, 575, 107, 575, 115); vertex(580, 113); bezierVertex(593, 125, 580, 117, 605, 145); bezierVertex(610, 147, 617, 145, 623, 143); bezierVertex(620, 157, 570, 155, 547, 163); bezierVertex(370, 380, 270, 320, 150, 440); bezierVertex(130, 450, 120, 445, 113, 430); endShape(); fill(146, 207, 235); beginShape(); vertex(140, 397); bezierVertex(180, 333, 230, 297, 265, 283); bezierVertex(300, 277, 210, 310, 140, 397); endShape(); fill(97, 194, 235); beginShape(); vertex(310, 255); bezierVertex(300, 230, 350, 187, 367, 180); bezierVertex(380, 190, 345, 200, 373, 230); bezierVertex(350, 243, 340, 247, 310, 255); endShape(); beginShape(); vertex(200, 460); bezierVertex(230, 483, 300, 490, 330, 450); bezierVertex(253, 453, 280, 420, 247, 410); bezierVertex(220, 415, 220, 445, 200, 460); endShape(); fill(120, 210, 245); beginShape(); vertex(323, 240); bezierVertex(310, 220, 350, 187, 367, 180); bezierVertex(380, 190, 345, 200, 373, 230); bezierVertex(350, 240, 330, 245, 323, 240); endShape(); beginShape(); vertex(200, 460); bezierVertex(230, 483, 300, 490, 330, 450); bezierVertex(240, 473, 270, 420, 237, 415); bezierVertex(220, 430, 220, 440, 200, 460); endShape(); fill(92, 92, 92); ellipse(153, 453, 13, 13); popStyle(); popMatrix(); } var coral = function(x, y, sx, sy) { pushMatrix(); translate(x, y); scale(sx, sy); stroke(250, 170, 181); strokeWeight(4.5); noFill(); beginShape(); vertex(280, 406); vertex(262, 398); vertex(258, 398); vertex(252, 398); vertex(246, 395); vertex(244, 394); vertex(240, 390); vertex(237, 385); vertex(236, 384); vertex(230, 380); vertex(224, 371); vertex(219 + sin(frameCount) 5, 355); vertex(216, 351); vertex(211, 348); vertex(208 + sin(frameCount) * 5, 343); endShape(); beginShape(); vertex(216, 352); vertex(215, 339); vertex(209, 334); vertex(208, 325); vertex(209, 318); endShape(); beginShape(); vertex(215, 340); vertex(220, 315); endShape(); beginShape(); vertex(238, 387); vertex(239, 379); vertex(239, 373); vertex(240, 370); vertex(235, 365); vertex(232, 361); vertex(231, 358); vertex(230, 357); vertex(235, 356); vertex(238, 354); vertex(240, 352); vertex(243, 346); vertex(246, 343); vertex(251, 334); vertex(252, 327); vertex(253, 325); vertex(258, 317); vertex(260, 307); vertex(260, 297); vertex(261, 286); vertex(260, 270); vertex(260 + sin(frameCount) * 5, 266); endShape(); beginShape(); vertex(256, 396); vertex(253, 388); vertex(252, 380); vertex(246, 368); vertex(242, 358); vertex(238, 351); vertex(240, 337); vertex(235 + sin(frameCount) * 5, 330); vertex(233 + sin(frameCount) * 3, 324); vertex(232 + sin(frameCount) * 2, 317); endShape(); beginShape(); vertex(239, 334); vertex(243, 328); vertex(239, 319); endShape(); beginShape(); vertex(252, 380); vertex(258, 373); vertex(258, 368); vertex(254, 354); vertex(250, 346); vertex(252, 334); vertex(251, 326); endShape(); beginShape(); vertex(250, 326); vertex(249, 311); vertex(250, 299); vertex(250, 289); vertex(250, 285); vertex(246, 276); vertex(245, 262); vertex(244 + sin(frameCount) * 5, 253); endShape(); beginShape(); vertex(249, 283); vertex(252, 279); vertex(252, 270); vertex(252, 260); vertex(249, 254); endShape(); beginShape(); vertex(248, 306); vertex(241, 305); vertex(240, 290); vertex(239, 278); vertex(240, 267); vertex(240, 249); endShape(); beginShape(); vertex(238, 281); vertex(230 + sin(frameCount) * 2, 274); vertex(231 + sin(frameCount) * 5, 257); endShape(); beginShape(); vertex(284, 406); vertex(294, 386); vertex(300, 378); vertex(310, 375); vertex(326, 362); vertex(334, 354); vertex(344 + sin(frameCount) * 5, 343); vertex(348 + sin(frameCount) * 5, 333); endShape(); beginShape(); vertex(282, 403); vertex(283, 396); vertex(287, 379); vertex(287, 371); vertex(290 + sin(frameCount) * 5, 356); vertex(291, 346); vertex(297, 336); vertex(306, 323); vertex(316, 310); vertex(324, 294); vertex(331, 286); vertex(333 + sin(frameCount) * 5, 277); vertex(332 + sin(frameCount) * 5, 273); vertex(332 + sin(frameCount) * 5, 269); endShape(); beginShape(); vertex(289, 343); vertex(286, 328); vertex(286, 313); vertex(287, 302); vertex(287, 294); vertex(281, 289); vertex(279, 282); vertex(279, 278); endShape(); beginShape(); vertex(286, 292); vertex(288, 286); vertex(288, 266); endShape(); beginShape(); vertex(286, 338); vertex(280, 331); vertex(272, 320); vertex(271, 306); endShape(); beginShape(); vertex(282, 406); vertex(279, 397); vertex(275, 390); vertex(273, 380); vertex(272, 373); vertex(270, 366); vertex(267 + sin(frameCount) * 5, 362); vertex(264, 355); vertex(264, 351); endShape(); beginShape(); vertex(272, 366); vertex(278, 359); vertex(279, 350); endShape(); beginShape(); vertex(304, 374); vertex(307, 363); vertex(310, 354); vertex(316, 346); vertex(317 + sin(frameCount) * 5, 341); endShape(); beginShape(); vertex(324, 360); vertex(323 + sin(frameCount) * 2, 353); vertex(322 + sin(frameCount) * 3, 349); vertex(331 + sin(frameCount) * 5, 335); vertex(329 + sin(frameCount) * 8, 317); endShape(); beginShape(); vertex(304, 322); vertex(302, 299); vertex(301, 294); vertex(303, 284); vertex(309, 273); vertex(312 + sin(frameCount) * 5, 266); endShape(); beginShape(); vertex(300, 292); vertex(296, 276); vertex(295, 267); vertex(292 + sin(frameCount) * 5, 255); endShape(); beginShape(); vertex(315, 307); vertex(315, 294); vertex(317, 286); vertex(320, 277); vertex(325 + sin(frameCount) * 5, 263); endShape(); beginShape(); vertex(316, 280); vertex(306, 272); vertex(300 + sin(frameCount) * 5, 266 + sin(frameCount)); endShape(); popMatrix(); }; var shark = function(x, y, sx, sy) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); noStroke(); fill(188, 199, 209); beginShape(); vertex(93, 443); bezierVertex(150, 433, 180, 457, 190, 457); bezierVertex(213, 463, 250, 460, 300, 457); bezierVertex(363, 433, 380, 435, 440, 430); bezierVertex(460, 443, 457, 453, 465, 463); bezierVertex(450, 450, 445, 440, 433, 440); bezierVertex(390, 440, 290, 513, 150, 473); bezierVertex(135, 470, 133, 460, 130, 460); bezierVertex(113, 455, 107, 453, 93, 443); endShape(); fill(95, 125, 150); beginShape(); vertex(93, 443); bezierVertex(150, 433, 180, 457, 190, 457); bezierVertex(213, 463, 250, 460, 300, 457); bezierVertex(363, 433, 380, 435, 440, 430); bezierVertex(460, 443, 457, 453, 465, 463); vertex(500, 490); bezierVertex(480, 450, 473, 427, 473, 420); bezierVertex(473, 405, 490, 380, 510, 347); bezierVertex(460, 365, 443, 406, 427, 410); bezierVertex(350, 410, 340, 407, 280, 400); bezierVertex(270, 380, 280, 367, 285, 360); bezierVertex(250, 370, 240, 383, 225, 397); bezierVertex(200, 400, 140, 410, 93, 440); endShape(); fill(255, 255, 255, 30); beginShape(); vertex(93, 443); vertex(103, 443); bezierVertex(205, 390, 370, 440, 455, 415); bezierVertex(470, 410, 475, 390, 487, 385); vertex(510, 347); bezierVertex(460, 365, 443, 406, 427, 410); bezierVertex(350, 413, 340, 403, 233, 397); bezierVertex(243, 383, 273, 363, 285, 360); bezierVertex(250, 370, 240, 383, 225, 397); bezierVertex(200, 400, 140, 410, 93, 440); endShape(); fill(255, 255, 255, 20); beginShape(); vertex(300, 410); bezierVertex(230, 400, 203, 403, 150, 420); bezierVertex(205, 410, 245, 407, 300, 410); endShape(); beginShape(); vertex(410, 415); bezierVertex(400, 415, 363, 410, 330, 410); bezierVertex(360, 415, 365, 417, 410, 415); endShape(); pushMatrix(); translate(-10, 0); fill(72, 95, 112); beginShape(); vertex(235, 457); bezierVertex(240, 463, 263, 490, 293, 503); bezierVertex(275, 480, 280, 460, 280, 457); endShape(); popMatrix(); fill(143, 103, 103); beginShape(); vertex(130, 460); bezierVertex(140, 457, 145, 457, 157, 457); bezierVertex(143, 460, 140, 460, 133, 463); endShape(); fill(84, 84, 84); ellipse(130, 435, 6, 6); stroke(0, 0, 0); strokeWeight(0.30); noFill(); beginShape(); vertex(197, 415); bezierVertex(193, 427, 193, 443, 200, 450); endShape(); beginShape(); vertex(203, 415); bezierVertex(197, 430, 200, 445, 207, 455); endShape(); beginShape(); vertex(210, 417); bezierVertex(203, 430, 207, 450, 213, 453); endShape(); beginShape(); vertex(215, 430); bezierVertex(210, 437, 213, 447, 215, 450); endShape(); popStyle(); popMatrix(); }; var fishyfishyfeesh = function(x, y) { pushMatrix(); pushStyle(); translate(x, y); noStroke(); fill(163, 186, 255); beginShape(); vertex(350, 270); bezierVertex(340, 263, 333, 260, 315, 263); bezierVertex(330, 267, 337, 277, 317, 290); bezierVertex(343, 287, 350, 280, 350, 280); endShape(); beginShape(); vertex(385, 263); bezierVertex(387, 257, 375, 250, 350, 250); bezierVertex(357, 253, 360, 257, 353, 260); vertex(353, 265); endShape(); fill(255, 255, 255, 50); beginShape(); vertex(350, 270); bezierVertex(340, 263, 333, 260, 323, 263); bezierVertex(330, 267, 340, 277, 323, 287); bezierVertex(343, 285, 347, 277, 350, 277); endShape(); beginShape(); vertex(385, 263); bezierVertex(387, 257, 375, 250, 355, 250); bezierVertex(360, 253, 363, 257, 357, 263); endShape(); fill(135, 156, 240); beginShape(); vertex(395, 270); bezierVertex(377, 250, 343, 263, 340, 275); vertex(343, 280); bezierVertex(360, 303, 407, 287, 395, 270); endShape(); fill(255, 255, 255, 70); beginShape(); vertex(395, 270); bezierVertex(377, 257, 343, 263, 345, 275); vertex(347, 280); bezierVertex(360, 303, 407, 287, 395, 270); endShape(); fill(168, 185, 255); beginShape(); vertex(375, 275); bezierVertex(370, 270, 355, 275, 353, 290); bezierVertex(360, 285, 377, 283, 377, 277); endShape(); fill(255, 255, 255, 50); beginShape(); vertex(375, 275); bezierVertex(370, 270, 355, 275, 353, 290); bezierVertex(360, 277, 377, 283, 377, 277); endShape(); fill(125, 125, 125); ellipse(390, 273, 5, 5); noFill(); stroke(113, 144, 214); strokeWeight(1); beginShape(); vertex(387, 270); bezierVertex(380, 275, 385, 280, 390, 280); endShape(); beginShape(); vertex(383, 270); bezierVertex(377, 275, 383, 280, 385, 280); endShape(); popStyle(); popMatrix(); }; fishyfishyfeesh(); fishyfishyfeesh(); var mantaRay = function(x, y) { pushMatrix(); translate(x, y); noStroke(); fill(128, 148, 181); beginShape(); vertex(300, 140); bezierVertex(365, 163, 380, 177, 430, 180); bezierVertex(470, 150, 453, 113, 450, 100+sin(frameCount3)25); bezierVertex(480, 120, 483, 175, 490, 193); bezierVertex(495, 195, 510, 200, 515, 207); bezierVertex(515, 213, 510, 210, 510, 207); bezierVertex(500, 203, 500, 215, 507, 213); bezierVertex(507, 213, 515, 210, 513, 217); bezierVertex(503, 225, 450, 215, 400, 190); bezierVertex(340, 157, 310, 150, 300, 140); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(440, 173); bezierVertex(453, 160, 453, 153, 456, 140); bezierVertex(493, 140, 483, 197, 490, 193); endShape(); beginShape(); vertex(300, 140); bezierVertex(455, 210, 465, 183, 513, 217); bezierVertex(503, 225, 450, 215, 400, 190); bezierVertex(340, 157, 310, 150, 300, 140); endShape(); fill(102, 97, 115); beginShape(); vertex(513, 215); bezierVertex(450, 210, 410, 120, 360, 120+sin(frameCount3)30); bezierVertex(373, 130, 400, 170, 390, 185); bezierVertex(400, 195, 430, 210, 463, 215); bezierVertex(493, 225, 513, 220, 513, 215); endShape(); fill(235, 235, 235); beginShape(); vertex(513, 215); bezierVertex(443, 213, 410, 127, 360, 120+sin(frameCount3)30); bezierVertex(373, 130, 400, 170, 390, 185); bezierVertex(400, 195, 430, 210, 463, 215); bezierVertex(493, 225, 513, 220, 513, 215); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(513, 215); bezierVertex(443, 210, 410, 195, 395, 173); bezierVertex(397, 177, 393, 185, 390, 185); bezierVertex(400, 195, 430, 210, 463, 215); bezierVertex(493, 225, 513, 220, 513, 215); endShape(); fill(61, 61, 61); ellipse(490, 210, 4, 4); popMatrix(); }; /*Images/ var img = { Islands: function(){ background(52, 141, 219); //Gradient for Sky for (var i = 0; i < 600; i++) { stroke(lerpColor(color(112, 193, 255), color(193, 235, 235), i/600)); strokeWeight(2); line(0, i, 600, i); } //The sun Sun(400,116,1,0); //Drawing the Mountains and Islands BackroundMountainGray(); //The Birds of the air SeaGull(487,160,0.4,16); SeaGull(174,159,0.5,-21); SeaGull(74,89,0.4,21); SeaGull(274,59,0.3,1); return get(0,0,600,600); }, dolphin: function(){ background(0,0); dolphin(96, -169, 0.50, 0.50, 32); return get(0,0,330,115); }, innerSea: function(){ //Gradient for Sea for (var i = 0; i < 600; i++) { stroke(lerpColor(color(104, 188, 248), color(51, 136, 255), i/600)); strokeWeight(2);//color(106, 194, 245) line(0, i, 600, i); } return get(0,0,600,600); }, depth: function(){ //Gradient for Sea for (var i = 0; i < 600; i++) { stroke(lerpColor(color(51, 136, 255), color(16, 70, 145), i/600)); strokeWeight(2);//color(106, 194, 245) line(0, i, 600, i); } return get(0,0,600,600); }, bottom: function(){ for (var i = 0; i < 400; i++) { stroke(lerpColor(color(16, 70, 145), color(7, 43, 89), i/400)); strokeWeight(2);//color(106, 194, 245) line(0, i, 600, i); } return get(0,0,600,400); }, fishy: function(){ fishyfishyfeesh(-310,-220); return get(0,0,100,100); }, wave: function() { noStroke(); fill(38, 117, 235); beginShape(); vertex(0, 600); for (var i = 0; i < 600; i++) { vertex(i, 200 + sin(i)3); } vertex(600, 600); endShape(); fill(230, 242, 121); beginShape(); vertex(0, 600); for (var i = 0; i < 600; i++) { vertex(i, 530 + sin(i)3); } vertex(600, 600); endShape(); return get(0, 0, 600, 600); }, start: function() { coral(-100, 300, 0.6, 0.6); dolphin(400, 200, 0.2, 0.2, 8); shark(200, 270, -0.3, 0.3); fishyfishyfeesh(50, 150); pushMatrix(); translate(250, 50); scale(-0.5, 0.5); mantaRay(-200, 270); popMatrix(); Sun(90, 50, 0.5, 0); return get(0, 0, 600, 600); }, }; /Bubble object/ function Bubbles(x,y,s,xv,yv){ this.x = x; this.y = y; this.s = s; this.xv = xv; this.yv = yv; this.fade = 255; } Bubbles.prototype.draw = function(){ //Colors fill(74, 178, 230,this.fade); strokeWeight(2); stroke(20, 181, 255,this.fade); //Bubble Graphic with cos as ellipse(this.x+sin(frameCountthis.xv)2,this.y,this.s,this.s); noStroke(); fill(255,255,255,this.fade-200); arc(this.x+sin(frameCountthis.xv)2,this.y,this.s,this.s,-100,-50); if(this.y<400){ this.fade-=15; } this.y -= this.yv; }; var bb = []; /Sea Creature object/ function SeaCreature(x,y,direct,spd,float,size,types){ this.x = x; this.y = y; this.y1 = y; this.r = 0; this.scale = 1; this.size = size; this.direct = direct; this.spd = spd; this.float = float; this.types = types; } SeaCreature.prototype.display = function(){ pushMatrix(); translate(this.x,this.y); rotate(this.r); scale(this.scale, 1); scale(this.size); if(this.types === "Dolphin"){ image(img.dolphin,-165,-57); } if(this.types === "Shark"){ shark(0,0,1,1,0); } popMatrix(); }; SeaCreature.prototype.update = function(){ if(this.direct === "left"){ this.scale = -1; this.x+=this.spd; if(this.types==="Dolphin"){ this.r = sin(frameCountthis.spd/2)this.float; this.y = this.y1+ cos(frameCountthis.spd/2)-this.float; } } if(this.direct === "right"){ this.scale = 1; this.x-=this.spd; if(this.types==="Dolphin"){ this.r = sin(frameCountthis.spd/2)this.float; this.y = this.y1+ cos(frameCountthis.spd/2)this.float; } } }; var df = []; /Fish object/ var Fish = function(x, y, s, c) { this.x = x; this.y = y; this.s = s; this.c = c; this.r = random(4,20); this.die = false; }; Fish.prototype.draw = function() { pushMatrix(); translate(this.x, this.y-10); scale(this.s); rotate(sin(frameCountthis.r)3); image(img.fishy,-50,-50); popMatrix(); }; Fish.prototype.update = function() { this.x += 3/this.s; if (this.x > 670) { this.die = true; } }; var fish = []; /Manta rays/ var MantaRay = function(x, y, s) { this.x = x; this.y = y; this.s = s; this.die = false; this.r = 0; }; MantaRay.prototype.draw = function() { pushMatrix(); rotate(this.r/3); translate(this.x+600-sin(frameCount)45, this.y); scale(-this.s, this.s); rotate(this.r/2); mantaRay(0, -580); popMatrix(); }; MantaRay.prototype.update = function() { this.x -= this.s2; this.r = sin(frameCount3)3; if (this.x <= -350) { this.die = true; } }; var rays = []; /Interactive Facts/ function ShowFacts(){ this.fade = 255; this.txt = ""; this.x = width-130; this.y = 100; this.s = 30; this.active = false; } ShowFacts.prototype.draw = function(){ if(mouseX>this.x&&mouseY>this.y&&mouseX<this.x+this.s&&mouseY<this.y+this.s&&this.fade<40){ cursor(HAND); if(clicked){ this.active = false; } } rectMode(CORNER); noStroke(); fill(0,0,0,155-this.fade); rect(100,100,400,400); noFill(); stroke(240,240,240,100-this.fade); rect(this.x,this.y,this.s,this.s); line(this.x,this.y,this.x+this.s,this.y+this.s); line(this.x+this.s,this.y,this.x,this.y+this.s); textFont(createFont("Calibri"),25); textAlign(CENTER); fill(25, 25, 25,150-this.fade); text(this.txt,width/2+2,height/3+2); fill(255, 255, 255,255-this.fade); text(this.txt,width/2,height/3); if(this.active){ this.fade=0.6; } else if(this.fade<255){ this.fade+=20; } }; var fact = new ShowFacts(); function facts(txt,x,y){ this.txt = txt; this.x = x; this.y = y; this.s = 25; this.offSet = 0; this.lookedAt = false; } facts.prototype.draw = function(){ noFill(); strokeWeight(4); stroke(255,255,255); ellipse(this.x,this.y,this.s,this.s); stroke(255,255,255,255-this.offSet6); ellipse(this.x,this.y,this.s+this.offSet,this.s+this.offSet); if(!this.lookedAt){ this.offSet+=2; } else{ this.offSet = 0; } if(this.offSet>100){ this.offSet = 0; } if(dist(mouseX,mouseY,this.x,this.y+camera_Y)<this.s/2){ cursor(HAND); if(mouseIsPressed){ fact.txt = this.txt; this.lookedAt = true; fact.active = true; } } noStroke(); }; var fcts = [ "The Pacific Ocean is\n the world’s largest ocean \nand contains around\n 25,000 islands.\nI'm sure one is free enough to \nbe vacationed on.", "Around 50 percent of the US\nlies beneath the ocean. Not only does\n a large part of the planet exist\n beneath the ocean, so does the\n United States – \naround 50 percent, in fact.", "Dolphins can be found all over\nthe planet, and in different\nenvironments as well! \nThere are are 36 species of marine\ndolphins living in all aquatic\nenvironments.\nThat is a lot!", "Something that may suprise you is\nthe fact that Sharks dont\nhave bones! They also have \nreally good eyesight.\nYou can tell how old\n a shark is, by the number\n of rings it has on its\nvertebrae.", "Manta rays are the\n only vertebrate animals\n with three paired appendages:\n two wing-like pectoral fins;\n two sets of gills; and two \nlobes that extend from \nthe mouth and funnel in water.", "According to the World Register \n of Marine Species there are now \n240,470 accepted species, but this is\n believed to be just a small proportion\n of the species that exist, with\n new marine life\n being discovered everyday.", "Known as “rainforests of the sea,”\ncoral reefs cover less than 1%\n of the ocean but are home to almost\n 25% of all known marine species!", "Though the ocean is vast,\nmany species that we know today\nare becoming endangered because of\nunethical ways of fishing,\nthe ruining of habitats\nby the construction of dams\nand other buildings.", ]; var factNums = [ [100, 100], [500, 340], [150, 600], [350, 1300], [300, 950], [100, 1900], [300, 2100], [550, 2120], ]; var factArray = []; for (var i = 0; i < fcts.length; i++) { factArray.push(new facts(fcts[i], factNums[i][0], factNums[i][1])); } /Loading/ function load(){ this.loaded = false; this.curLoad = 0; this.endTimer = 0; } load.prototype.load = function(){ var obj = Object.keys(img); background(0, 0); if(!this.loaded){ img[obj[this.curLoad]] = img[obj[this.curLoad]](); this.curLoad++; } if (this.curLoad < obj.length) { this.loaded = false; } else { this.loaded = true; this.endTimer+=0.03; } if(this.endTimer>0 && frameCount > 50){ scene = "Start"; } background(0, 145, 255); fill(255); textFont(createFont("Calibri"),75); textAlign(CENTER, CENTER); text("L O A D I N G", 300, 300); }; var Load = new load(); /Background/ function IslandWaves(){ image(img.Islands,0,0); //Drawing the waves{ SeaWaves(0,312,50,color(53, 181, 250),color(255, 255, 255),sin(frameCount3)30,sin(frameCount5)10,-sin(frameCount5)15,-sin(frameCount4)20,sin(frameCount2)20); SeaWaves(0,336,100,color(51, 136, 255),color(0, 0, 0),sin(frameCount8)20,sin(frameCount3)15,-sin(frameCount2)10,-sin(frameCount2)30,sin(frameCount3)30); SeaWaves(0,380,411,color(32, 144, 230),color(125, 194, 255),sin(frameCount5)20,-21+sin(frameCount2)10,-sin(frameCount2)10,34+sin(frameCount3)20,sin(frameCount2)40); //} //Spawning the bubbles every 10 frames{ if(frameCount%10===0){ bb.push(new Bubbles(random(0,600),1900,random(2,15),random(4,15),random(1,4) ) ); } //} //Another Wave{ SeaWaves(0,380,15,color(28, 142, 230),color(199, 237, 255),sin(frameCount5)20,-21+sin(frameCount2)10,-sin(frameCount2)10,34+sin(frameCount3)20,sin(frameCount2)40); //} } function InnerSea(){ image(img.innerSea,0,700); image(img.depth,0,1300); image(img.bottom, 0, 1900); pushMatrix(); translate(0,1603); //Making the SeaWeed for(var i = 106;i<width+100;i+=68){ SeaWeed(-96+i,573,0.3,0.4,sin(frameCounti/200)20,color(59, 129, 204),color(43, 148, 240),0); } SeaWeed(367-sin(frameCount2)5,541,0.2+sin(frameCount0.5)0.05,0.4,20-sin(frameCount-1)15,color(180, 53, 222),color(156, 57, 176),6); //Part of the ocean Floor fill(194, 170, 142); bezier(-249,605,300,542,354,510,890,609); //More SeaWeed SeaWeed(200+sin(frameCount2)5,573,0.4+sin(frameCount0.5)0.05,0.7,-10-sin(frameCount-1)15,color(50, 184, 77),color(61, 176, 55),6); SeaWeed(500+sin(frameCount-2)5,573,0.2,0.4,6+sin(frameCount-2)15,color(50, 184, 77),color(61, 176, 55),6); SeaWeed(0+sin(frameCount2)5,573,0.1,0.6,0,color(50, 184, 77),color(61, 176, 55),6); coral(-140, 270, 0.8, 0.8); //Part of the ocean floor noStroke(); fill(209, 187, 159); bezier(-96,605,300,573,400,548,758,609); //last bits of seaWeed SeaWeed(345+sin(frameCount2)5,607,0.1,0.2,0,color(50, 184, 77),color(61, 176, 55),6); popMatrix(); } /Scene management/ function Scenes(){ this.fadeIn = 0; } Scenes.prototype.change = function(){ switch(scene){ case "Load": Load.load(); break; case "Start": background(0, 149, 255); image(img.wave, 0, 0); image(img.start, 0, 0); noFill(); stroke(255); strokeWeight(5); ellipse(300, 400, 100, 100); noStroke(); fill(255); textSize(25); text("START", 300, 400); textSize(50); text("THE BIG BLUE SEA", 303, 53); fill(0); text("THE BIG BLUE SEA", 300, 50); fill(0); textSize(20); text("A collaboration between Corin Fist, Magma, and BirdySparrowCatcher", 100, 0, 400, 400); if (dist(mouseX, mouseY, 300, 400) <= 50) { cursor("pointer"); if (clicked) { scene = "Main"; } } break; case "Main": background(127, 214, 255); pushMatrix(); translate(0,camera_Y); InnerSea(); IslandWaves(); for(var i = bb.length-1;i>=0;i--){ bb[i].draw(); if(bb[i].fade<=20){ bb.splice(i,1); continue; } } for(var i = df.length-1;i>=0;i--){ df[i].display(); df[i].update(); if(df[i].die){ df.splice(i,1); continue; } } for(var i = fish.length-1;i>=0;i--){ fish[i].draw(); fish[i].update(); if (fish[i].die) { fish.splice(i, 1); continue; } } for(var i = rays.length-1;i>=0;i--){ rays[i].draw(); rays[i].update(); if (rays[i].die) { rays.splice(i, 1); continue; } } for (var i = 0; i < factArray.length; i++) { factArray[i].draw(); } if(frameCount%60===0){ df.push( new SeaCreature(random(-500,-200),random(400,800),"left",random(10,20),random(42),random(0.5,1), "Dolphin")); } if(frameCount%80===0){ df.push( new SeaCreature(random(-600,-350),random(1000, 1200),"left",random(1,4),random(42),random(0.4,0.6),"Shark")); } if (frameCount % 50 === 0 && fish.length < 20) { fish.push(new Fish(random(-600, -50), random(1800, 2000), random(0.5, 0.7), color(random(255), random(255), random(255)))); } if (frameCount % 150 === 0 && rays.length < 8) { rays.push(new MantaRay(random(600, 800), random(1300, 1500), random(0.9, 1.1))); } popMatrix(); fact.draw(); break; } }; var Scenes = new Scenes(); var velocity = 0; /Special PJS functions/ draw = function() { camera_Y = constrain(camera_Y,-1600,0); camera_Y += velocity; cursor(ARROW); Scenes.change(); clicked = false; }; keyPressed = function() { if (keyCode === UP) { velocity = spd; } else if (keyCode === DOWN) { velocity = -spd; }else { velocity = 0; } }; keyReleased = function(){ velocity = 0; }; mouseClicked = function(){ clicked = true; }; mouseScrolled = function() { camera_Y += mouseScroll40; camera_Y = constrain(camera_Y,-1600,0); };
Folds	44,51,56,74,75,104,105,143,144,169,170,328,329,344,345,472,473,692,693,802,803,886,889,954,957,1050,1053,1060,1061,1076,1080,1093,1094,1107,1108,1125,1129,1138,1139,1146,1147,1152,1156,1162,1163,1171,1172,1178,1182,1191,1192,1226,1229,1237,1238,1270,1271,1287,1288,1297,1299,1301,1304,1308,1309,1337,1341,1359,1360,1397,1400,1402,1403,1498,1503,1509,1510,1518,1519,1521,1522,1524,1525,1528
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2Rg6WYCQw
Votes	170
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Magma
Author Name	MagmaProgramming
Author ID	kaid_51339589643237903664373
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739376227330
Updated	10 months ago, 1739376235104
Source Deleted	unknown