Viewing Program

Program Data

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

Title	The Pelagic Zone
ID	5628545198931968
Created	3 years ago, 1618970334923
Updated	3 years ago, 1619238889041
Code	/** * I have been programming for 3 months. * I have completed approximately 80% of the Intro to JS course. * I would prefer to be placed in the Beginner bracket. **///For judges { var y = 395; var f1 = createFont("Arial Black", 40); var f2 = createFont("Arial Black", 15); draw = function() { textAlign(CENTER); noStroke(); background(0, 225, 255); //Title { textFont(f1); fill(0, 0, 0); text("The Pelagic Zone", 202, -302 + y); fill(237, 237, 237); text("The Pelagic Zone", 200, -300 + y); textFont(f2); text("The pelagic zone is made up of five vertical \nregions.", 200, -240 + y); text("Use the up and down keys to navigate.", 200, -170 + y); textFont(f1); text("↓", 200, -100 + y); strokeWeight(1); stroke(240, 240, 240); fill(255, 255, 255); quad(35, -20 + y, 140, -20 + y, 150, -40 + y, 20, -45 + y); fill(255, 255, 255); quad(115, -55 + y, 125, -40 + y, 65, -43 + y, 70, -55 + y); fill(59, 59, 59, 100); ellipse(77, -47 + y, 8, 8); ellipse(92, -47 + y, 8, 8); ellipse(107, -47 + y, 8, 8); noStroke(); fill(255, 54, 54); quad(26, -31 + y, 143, -28 + y, 144, -29 + y, 27, -32 + y); } //First Zone { textFont(f2); fill(0, 76, 168, 120); rect(0, -20 + y, 400, 425); fill(237, 237, 237); text("1. The Epipelagic zone.", 200, 160 + y); text("200m", 25, 400 + y); //Basking shark { text("Basking shark", 220, 250 + y); fill(138, 138, 138); ellipse(165, 297 + y, 50, 15); bezier(150, 300 + y, 165, 324 + y, 240, 315 + y, 350, 300 + y ); bezier(150, 300 + y, 165, 270 + y, 240, 290 + y, 350, 300 + y ); quad(330, 300 + y, 350, 319 + y, 350, 295 + y, 366, 270 + y); triangle(190, 300 + y, 220, 335 + y, 230, 312 + y); triangle(250, 300 + y, 220, 285 + y, 236, 265 + y); triangle(270, 310 + y, 290, 306 + y, 289, 324 + y); triangle(315, 300 + y, 297, 294 + y, 308, 284 + y); triangle(315, 304 + y, 301, 306 + y, 312, 312 + y); fill(0, 0, 0); ellipse(177, 295 +y, 3, 3); fill(97, 97, 97); rect(153, 303 + y, 12, 1); } //Anchovy { fill(255, 255, 255); text("Anchovy", 60, 210 + y); fill(209, 209, 209); bezier(30, 230 + y, 30, 230 + y, 44, 222 + y, 100, 230 + y); bezier(30, 230 + y, 30, 230 + y, 44, 244 + y, 100, 230 + y); quad(105, 225 + y, 90, 230 + y, 105, 235 + y, 100, 230 + y); fill(0, 0, 0); ellipse(40, 230 + y, 2, 2); } //Atlantic Herring { fill(255, 255, 255); text("Atlantic Herring", 75, 315 + y); fill(173, 173, 173); bezier(30, 330 + y, 30, 330 + y, 44, 344 + y, 100, 330 + y); fill(133, 133, 133); bezier(30, 330 + y, 30, 330 + y, 44, 317 + y, 100, 330 + y); quad(105, 325 + y, 90, 330 + y, 105, 335 + y, 100, 330 + y); stroke(184, 194, 119); line(31, 330 + y, 91, 330 + y); noStroke(); fill(0, 0, 0); ellipse(38, 329 + y, 2, 2); } } //Second Zone { fill(0, 61, 130, 120); rect(0, 405 + y, 400, 400); fill(237, 237, 237); text("2. The Mesopelagic zone.", 200, 555 + y); text("1,000m", 33, 800 + y); //Bristlemouth { fill(255, 255, 255); text("Bristlemouth", 70, 620 + y); fill(158, 63, 0); bezier(25, 650 + y, 25, 650 + y, 25, 630 + y, 100, 650 + y); bezier(25, 650 + y, 25, 650 + y, 25, 660 + y, 100, 650 + y); triangle(100, 645 + y, 100, 655 + y, 85, 650 + y); fill(158, 63, 0); quad(79, 643 + y, 71, 635 + y, 65, 644 + y, 74, 651 + y); beginShape(); vertex(64, 653 + y); vertex(78, 670 + y); bezierVertex(78, 670 + y, 67, 656 + y, 80, 651 + y); endShape(); fill(0, 0, 0); ellipse(30, 647 + y, 3, 3); } //Dealfish { fill(255, 255, 255); text("Bristlemouth", 245, 670 + y); fill(173, 163, 163); bezier(200, 700 + y, 200, 700 + y, 300, 710 + y, 300, 700 + y); bezier(200, 700 + y, 200, 700 + y, 300, 680 + y, 300, 700 + y); fill(255, 102, 0); quad(207, 700 + y, 207, 700 + y, 191, 695 + y, 190, 706 + y); beginShape(); vertex(212, 695 + y); vertex(214, 697 + y); bezierVertex(210, 697 + y, 300, 689 + y, 290, 692 + y); vertex(290, 691 + y); bezierVertex(291, 696 + y, 276, 671 + y, 212, 695 + y); endShape(); triangle(290, 690 + y, 294, 691 + y, 289, 693 + y); fill(193, 219, 0); ellipse(293, 697 + y, 5, 5); fill(0, 0, 0); ellipse(293, 697 + y, 2, 2); ellipse(281, 695 + y, 3, 2); ellipse(263, 696 + y, 3, 2); ellipse(245, 697 + y, 3, 2); ellipse(227, 698 + y, 3, 2); } //Daggertooth { fill(255, 255, 255); text("Daggertooth", 100, 700 + y); fill(168, 168, 168); bezier(50, 730 + y, 50, 730 + y, 70, 725 + y, 150, 730 + y); bezier(50, 730 + y, 50, 730 + y, 70, 735 + y, 150, 730 + y); quad(135, 730 + y, 150, 727+ y, 145, 730 + y, 150, 733 + y); fill(255, 255, 255); ellipse(70, 730 + y, 3, 2.5); fill(0, 0, 0); ellipse(70, 730 + y, 1.5, 1.5); } } //Third Zone { fill(14, 0, 122, 120); rect(0, 805 + y, 400, 410); fill(237, 237, 237); text("3. The Bathypelagic zone.", 200, 950 + y); text("4,000m", 33, 1200 + y); //Squid { text("Squid", 100, 1045 + y); fill(255, 165, 69); ellipse(100, 1065 + y, 40, 8); fill(255, 165, 69, 200); triangle(118, 1063 + y, 106, 1069 + y, 137, 1073 + y); fill(0, 0, 0); ellipse(120, 1067 + y, 2, 2); } //Sperm whale { fill(237, 237, 237); text("Sperm whale", 250, 1100 + y); fill(112, 112, 112); rect(150, 1125 + y, 100, 40, 10); quad(243, 1125 + y, 243, 1165 + y, 350, 1140 + y, 350, 1125 + y); bezier(243, 1165 + y, 280, 1167 + y, 323, 1148 + y, 350, 1135 + y); bezier(350, 1125 + y, 350, 1127 + y, 376, 1136 + y, 372, 1160 + y); quad(361, 1140 + y, 350, 1125 + y, 350, 1140 + y, 372, 1160 + y); triangle(240, 1130 + y, 275, 1120 + y, 300, 1130 + y); fill(0, 0, 0); ellipse(188, 1147 + y, 3, 3); fill(87, 87, 87); rect(153, 1162 + y, 20, 0.5); } //Viperfish { fill(255, 255, 255); text("Viperfish", 300, 990 + y); fill(212, 212, 212); bezier(320, 1000 + y, 320, 1000 + y, 335, 1005 + y, 320, 1010 + y); bezier(320, 1000 + y, 320, 1000 + y, 200, 1005 + y, 320, 1010 + y); quad(255, 1010 + y, 270, 1005 + y, 255, 1000 + y, 257, 1005 + y); quad(306, 1000 + y, 305, 1000 + y, 310, 995 + y, 318, 1005 + y); quad(295, 1018 + y, 300, 1019 + y, 305, 1005 + y, 303, 1005 + y); fill(255, 255, 255); ellipse(320, 1005 + y, 4, 3); fill(0, 0, 0); ellipse(320, 1005 + y, 2, 2); } } //Fourth Zone { fill(4, 0, 33, 120); rect(0, 1215 + y, 400, 405); fill(237, 237, 237); text("4. The Abyssopelagic zone.", 200, 1365 + y); text("To above the ocean floor", 105, 1610 + y); //Scotoplane { fill(255); text("Scotoplane", 290, 1400 + y); fill(255, 181, 255, 200); ellipse(285, 1435 + y, 50, 27); noFill(); strokeWeight(2); stroke(255, 181, 255, 200); bezier(270, 1427 + y, 257, 1427 + y, 275, 1420 + y, 243, 1420 + y); bezier(270, 1425 + y, 257, 1425 + y, 275, 1416 + y, 243, 1416 + y); bezier(300, 1427 + y, 313, 1427 + y, 305, 1420 + y, 327, 1420 + y); bezier(300, 1425 + y, 313, 1425 + y, 305, 1416 + y, 327, 1416 + y); fill(255, 181, 255, 200); bezier(300, 1445 + y, 300, 1445 + y, 300, 1450 + y, 305, 1443 + y); bezier(285, 1448 + y, 285, 1449 + y, 285, 1452 + y, 290, 1448 + y); bezier(270, 1445 + y, 270, 1445 + y, 270, 1450 + y, 275, 1447 + y); noStroke(); } //Cusk-eel { fill(255, 255, 255); text("Cusk-eel", 100, 1480 + y); fill(212, 212, 212); bezier(75, 1500 + y, 75, 1500 + y, 225, 1505 + y, 75, 1510 + y); bezier(75, 1500 + y, 75, 1500 + y, 55, 1505 + y, 75, 1510 + y); fill(161, 161, 161); bezier(85, 1504 + y, 85, 1503 + y, 97, 1505 + y, 84, 1507 + y); fill(255, 255, 255); ellipse(75, 1505 + y, 4, 3); fill(0, 0, 0); ellipse(75, 1505 + y, 2, 2); } } //Fifth Zone { fill(0, 0, 0, 120); rect(0, 1620 + y, 400, 415); fill(237, 237, 237); text("5. The Hadopelagic zone.", 200, 1765 + y); text("Generally located in trenches.", 200, 1810 + y); text("> 6,000m", 40, 2015 + y); //Copepod { fill(255, 255, 255); text("Copepod", 150, 1885 + y); fill(230, 242, 142, 200); ellipse(150, 1920 + y, 20, 35); ellipse(144, 1937 + y, 5, 10); ellipse(157, 1937 + y, 5, 10); noFill(); strokeWeight(2); stroke(107, 126, 219, 150); line(150, 1939 + y, 145, 1957 + y); line(150, 1939 + y, 156, 1957 + y); bezier(130, 1906 + y, 145, 1893 + y, 150, 1902 + y, 150, 1902 + y); bezier(170, 1906 + y, 155, 1893 + y, 150, 1902 + y, 150, 1902 + y); } noStroke(); } //Key movement { if (y <= 400 && y >= -1625) { if (y === 400) { y = 395; } if (y === -1625) { y = -1620; } if (keyIsPressed && keyCode === UP) { y += 5; } if (keyIsPressed && keyCode === DOWN) { y -= 5; } } } }; }//Code
Folds	0,4,6,341
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL3pnOT_CQw
Votes	12
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6161105327439872","title":"Contest: Oceans","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	true
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1722841877320
Updated	5 months ago, 1722841877320
Source Deleted	unknown