Viewing Program

Program Data

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

Title	OXYGEN
ID	6119838880579584
Created	4 years ago, 1616431709837
Updated	4 years ago, 1627596016722
Code	/* ---------------------------------------------------------- MARCH-APRIL 2021 CONTEST: Oceans I have been programming for 36 months I have completed 100% of the Intro to JS course I would prefer to be placed in the [Intermediate] bracket. ---------------------------------------------------------- - O X Y G E N - -- Started: 03/17/21 -- Finished: 03/20/21 + This is an "all original" graphic, meaning, I didn't use any reference image. + Subscribe: https://www.khanacademy.org/computer-programming/i/5957400542511104 @FAQ: Q: What is he wearing? A: A wet suit. Q: Why is he wearing shoes? A: Those are surf shoes. (aka, I didn't feel like making feet) ---------------------------------------------------------- / / setup / textAlign(CENTER,CENTER); rectMode(CENTER); enableContextMenu(); randomSeed(8); / images / var Water = (function() { background(0,0); var c1 = color(86, 165, 204); var c2 = color(0, 44, 64); for (var i = 0; i < 500; i += 1) { strokeWeight(1); stroke(lerpColor(c1,c2, i / 500)); line(0,i,width,i); } for(var i = 255; i > 0 ; i -= 6) { var c = color(85, 164, 196); noStroke(); fill(c,i); ellipse(10,-40,900-i,450-i); } for(var i = 255; i > 0 ; i -= 10) { var c = color(140, 219, 250); noStroke(); fill(c,i2); ellipse(10,-40,700-i,300-i); } var xoff = 0.0; var yoff = 0.0; var rc01 = color(0, 238, 255); var rc02 = color(38, 126, 148); scale(3); translate(160,-30); rotate(80); for (var x = 0; x < 80; x++) { var yoff = 0.0; for (var y = 0; y < 200; y++) { var bright = map(noise(xoff, yoff), 0, 1, 0, 250); stroke(lerpColor(rc01,rc02, x / 80), bright-10); point(x, y); yoff += 0.02; } xoff += -0.4; } resetMatrix(); var xoff = 0.0; var yoff = 0.0; var rc1 = color(0, 29, 41); var rc2 = color(30); scale(3); translate(170,0); rotate(90); for (var x = 0; x < 170; x++) { var yoff = 0.0; for (var y = 0; y < 170; y++) { var bright = map(noise(xoff, yoff), 0, 1, 0, 220); stroke(lerpColor(rc1,rc2, x / 170), bright-50); point(x, y); yoff += 0.03; } xoff += -0.17; } resetMatrix(); filter(BLUR,1); // sunlight quads behind guy noStroke(); fill(189, 233, 255,random(10,30)); quad(40,0,160,0,600,500,160,500); fill(189, 233, 255,random(10,30)); quad(-20,0,80,0,500,500,280,500); fill(189, 233, 255,random(10,30)); quad(70,0,200,0,670,500,200,500); return get(); })(); var TheGuy = (function() { background(0,0); var skinColor = color(222, 134, 76); // body fill(46, 46, 51); noStroke(); beginShape(); vertex(320, 253); bezierVertex(320, 253, 309, 268, 295, 281); bezierVertex(295, 281, 283, 282, 277, 284); bezierVertex(277, 284, 248, 291, 235, 302); bezierVertex(235, 302, 218, 316, 213, 319); bezierVertex(213, 319, 199, 365, 187, 384); bezierVertex(187, 384, 195, 391, 205, 393); bezierVertex(205, 393, 218, 372, 229, 360); bezierVertex(229, 360, 237, 352, 235, 338); bezierVertex(235, 338, 278, 335, 295, 322); vertex(294, 340); vertex(296, 340); bezierVertex(296, 340, 291, 356, 290, 366); bezierVertex(290, 366, 285, 373, 285, 380); bezierVertex(285, 380, 272, 414, 263, 430); bezierVertex(265, 431, 285, 438, 285, 438); bezierVertex(285, 438, 302, 404, 309, 393); bezierVertex(309, 393, 313, 385, 313, 375); bezierVertex(313, 375, 333, 354, 342, 328); bezierVertex(342, 328, 365, 314, 364, 294); bezierVertex(364, 294, 365, 288, 389, 265); bezierVertex(389, 265, 386, 284, 392, 297); bezierVertex(392, 297, 385, 314, 380, 350); bezierVertex(380, 350, 384, 359, 396, 355); bezierVertex(396, 355, 417, 317, 411, 306); bezierVertex(411, 306, 417, 285, 416, 271); bezierVertex(416, 271, 416, 258, 419, 249); bezierVertex(419, 249, 427, 230, 412, 222); bezierVertex(412, 222, 410, 222, 407, 220); bezierVertex(407, 220, 398, 219, 397, 214); bezierVertex(397, 214, 395, 212, 405, 199); vertex(380, 201); vertex(374, 209); bezierVertex(374, 209, 361, 213, 354, 212); bezierVertex(354, 212, 331, 200, 310, 204); bezierVertex(310, 204, 305, 198, 277, 175); bezierVertex(277, 175, 267, 174, 265, 186); bezierVertex(265, 186, 291, 216, 305, 225); bezierVertex(310, 226, 304, 228, 332, 229); bezierVertex(332, 229, 320, 240, 321, 249); bezierVertex(321, 249, 322, 251, 320, 253); endShape(); // body shading: fill(0, 0, 0, 100); beginShape(); vertex(380, 252); bezierVertex(380, 252, 390, 250, 393, 244); bezierVertex(393, 244, 394, 243, 391, 239); bezierVertex(391, 239, 392, 240, 393, 239); bezierVertex(393, 239, 396, 240, 396, 237); bezierVertex(396, 237, 398, 243, 395, 251); bezierVertex(395, 251, 390, 259, 389, 265); vertex(387, 267); bezierVertex(387, 267, 389, 257, 391, 252); bezierVertex(391, 252, 375, 268, 352, 278); bezierVertex(352, 278, 377, 263, 378, 255); bezierVertex(378, 255, 370, 254, 380, 252); endShape(); // shoulder fill(0, 0, 0, 40); beginShape(); vertex(398, 223); bezierVertex(398, 223, 408, 219, 414, 223); bezierVertex(414, 223, 420, 227, 421, 234); bezierVertex(421, 234, 414, 223, 404, 225); bezierVertex(404, 225, 401, 225, 399, 226); bezierVertex(399, 226, 401, 224, 398, 223); endShape(); // neck fill(0, 0, 0, 60); beginShape(); vertex(401, 204); vertex(393, 207); vertex(385, 218); bezierVertex(385, 218, 394, 208, 395, 221); vertex(397, 220); bezierVertex(397, 220, 394, 216, 406, 220); bezierVertex(406, 220, 397, 219, 397, 213); bezierVertex(397, 213, 399, 207, 401, 204); endShape(); fill(0, 0, 0, 70); // arm beginShape(); vertex(419, 240); bezierVertex(419, 240, 417, 248, 415, 250); bezierVertex(415, 250, 407, 256, 406, 263); bezierVertex(406, 263, 404, 269, 400, 273); vertex(403, 274); vertex(403, 276); bezierVertex(403, 276, 409, 275, 411, 269); bezierVertex(411, 269, 410, 281, 407, 288); bezierVertex(407, 288, 402, 301, 411, 310); bezierVertex(411, 310, 412, 310, 411, 306); bezierVertex(411, 306, 417, 283, 416, 273); bezierVertex(416, 273, 416, 256, 419, 248); bezierVertex(419, 248, 422, 236, 419, 240); endShape(); // arm beginShape(); vertex(408, 315); vertex(398, 334); vertex(394, 347); vertex(398, 344); vertex(397, 351); bezierVertex(397, 351, 409, 331, 411, 319); bezierVertex(411, 319, 413, 313, 408, 315); endShape(); // side beginShape(); vertex(391, 252); bezierVertex(391, 252, 351, 286, 344, 299); bezierVertex(344, 299, 353, 288, 361, 288); bezierVertex(361, 288, 364, 288, 363, 293); bezierVertex(363, 293, 382, 271, 387, 267); bezierVertex(387, 267, 389, 254, 391, 252); endShape(); // left leg fill(0, 0, 0, 110); beginShape(); vertex(361, 288); bezierVertex(361, 288, 366, 307, 343, 323); bezierVertex(343, 323, 346, 312, 343, 306); bezierVertex(343, 306, 334, 330, 321, 337); bezierVertex(321, 337, 338, 331, 341, 316); bezierVertex(341, 316, 335, 339, 313, 351); bezierVertex(313, 351, 328, 347, 336, 335); bezierVertex(336, 335, 330, 347, 315, 361); bezierVertex(315, 361, 306, 371, 307, 375); bezierVertex(307, 375, 310, 379, 300, 383); bezierVertex(300, 383, 304, 385, 307, 383); bezierVertex(307, 383, 298, 417, 279, 433); vertex(286, 436); bezierVertex(286, 436, 304, 400, 307, 396); bezierVertex(307, 396, 313, 387, 313, 375); bezierVertex(313, 375, 337, 348, 341, 328); bezierVertex(341, 328, 365, 314, 364, 294); vertex(367, 289); vertex(363, 293); bezierVertex(363, 293, 363, 287, 361, 288); endShape(); // ze abs fill(0, 0, 0, 35); beginShape(); vertex(348, 262); bezierVertex(348, 262, 358, 267, 362, 260); bezierVertex(362, 260, 362, 262, 364, 263); bezierVertex(364, 263, 356, 269, 348, 262); endShape(); beginShape(); vertex(339, 270); bezierVertex(339, 270, 349, 275, 353, 268); bezierVertex(353, 268, 353, 271, 355, 271); bezierVertex(355, 271, 347, 278, 339, 270); endShape(); beginShape(); vertex(330, 279); bezierVertex(330, 279, 340, 284, 344, 277); bezierVertex(344, 277, 344, 279, 346, 280); bezierVertex(346, 280, 338, 286, 330, 279); endShape(); beginShape(); vertex(330, 254); bezierVertex(330, 254, 340, 259, 344, 253); bezierVertex(344, 253, 344, 255, 346, 255); bezierVertex(346, 255, 338, 262, 330, 254); endShape(); beginShape(); vertex(321, 264); bezierVertex(321, 264, 331, 269, 335, 262); bezierVertex(335, 262, 336, 264, 338, 265); bezierVertex(338, 265, 330, 271, 321, 264); endShape(); beginShape(); vertex(313, 272); bezierVertex(313, 272, 323, 277, 327, 270); bezierVertex(327, 270, 327, 272, 329, 273); bezierVertex(329, 273, 321, 279, 313, 272); endShape(); // right chest fill(0, 0, 0, 28); beginShape(); vertex(368, 232); bezierVertex(368, 232, 357, 244, 344, 241); bezierVertex(344, 241, 350, 253, 370, 237); bezierVertex(370, 237, 373, 232, 368, 232); endShape(); // collar-bone noFill(); stroke(0, 0, 0, 50); strokeWeight(1); bezier(365, 218, 365, 218, 372, 220, 370, 225); bezier(377, 226, 377, 226, 379, 222, 389, 225); // right underarm fill(0, 0, 0, 110); noStroke(); beginShape(); vertex(321, 228); bezierVertex(327, 227, 338, 224, 342, 219); bezierVertex(342, 219, 347, 217, 344, 221); bezierVertex(344, 221, 334, 225, 332, 229); bezierVertex(332, 229, 325, 229, 321, 228); endShape(); // neck fill(0, 0, 0, 30); beginShape(); vertex(350, 210); bezierVertex(350, 210, 357, 215, 356, 218); bezierVertex(356, 218, 361, 211, 368, 214); bezierVertex(368, 214, 369, 214, 367, 216); bezierVertex(367, 216, 377, 213, 378, 205); vertex(374, 209); bezierVertex(374, 209, 356, 216, 350, 210); endShape(); // right bicep fill(0, 0, 0, 70); beginShape(); vertex(310, 204); bezierVertex(310, 204, 307, 205, 304, 207); bezierVertex(304, 207, 316, 204, 328, 204); bezierVertex(328, 204, 318, 202, 310, 204); endShape(); // knee beginShape(); vertex(293, 364); bezierVertex(293, 364, 289, 365, 286, 374); bezierVertex(286, 375, 284, 380, 286, 382); bezierVertex(286, 382, 285, 372, 293, 364); endShape(); // leg split shading fill(0, 0, 0, 90); beginShape(); vertex(295, 323); bezierVertex(295, 323, 298, 312, 308, 308); bezierVertex(308, 308, 302, 308, 297, 314); bezierVertex(297, 314, 294, 318, 295, 323); endShape(); // right leg fill(0, 0, 0, 100); beginShape(); vertex(295, 316); bezierVertex(295, 316, 290, 316, 290, 312); bezierVertex(290, 312, 287, 310, 280, 319); bezierVertex(280, 319, 274, 329, 252, 328); bezierVertex(252, 328, 261, 335, 283, 323); bezierVertex(283, 323, 270, 334, 235, 337); bezierVertex(235, 337, 276, 335, 295, 322); bezierVertex(295, 322, 294, 317, 295, 316); endShape(); beginShape(); vertex(242, 336); vertex(238, 335); vertex(236, 337); vertex(232, 336); bezierVertex(232, 336, 231, 350, 216, 363); bezierVertex(216, 363, 221, 365, 228, 357); bezierVertex(228, 357, 204, 382, 204, 390); vertex(206, 392); bezierVertex(206, 392, 221, 367, 228, 361); bezierVertex(228, 361, 237, 354, 235, 338); endShape(); // right shoe fill(198, 206, 222); beginShape(); vertex(188, 384); vertex(181, 386); bezierVertex(181, 386, 163, 386, 147, 378); bezierVertex(147, 378, 144, 379, 142, 383); bezierVertex(142, 383, 158, 403, 193, 411); vertex(195, 411); vertex(198, 406); bezierVertex(198, 406, 201, 397, 206, 394); vertex(206, 392); bezierVertex(206, 392, 197, 387, 188, 384); endShape(); fill(215, 225, 245); beginShape(); vertex(145, 379); bezierVertex(145, 379, 172, 405, 198, 406); vertex(195, 411); bezierVertex(195, 411, 161, 405, 142, 383); bezierVertex(142, 383, 144, 380, 145, 379); endShape(); // left shoe fill(215, 225, 245); beginShape(); vertex(258, 433); bezierVertex(258, 433, 270, 431, 287, 443); vertex(285, 449); bezierVertex(285, 449, 271, 440, 256, 441); bezierVertex(256, 441, 256, 436, 258, 433); endShape(); fill(192, 199, 214); beginShape(); vertex(258, 434); bezierVertex(258, 434, 260, 429, 266, 430); bezierVertex(266, 430, 275, 432, 284, 437); bezierVertex(284, 437, 285, 438, 287, 443); bezierVertex(287, 443, 271, 433, 258, 434); endShape(); fill(39, 40, 40); beginShape(); vertex(256, 441); bezierVertex(256, 441, 277, 447, 285, 449); bezierVertex(285, 449, 270, 440, 256, 441); endShape(); fill(skinColor); // left hand beginShape(); vertex(380, 350); bezierVertex(380, 350, 373, 363, 372, 367); bezierVertex(372, 367, 370, 374, 365, 376); bezierVertex(365, 376, 364, 378, 368, 378); bezierVertex(368, 378, 372, 381, 377, 371); bezierVertex(377, 371, 371, 380, 371, 385); bezierVertex(371, 385, 373, 391, 376, 386); bezierVertex(376, 386, 379, 379, 381, 376); bezierVertex(381, 376, 376, 387, 377, 390); bezierVertex(377, 390, 380, 394, 381, 387); bezierVertex(381, 387, 383, 377, 384, 375); bezierVertex(384, 375, 380, 388, 383, 389); bezierVertex(383, 389, 386, 389, 387, 385); bezierVertex(388, 384, 387, 380, 389, 375); bezierVertex(389, 375, 389, 382, 389, 385); bezierVertex(389, 385, 391, 388, 392, 382); bezierVertex(392, 382, 393, 377, 394, 375); bezierVertex(394, 375, 397, 371, 395, 366); bezierVertex(395, 366, 393, 358, 396, 355); bezierVertex(396, 355, 385, 356, 380, 350); endShape(); // hand shading fill(0, 0, 0, 50); beginShape(); vertex(393, 355); bezierVertex(393, 355, 389, 364, 392, 368); bezierVertex(391, 369, 394, 371, 391, 382); bezierVertex(391, 382, 397, 373, 395, 367); bezierVertex(395, 367, 393, 359, 396, 355); bezierVertex(396, 355, 394, 355, 393, 355); endShape(); // fingers noFill(); strokeWeight(1.4); stroke(0, 0, 0, 50); bezier(388, 375, 388, 375, 386, 381, 387, 384); bezier(384, 374, 384, 374, 382, 385, 380, 390); bezier(380, 375, 380, 375, 376, 383, 376, 386); bezier(377, 370, 377, 370, 376, 374, 370, 378); // right hand noStroke(); fill(skinColor); beginShape(); vertex(256, 143); bezierVertex(256, 143, 253, 141, 252, 144); vertex(259, 157); bezierVertex(259, 157, 251, 147, 250, 143); bezierVertex(250, 143, 246, 143, 246, 147); bezierVertex(246, 147, 252, 157, 256, 160); bezierVertex(256, 159, 247, 151, 246, 148); bezierVertex(246, 148, 246, 147, 244, 149); bezierVertex(244, 149, 242, 151, 243, 153); bezierVertex(243, 153, 250, 160, 251, 162); bezierVertex(251, 162, 245, 159, 244, 156); bezierVertex(244, 156, 243, 155, 242, 156); bezierVertex(242, 156, 240, 157, 241, 159); bezierVertex(241, 159, 246, 163, 248, 167); bezierVertex(248, 167, 250, 173, 261, 180); bezierVertex(261, 180, 263, 181, 265, 186); bezierVertex(265, 186, 267, 175, 277, 176); bezierVertex(277, 176, 271, 171, 271, 166); bezierVertex(271, 166, 272, 160, 270, 155); bezierVertex(270, 155, 267, 149, 268, 146); bezierVertex(268, 146, 268, 145, 267, 145); bezierVertex(267, 145, 266, 146, 265, 148); bezierVertex(265, 149, 263, 151, 266, 158); bezierVertex(266, 158, 258, 144, 256, 143); endShape(); // hand shading fill(0, 0, 0, 50); noStroke(); beginShape(); vertex(268, 148); bezierVertex(268, 148, 267, 159, 270, 166); bezierVertex(270, 168, 269, 173, 272, 177); vertex(277, 175); bezierVertex(277, 175, 272, 173, 271, 166); bezierVertex(272, 165, 271, 157, 269, 153); bezierVertex(269, 153, 267, 150, 268, 148); endShape(); beginShape(); vertex(266, 157); bezierVertex(266, 157, 263, 162, 266, 166); bezierVertex(266, 166, 263, 168, 263, 164); bezierVertex(263, 164, 262, 158, 266, 157); endShape(); // fingers noFill(); strokeWeight(1.5); stroke(0, 0, 0, 50); bezier(243, 156, 243, 156, 246, 161, 251, 162); bezier(246, 149, 246, 149, 249, 155, 254, 158); bezier(250, 144, 250, 144, 253, 152, 258, 157); line(256, 143, 265, 157); // head pushMatrix(); translate(0,27); fill(skinColor); noStroke(); beginShape(); vertex(398, 131); bezierVertex(398, 131, 390, 135, 387, 139); bezierVertex(387, 139, 386, 140, 383, 141); bezierVertex(383, 141, 382, 142, 382, 146); bezierVertex(382, 146, 381, 149, 379, 151); bezierVertex(379, 151, 376, 155, 375, 160); bezierVertex(375, 160, 375, 167, 373, 170); bezierVertex(373, 170, 371, 174, 373, 177); bezierVertex(373, 177, 385, 186, 402, 181); bezierVertex(402, 181, 406, 179, 410, 174); bezierVertex(410, 174, 409, 179, 412, 178); bezierVertex(412, 178, 420, 176, 423, 170); bezierVertex(423, 170, 424, 165, 418, 165); vertex(418, 138); endShape(); // hair fill(41, 29, 20); beginShape(); vertex(392, 128); bezierVertex(392, 128, 395, 126, 404, 127); vertex(402, 126); bezierVertex(402, 126, 407, 126, 411, 128); bezierVertex(411, 128, 418, 130, 422, 135); bezierVertex(422, 135, 421, 132, 418, 130); bezierVertex(418, 130, 422, 132, 426, 138); bezierVertex(426, 138, 429, 141, 431, 143); bezierVertex(431, 143, 430, 142, 428, 142); bezierVertex(428, 142, 434, 146, 432, 152); bezierVertex(432, 152, 433, 156, 431, 162); bezierVertex(431, 162, 425, 171, 418, 175); vertex(418, 175); bezierVertex(418, 175, 422, 171, 422, 170); bezierVertex(422, 170, 424, 165, 418, 165); vertex(413, 167); vertex(411, 164); vertex(415, 159); vertex(413, 151); vertex(413, 155); vertex(413, 148); vertex(416, 143); vertex(414, 145); vertex(415, 142); vertex(414, 143); vertex(415, 141); vertex(412, 138); bezierVertex(412, 138, 409, 136, 406, 138); bezierVertex(406, 138, 405, 137, 408, 136); bezierVertex(408, 136, 404, 133, 400, 134); bezierVertex(400, 134, 401, 133, 403, 133); bezierVertex(403, 133, 400, 133, 401, 132); bezierVertex(401, 132, 399, 134, 395, 134); bezierVertex(395, 134, 399, 133, 399, 132); bezierVertex(399, 132, 395, 133, 391, 135); bezierVertex(391, 135, 390, 131, 393, 130); vertex(391, 129); vertex(393, 129); endShape(); // eyebrows beginShape(); vertex(398, 147); bezierVertex(398, 147, 406, 150, 408, 155); bezierVertex(408, 155, 408, 156, 406, 154); bezierVertex(406, 154, 400, 149, 395, 148); bezierVertex(395, 148, 396, 146, 398, 147); endShape(); beginShape(); vertex(383, 141); bezierVertex(383, 141, 390, 141, 389, 146); bezierVertex(389, 146, 385, 143, 382, 143); bezierVertex(382, 143, 383, 141, 383, 141); endShape(); // eyes fill(255); stroke(0, 0, 0, 100); strokeWeight(1.5); beginShape(); vertex(382, 147); bezierVertex(382, 147, 386, 144, 388, 150); vertex(387, 151); bezierVertex(387, 151, 386, 150, 381, 149); bezierVertex(381, 149, 382, 147, 382, 147); endShape(); beginShape(); vertex(393, 153); bezierVertex(393, 153, 397, 150, 400, 154); bezierVertex(400, 154, 401, 156, 402, 158); bezierVertex(402, 158, 402, 158, 401, 157); bezierVertex(401, 157, 396, 156, 393, 153); endShape(); // eyeballs fill(0); stroke(0); strokeWeight(0); beginShape(); vertex(383, 146); bezierVertex(383, 146, 382, 148, 384, 149); bezierVertex(384, 149, 385, 150, 386, 147); bezierVertex(386, 147, 386, 146, 383, 146); endShape(); beginShape(); vertex(397, 152); bezierVertex(397, 152, 395, 154, 396, 155); bezierVertex(396, 155, 399, 156, 399, 153); bezierVertex(399, 153, 398, 152, 397, 152); endShape(); noStroke(); fill(255, 255, 255,150); ellipse(397, 154, 2, 2); ellipse(384, 148, 2, 2); // nose noFill(); stroke(0, 0, 0, 100); strokeWeight(1.5); beginShape(); vertex(389, 147); bezierVertex(389, 147, 389, 153, 382, 154); bezierVertex(382, 154, 381, 154, 380, 155); bezierVertex(380, 155, 380, 157, 381, 159); endShape(); fill(0, 0, 0, 150); noStroke(); beginShape(); vertex(384, 158); bezierVertex(384, 158, 387, 158, 388, 160); bezierVertex(388, 160, 387, 162, 386, 160); bezierVertex(386, 160, 385, 159, 384, 159); bezierVertex(384, 159, 384, 159, 384, 158); endShape(); beginShape(); vertex(389, 158); bezierVertex(389, 158, 390, 164, 387, 161); bezierVertex(387, 161, 385, 163, 388, 163); bezierVertex(388, 163, 390, 163, 390, 160); bezierVertex(390, 160, 390, 158, 389, 158); endShape(); // lips fill(148, 92, 62); beginShape(); vertex(376, 166); bezierVertex(376, 166, 378, 162, 380, 163); bezierVertex(380, 164, 381, 165, 383, 165); bezierVertex(383, 165, 385, 165, 385, 168); bezierVertex(385, 168, 386, 171, 387, 172); bezierVertex(387, 172, 388, 172, 386, 172); bezierVertex(386, 172, 384, 172, 383, 172); bezierVertex(383, 172, 376, 171, 376, 166); endShape(); // mouth fill(0); beginShape(); vertex(377, 166); bezierVertex(377, 166, 378, 165, 379, 165); bezierVertex(379, 165, 382, 167, 383, 167); bezierVertex(383, 167, 385, 168, 385, 171); bezierVertex(385, 171, 381, 169, 378, 167); bezierVertex(378, 167, 378, 166, 377, 166); endShape(); // ear fill(0,100); beginShape(); vertex(416, 173); bezierVertex(416, 173, 421, 172, 420, 169); bezierVertex(420, 169, 420, 170, 419, 170); bezierVertex(419, 170, 418, 170, 419, 169); bezierVertex(419, 169, 418, 168, 415, 171); bezierVertex(415, 171, 416, 166, 420, 167); bezierVertex(420, 167, 422, 168, 421, 171); bezierVertex(421, 171, 419, 173, 416, 173); endShape(); beginShape(); vertex(412, 173); bezierVertex(412, 173, 416, 173, 416, 170); vertex(417, 169); bezierVertex(417, 169, 418, 175, 412, 173); endShape(); // shading fill(0, 0, 0, 100); beginShape(); vertex(419, 165); bezierVertex(419, 165, 424, 168, 421, 172); bezierVertex(421, 172, 423, 171, 423, 167); bezierVertex(423, 167, 421, 165, 419, 165); endShape(); // face shading fill(0, 0, 0, 30); beginShape(); vertex(405, 134); bezierVertex(405, 134, 410, 141, 407, 153); vertex(408, 156); bezierVertex(408, 156, 398, 149, 395, 149); bezierVertex(395, 149, 387, 151, 394, 161); bezierVertex(394, 161, 396, 162, 394, 158); bezierVertex(394, 158, 392, 154, 394, 153); bezierVertex(394, 153, 399, 148, 402, 158); bezierVertex(402, 158, 404, 164, 406, 165); bezierVertex(406, 165, 394, 184, 377, 175); bezierVertex(377, 175, 373, 172, 372, 173); bezierVertex(372, 173, 372, 176, 373, 177); bezierVertex(373, 177, 385, 186, 402, 181); bezierVertex(402, 181, 407, 178, 410, 173); bezierVertex(410, 173, 410, 178, 412, 178); bezierVertex(412, 178, 420, 175, 422, 170); bezierVertex(422, 170, 425, 165, 418, 165); vertex(413, 167); vertex(411, 164); vertex(415, 159); vertex(417, 138); endShape(); beginShape(); vertex(383, 143); bezierVertex(383, 143, 384, 146, 386, 147); bezierVertex(386, 147, 388, 149, 388, 150); bezierVertex(388, 150, 389, 148, 389, 146); bezierVertex(389, 146, 385, 143, 383, 143); endShape(); popMatrix(); noStroke(); fill(0, 174, 255,35); rect(250,250,500,500); // air bubbles stroke(255,30); fill(255,10); strokeWeight(1); ellipse(366, 172, 12, 12); ellipse(358, 151, 9, 9); ellipse(368, 154, 6, 6); ellipse(369, 143, 9, 9); ellipse(364, 132, 4, 4); fill(255,30); noStroke(); ellipse(367, 171, 6, 6); ellipse(370, 142, 4, 4); ellipse(358, 150, 5, 5); return get(); })(); var Texture = (function() { background(0,0); var xoff = 0.0; var yoff = 0.0; var tc = color(171, 228, 255); scale(3); translate(170,0); rotate(90); for (var x = 0; x < 170; x++) { var yoff = 0.0; for (var y = 0; y < 170; y++) { var bright = map(noise(xoff, yoff), 0, 1, 0, 240); stroke(tc, bright-120); point(x, y); yoff += 0.02; } xoff += -0.07; } resetMatrix(); filter(BLUR,1); return get(); })(); /* drawing the graphic */ // drawing the ocean background & sunlight image(Water, 0, 0); // drawing the guy image(TheGuy, 0, 0); // light lines noFill(); stroke(255,20); strokeWeight(2); strokeCap(SQUARE); line(216, 107, 116, -12); line(143, 125, 84, 33); line(253, 78, 344, 178); line(303, 162, 337, 196); line(167, 97, 284, 256); line(393, 274, 475, 372); line(417, 285, 499, 380); line(352, 331, 372, 353); line(400, 378, 472, 458); line(316, 352, 379, 431); line(63, 148, 123, 326); line(166, 327, 209, 454); line(158, 206, 215, 308); line(256, 340, 277, 375); line(29, -19, 88, 81); line(79, 329, 114, 470); line(215, 233, 284, 335); line(79, 115, 116, 205); line(7, 33, 42, 166); line(203, 67, 333, 211); // sunlight quad in front of guy noStroke(); fill(189, 233, 255,random(10,30)); quad(-20,0,60,0,350,500,90,500); // the final water texture in foreground image(Texture, 0, 0); // title and name text var fonts = { one: createFont('Century Gothic Narrow Italic'), two: createFont('Century Gothic'), }; textFont(fonts.one,50); fill(255); text("OXYGEN", 150, 230); textFont(fonts.two,17); text("Daniel T", 216, 260); // the white edge noFill(); stroke(255); strokeWeight(15); rect(250,250,width,height); if(width < 500 \|\| height < 500) { throw{message: "Please refresh the page to view this graphic."}; }
Folds	37,112,113,810,811,835,880,883,896,898
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL204L7vCgw
Votes	202
Spin-Offs	5
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	{"id":"6161105327439872","title":"Contest: Oceans","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Daniel T
Author Name	dt.ka
Author ID	kaid_1088724296543359205380923
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739453756408
Updated	10 months ago, 1739453756408
Source Deleted	unknown