Viewing Program

Program Data

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

Title	Just Beginning
ID	4920756716650496
Created	4 years ago, 1622143699814
Updated	4 years ago, 1638398356531
Code	/** * -- Just Beginning -- * * - Started: 05/20/21 * - Finished: 05/27/21 * - Released: 05/27/21 * * + Subscribe: https://www.khanacademy.org/cs/i/5957400542511104 * */ / Setup / rectMode(CENTER); randomSeed(0); noiseSeed(0); enableContextMenu(); // Credit to KWC for "setKALoopTimeout" var setKALoopTimeout = (function () { var p = this.Processing.instances[0]; var k = "KAInfiniteLoopSetTimeout"; return k in p ? function (ms) { p[k](p.round(ms)); } : p.round; }()); setKALoopTimeout(10000); / Functions + Images/ var cloud = function(x,y,s,r,c,change,amm){ var fade = -900; var xoff = change; var yoff = 0.0; scale(s+2,s+3); pushMatrix(); translate(x,y); rotate(r); for (var x = 0; x < 170; x++) { fade = -amm; var yoff = 0.0; for (var y = 0; y < 100; y++) { var bright = map(noise(xoff, yoff), 0, 1, fade, 800); stroke(c, bright); point(x, y); yoff += 0.03; fade += 30; } xoff += 0.02; } popMatrix(); frameRate(60); resetMatrix(); }; var Whale = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(186, 191); msk.bezierVertex(186, 191, 193, 133, 244, 114); msk.bezierVertex(244, 114, 238, 116, 237, 113); msk.bezierVertex(237, 113, 236, 111, 235, 110); msk.bezierVertex(235, 110, 234, 110, 233, 109); msk.bezierVertex(233, 109, 234, 106, 232, 106); msk.bezierVertex(232, 106, 230, 105, 229, 104); msk.bezierVertex(229, 104, 229, 101, 227, 101); msk.bezierVertex(227, 101, 224, 101, 223, 98); msk.bezierVertex(223, 98, 224, 95, 220, 95); msk.bezierVertex(219, 96, 216, 96, 216, 92); msk.bezierVertex(216, 92, 216, 87, 214, 87); msk.bezierVertex(214, 87, 213, 85, 213, 83); msk.bezierVertex(213, 83, 213, 82, 211, 80); msk.bezierVertex(211, 80, 209, 79, 209, 78); msk.bezierVertex(209, 78, 209, 76, 206, 74); msk.bezierVertex(206, 74, 204, 72, 205, 69); msk.bezierVertex(205, 69, 205, 68, 204, 67); msk.bezierVertex(204, 67, 202, 59, 203, 54); msk.bezierVertex(203, 54, 206, 51, 206, 50); msk.bezierVertex(206, 50, 209, 49, 210, 52); msk.bezierVertex(210, 52, 228, 84, 242, 88); msk.bezierVertex(242, 88, 257, 92, 264, 108); msk.bezierVertex(264, 108, 276, 109, 281, 110); msk.bezierVertex(281, 110, 289, 112, 294, 110); msk.bezierVertex(294, 110, 304, 109, 313, 111); msk.bezierVertex(313, 111, 320, 115, 330, 115); msk.bezierVertex(330, 115, 347, 114, 358, 127); msk.bezierVertex(358, 127, 361, 133, 358, 141); msk.bezierVertex(358, 141, 351, 149, 341, 156); msk.bezierVertex(341, 156, 324, 167, 311, 171); msk.bezierVertex(311, 171, 306, 171, 306, 173); msk.bezierVertex(306, 173, 303, 176, 300, 177); msk.bezierVertex(300, 177, 293, 177, 287, 186); msk.bezierVertex(287, 186, 270, 210, 257, 213); msk.bezierVertex(257, 213, 235, 221, 227, 221); msk.vertex(220, 215); msk.bezierVertex(220, 215, 226, 208, 229, 210); msk.bezierVertex(229, 210, 231, 211, 232, 208); msk.bezierVertex(232, 208, 233, 205, 238, 207); msk.bezierVertex(238, 207, 240, 208, 244, 203); msk.bezierVertex(244, 203, 245, 200, 249, 200); msk.bezierVertex(249, 200, 252, 200, 252, 197); msk.bezierVertex(252, 197, 258, 188, 269, 183); msk.vertex(269, 182); msk.bezierVertex(269, 182, 256, 184, 253, 183); msk.bezierVertex(253, 183, 233, 183, 223, 207); msk.vertex(205, 213); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(64, 61, 46); bkg.rect(250,250,500,500); for(var i = 0; i < 250; i += 1){ var gy = 220; var gy2 = 250; var cl = color(255, 200, 112); bkg.stroke(cl,i/1.8); bkg.strokeWeight(3); bkg.line(i+gy,50,i+gy2,300); } bkg.filter(BLUR,1); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var BackClouds = (function() { background(0,0); cloud(40,-65,2,40,color(255, 228, 120),0.4,1000); cloud(130,-50,3,120,color(194, 160, 109),-1.1,1200); cloud(100,25,2,170,color(89, 88, 102),-1.1,1200); filter(BLUR,2); for(var i = 0; i < 200; i += 1){ var gy = 130; var cl = color(69, 68, 79); stroke(cl,i/2); strokeWeight(2); line(0,i+gy-50,500,i+gy); } strokeWeight(1); for(var i = 0; i < 500; i += 3) { noStroke(); fill(255, 218, 143, 1.3); ellipse(500,100,i,i/4); } return get(); })(); var FrontClouds = (function() { background(0,0); cloud(0,15,2,5,color(255, 214, 112),6.7,1000); cloud(-20,10,2,10,color(194, 150, 74),6.7,1000); cloud(-30,-10,2,30,color(70, 70, 89),-6.7,1050); cloud(-30,45,2,0,color(111, 111, 117),1.7,1000); cloud(-100,0,2,15,color(97, 97, 110),5.7,1000); cloud(0,60,1,0,color(82, 110, 96),2.7,1000); filter(BLUR,2.5); return get(); })(); var Birds = (function() { background(0,0); noStroke(); fill(209, 167, 113); beginShape(); vertex(178, 298); bezierVertex(178, 298, 181, 298, 184, 301); bezierVertex(184, 301, 188, 299, 191, 299); bezierVertex(191, 299, 185, 302, 185, 303); bezierVertex(185, 303, 183, 302, 182, 303); bezierVertex(182, 303, 182, 302, 182, 301); bezierVertex(182, 301, 180, 298, 178, 298); endShape(); beginShape(); vertex(204, 322); bezierVertex(204, 322, 205, 320, 205, 319); vertex(206, 318); vertex(208, 319); bezierVertex(208, 319, 209, 322, 210, 324); bezierVertex(210, 324, 207, 322, 207, 320); vertex(206, 319); bezierVertex(206, 319, 206, 325, 204, 322); endShape(); beginShape(); vertex(240, 289); bezierVertex(240, 289, 245, 288, 246, 289); bezierVertex(246, 289, 250, 287, 253, 288); bezierVertex(253, 288, 248, 289, 247, 290); bezierVertex(247, 290, 246, 291, 245, 290); bezierVertex(245, 290, 244, 289, 240, 289); endShape(); beginShape(); vertex(354, 313); bezierVertex(354, 313, 356, 316, 357, 316); bezierVertex(357, 316, 359, 314, 359, 313); bezierVertex(359, 313, 359, 316, 357, 318); vertex(354, 318); vertex(355, 318); bezierVertex(355, 318, 353, 316, 354, 313); endShape(); return get(); })(); var Sand = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.quad(-2, 392, 505, 392, 504, 504, -4, 505); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(102, 66, 28); bkg.rect(250,250,500,500); for(var s = 0; s < 120; s++) { var c = color(158, 95, 40); bkg.pushMatrix(); bkg.translate(random(0,500),random(350,550)); bkg.rotate(random(0,-80)); bkg.noStroke(); bkg.fill(c,random(30,100)); bkg.ellipse(0,0,20,random(50,100)); bkg.popMatrix(); } bkg.filter(BLUR,7); bkg.fill(0, 0, 0, 60); bkg.quad(81, 449, 90, 448, 93, 445, 88, 444); bkg.beginShape(); bkg.vertex(104, 456); bkg.vertex(97, 466); bkg.vertex(103, 465); bkg.vertex(107, 461); bkg.vertex(106, 459); bkg.bezierVertex(106, 459, 108, 457, 104, 456); bkg.endShape(); bkg.fill(179, 125, 55,100); bkg.beginShape(); bkg.vertex(97, 467); bkg.vertex(96, 470); bkg.vertex(103, 468); bkg.bezierVertex(103, 468, 104, 466, 105, 466); bkg.bezierVertex(106, 466, 108, 462, 108, 462); bkg.vertex(107, 462); bkg.vertex(103, 465); bkg.endShape(); bkg.beginShape(); bkg.vertex(81, 449); bkg.bezierVertex(81, 449, 79, 453, 80, 453); bkg.bezierVertex(81, 452, 90, 450, 90, 450); bkg.vertex(94, 447); bkg.vertex(93, 446); bkg.vertex(90, 448); bkg.endShape(); bkg.fill(0, 0, 0, 60); bkg.quad(321, 436, 325, 439, 327, 438, 325, 432); bkg.fill(168, 116, 52,100); bkg.beginShape(); bkg.vertex(321, 436); bkg.vertex(324, 442); bkg.vertex(327, 441); bkg.vertex(327, 438); bkg.vertex(325, 439); bkg.endShape(); for(var i = 0; i < 250; i += 3) { bkg.noStroke(); bkg.fill(0, 3); bkg.ellipse(40,560,i2,i); bkg.ellipse(460,560,i2,i); } bkg.filter(BLUR,1); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); // sand texture fill(145, 96, 47,80); beginShape(); vertex(0, 417); bezierVertex(0, 417, 41, 420, 42, 420); bezierVertex(43, 420, 107, 415, 149, 418); vertex(148, 419); vertex(178, 420); vertex(108, 425); vertex(109, 428); vertex(159, 433); bezierVertex(159, 433, 89, 434, 86, 434); bezierVertex(82, 435, 68, 433, 65, 433); bezierVertex(62, 433, 45, 429, 45, 429); bezierVertex(45, 429, 54, 426, 53, 426); bezierVertex(52, 426, 36, 424, 35, 423); bezierVertex(33, 423, -3, 427, 0, 417); endShape(); fill(145, 96, 47,80); beginShape(); vertex(322, 422); bezierVertex(322, 422, 417, 425, 443, 421); vertex(472, 420); vertex(470, 423); vertex(485, 423); bezierVertex(485, 423, 476, 425, 483, 425); bezierVertex(490, 425, 501, 424, 501, 424); vertex(500, 430); bezierVertex(500, 430, 493, 431, 492, 431); bezierVertex(491, 431, 476, 432, 474, 433); bezierVertex(472, 433, 458, 434, 458, 434); bezierVertex(458, 434, 461, 431, 459, 431); bezierVertex(457, 432, 452, 434, 452, 434); vertex(440, 432); vertex(424, 433); bezierVertex(424, 433, 436, 429, 438, 428); bezierVertex(438, 428, 418, 431, 414, 431); vertex(403, 430); vertex(393, 430); vertex(396, 427); vertex(387, 428); vertex(379, 427); vertex(355, 426); vertex(354, 424); vertex(339, 424); vertex(340, 424); endShape(); return get(); })(); var Ocean = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(-1, 325); msk.bezierVertex(-1, 325, 247, 330, 327, 324); msk.bezierVertex(327, 324, 419, 325, 505, 326); msk.vertex(502, 411); msk.bezierVertex(502, 411, 348, 426, 266, 412); msk.bezierVertex(266, 412, 248, 406, 196, 411); msk.bezierVertex(196, 411, 72, 421, -4, 413); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(19, 43, 34); bkg.rect(250,250,500,500); for(var i = 0; i < 30; i++) { bkg.pushStyle(); bkg.noFill(); var c2 = color(81, 99, 63); bkg.stroke(c2,random(20,80)); bkg.strokeWeight(20); bkg.bezier(-200, random(300, 500), random(100, 150), random(300, 500), random(width-200, width-100), random(200, 400), width+200, random(200, 600)); bkg.strokeWeight(10); var c = color(14, 33, 23); bkg.stroke(c,random(20,80)); bkg.bezier(-200, random(300, 500), random(100, 150), random(300, 600), random(width-200, width-100), random(200, 500), width+200, random(100, 500)); } var c3 = color(196, 201, 65); bkg.stroke(c3,40); bkg.strokeWeight(40); bkg.bezier(0, 400, 100, 400, 300, 360, 500, 360); bkg.filter(BLUR, 1); bkg.noStroke(); for(var s = 0; s < 400; s++) { bkg.noStroke(); bkg.fill(146, 158, 125,random(50,100)); bkg.ellipse(random(0, 250), random(400, 420),10,10); } for(var s = 0; s < 200; s++) { bkg.pushMatrix(); bkg.translate(-10,30); bkg.rotate(-0.05); bkg.noStroke(); bkg.fill(134, 145, 113,random(50,100)); bkg.ellipse(random(300, 500), random(400, 420),10,10); bkg.popMatrix(); } bkg.filter(BLUR, 1); bkg.fill(255, 255, 255, 51); bkg.beginShape(); bkg.vertex(0, 337); bkg.bezierVertex(0, 337, 16, 336, 24, 337); bkg.bezierVertex(24, 337, 32, 338, 40, 337); bkg.bezierVertex(40, 337, 17, 333, 0, 336); bkg.endShape(); bkg.beginShape(); bkg.vertex(68, 333); bkg.bezierVertex(68, 333, 94, 332, 104, 333); bkg.bezierVertex(104, 333, 116, 337, 122, 335); bkg.bezierVertex(122, 335, 140, 339, 150, 337); bkg.bezierVertex(150, 337, 162, 338, 167, 341); bkg.bezierVertex(167, 341, 139, 339, 121, 338); bkg.bezierVertex(121, 338, 113, 338, 102, 335); bkg.bezierVertex(102, 335, 81, 332, 68, 333); bkg.endShape(); bkg.beginShape(); bkg.vertex(272, 334); bkg.bezierVertex(272, 334, 313, 334, 324, 328); bkg.bezierVertex(324, 328, 341, 328, 358, 331); bkg.bezierVertex(358, 331, 419, 333, 485, 330); bkg.bezierVertex(485, 330, 379, 336, 354, 333); bkg.bezierVertex(354, 333, 328, 327, 320, 331); bkg.bezierVertex(320, 331, 288, 338, 272, 334); bkg.endShape(); bkg.beginShape(); bkg.vertex(36, 347); bkg.bezierVertex(36, 347, 72, 343, 75, 347); bkg.bezierVertex(75, 347, 52, 345, 36, 347); bkg.endShape(); bkg.fill(209, 194, 74, 51); bkg.beginShape(); bkg.vertex(186, 362); bkg.bezierVertex(186, 362, 198, 359, 208, 361); bkg.bezierVertex(209, 360, 233, 363, 239, 359); bkg.bezierVertex(239, 359, 270, 362, 301, 360); bkg.bezierVertex(301, 360, 208, 365, 186, 362); bkg.endShape(); bkg.beginShape(); bkg.vertex(309, 360); bkg.bezierVertex(309, 360, 326, 357, 329, 358); bkg.bezierVertex(329, 358, 356, 363, 363, 360); bkg.bezierVertex(363, 360, 321, 363, 309, 360); bkg.endShape(); bkg.beginShape(); bkg.vertex(370, 363); bkg.bezierVertex(370, 363, 417, 361, 448, 360); bkg.bezierVertex(448, 360, 464, 361, 468, 358); bkg.bezierVertex(468, 358, 489, 355, 501, 357); bkg.vertex(501, 362); bkg.bezierVertex(501, 362, 412, 361, 370, 363); bkg.endShape(); bkg.fill(202, 179, 53, 51); bkg.beginShape(); bkg.vertex(0, 375); bkg.bezierVertex(0, 375, 25, 376, 27, 374); bkg.bezierVertex(27, 374, 40, 375, 42, 374); bkg.bezierVertex(42, 374, 50, 375, 52, 373); bkg.bezierVertex(52, 373, 81, 376, 88, 373); bkg.bezierVertex(88, 373, 14, 380, 0, 375); bkg.endShape(); bkg.beginShape(); bkg.vertex(103, 374); bkg.bezierVertex(103, 374, 114, 374, 115, 373); bkg.bezierVertex(115, 373, 121, 374, 122, 372); bkg.bezierVertex(122, 372, 131, 370, 134, 371); bkg.bezierVertex(134, 371, 137, 372, 140, 371); bkg.bezierVertex(140, 371, 148, 373, 150, 371); bkg.bezierVertex(150, 371, 156, 370, 158, 372); bkg.bezierVertex(158, 372, 168, 371, 173, 372); bkg.vertex(175, 371); bkg.vertex(172, 370); bkg.vertex(173, 369); bkg.bezierVertex(173, 369, 192, 367, 202, 369); bkg.bezierVertex(202, 369, 207, 370, 210, 368); bkg.vertex(221, 368); bkg.vertex(221, 367); bkg.bezierVertex(221, 367, 239, 366, 248, 369); bkg.vertex(220, 370); bkg.vertex(215, 372); bkg.vertex(209, 371); bkg.bezierVertex(209, 371, 179, 374, 170, 374); bkg.bezierVertex(170, 374, 132, 372, 124, 374); bkg.bezierVertex(124, 374, 113, 377, 103, 374); bkg.endShape(); bkg.fill(209, 194, 74, 51); bkg.beginShape(); bkg.vertex(265, 367); bkg.bezierVertex(265, 367, 278, 368, 281, 366); bkg.bezierVertex(281, 366, 319, 365, 336, 368); bkg.bezierVertex(336, 368, 277, 372, 265, 367); bkg.endShape(); bkg.fill(202, 179, 53, 100); bkg.beginShape(); bkg.vertex(-1, 381); bkg.vertex(17, 382); bkg.vertex(16, 383); bkg.vertex(26, 383); bkg.vertex(25, 382); bkg.vertex(45, 383); bkg.vertex(63, 382); bkg.vertex(66, 383); bkg.vertex(71, 383); bkg.vertex(70, 381); bkg.vertex(85, 382); bkg.vertex(86, 383); bkg.vertex(91, 383); bkg.vertex(91, 382); bkg.vertex(103, 382); bkg.bezierVertex(103, 382, 113, 380, 123, 382); bkg.bezierVertex(123, 382, 144, 384, 156, 382); bkg.bezierVertex(156, 382, 167, 381, 176, 383); bkg.bezierVertex(176, 383, 195, 384, 198, 383); bkg.bezierVertex(200, 382, 204, 381, 204, 381); bkg.vertex(208, 382); bkg.vertex(217, 382); bkg.bezierVertex(217, 382, 222, 381, 222, 381); bkg.bezierVertex(223, 381, 228, 381, 228, 381); bkg.vertex(232, 379); bkg.vertex(233, 381); bkg.vertex(243, 381); bkg.vertex(244, 383); bkg.vertex(223, 384); bkg.vertex(219, 386); bkg.vertex(216, 385); bkg.vertex(200, 385); bkg.vertex(160, 384); bkg.bezierVertex(160, 384, 123, 386, 91, 385); bkg.vertex(69, 385); bkg.vertex(35, 386); bkg.bezierVertex(35, 386, 26, 383, 9, 386); bkg.vertex(-1, 384); bkg.vertex(7, 384); bkg.vertex(-1, 382); bkg.endShape(); bkg.fill(202, 161, 53, 120); bkg.beginShape(); bkg.vertex(265, 380); bkg.vertex(272, 381); bkg.vertex(273, 382); bkg.vertex(280, 380); bkg.vertex(286, 378); bkg.vertex(288, 380); bkg.bezierVertex(288, 380, 306, 377, 311, 378); bkg.vertex(317, 374); bkg.vertex(325, 375); bkg.vertex(317, 376); bkg.vertex(313, 379); bkg.vertex(330, 378); bkg.vertex(333, 376); bkg.bezierVertex(333, 376, 361, 377, 363, 377); bkg.bezierVertex(365, 377, 371, 378, 372, 379); bkg.bezierVertex(372, 379, 382, 378, 386, 377); bkg.vertex(386, 378); bkg.bezierVertex(386, 378, 394, 377, 398, 379); bkg.bezierVertex(398, 379, 402, 379, 405, 379); bkg.bezierVertex(405, 379, 400, 380, 394, 380); bkg.bezierVertex(394, 380, 381, 380, 373, 381); bkg.bezierVertex(373, 381, 366, 382, 362, 380); bkg.bezierVertex(362, 380, 346, 379, 340, 380); bkg.bezierVertex(340, 380, 338, 383, 330, 381); bkg.bezierVertex(330, 381, 321, 380, 307, 383); bkg.bezierVertex(307, 383, 300, 384, 295, 382); bkg.bezierVertex(295, 382, 290, 380, 280, 384); bkg.bezierVertex(280, 384, 270, 386, 266, 384); bkg.endShape(); bkg.fill(216, 192, 60, 100); bkg.beginShape(); bkg.vertex(-1, 396); bkg.vertex(5, 397); bkg.vertex(9, 394); bkg.vertex(15, 394); bkg.vertex(17, 393); bkg.bezierVertex(17, 393, 22, 395, 23, 395); bkg.bezierVertex(25, 396, 29, 396, 31, 396); bkg.bezierVertex(32, 396, 32, 399, 34, 398); bkg.bezierVertex(37, 398, 39, 396, 40, 396); bkg.bezierVertex(41, 395, 43, 397, 43, 397); bkg.bezierVertex(43, 397, 44, 397, 45, 396); bkg.bezierVertex(47, 395, 47, 394, 49, 394); bkg.bezierVertex(51, 395, 53, 394, 57, 394); bkg.bezierVertex(60, 393, 62, 394, 63, 393); bkg.bezierVertex(65, 392, 66, 388, 68, 388); bkg.bezierVertex(69, 388, 73, 388, 74, 389); bkg.bezierVertex(74, 391, 76, 394, 77, 394); bkg.bezierVertex(78, 395, 81, 395, 82, 395); bkg.bezierVertex(83, 395, 84, 396, 86, 397); bkg.bezierVertex(88, 398, 89, 397, 91, 397); bkg.bezierVertex(92, 398, 93, 401, 95, 401); bkg.bezierVertex(98, 401, 102, 400, 103, 399); bkg.bezierVertex(105, 398, 103, 398, 105, 398); bkg.bezierVertex(107, 398, 110, 400, 111, 399); bkg.bezierVertex(112, 397, 111, 397, 111, 397); bkg.bezierVertex(111, 397, 110, 395, 113, 396); bkg.bezierVertex(116, 396, 117, 399, 116, 396); bkg.bezierVertex(115, 393, 112, 393, 115, 392); bkg.bezierVertex(117, 392, 118, 392, 119, 392); bkg.bezierVertex(120, 392, 120, 392, 121, 392); bkg.bezierVertex(123, 393, 122, 395, 125, 394); bkg.bezierVertex(129, 393, 130, 392, 130, 392); bkg.vertex(135, 394); bkg.bezierVertex(135, 394, 130, 391, 135, 391); bkg.bezierVertex(139, 391, 141, 390, 141, 392); bkg.bezierVertex(142, 395, 141, 395, 141, 395); bkg.vertex(149, 396); bkg.bezierVertex(149, 396, 144, 398, 146, 397); bkg.bezierVertex(148, 396, 154, 395, 155, 395); bkg.bezierVertex(156, 395, 156, 395, 156, 395); bkg.vertex(161, 392); bkg.bezierVertex(161, 392, 162, 397, 165, 396); bkg.bezierVertex(169, 395, 169, 395, 170, 394); bkg.bezierVertex(172, 394, 171, 393, 172, 394); bkg.bezierVertex(172, 394, 173, 395, 175, 394); bkg.bezierVertex(176, 392, 175, 391, 177, 392); bkg.bezierVertex(179, 394, 176, 396, 180, 395); bkg.bezierVertex(184, 393, 183, 393, 184, 393); bkg.bezierVertex(185, 393, 184, 393, 185, 394); bkg.bezierVertex(186, 395, 185, 396, 187, 396); bkg.bezierVertex(188, 395, 189, 395, 189, 395); bkg.vertex(191, 394); bkg.vertex(193, 396); bkg.vertex(196, 395); bkg.bezierVertex(196, 395, 195, 395, 198, 395); bkg.bezierVertex(200, 396, 200, 396, 200, 396); bkg.bezierVertex(200, 396, 200, 394, 201, 395); bkg.bezierVertex(203, 397, 203, 398, 203, 398); bkg.vertex(205, 399); bkg.vertex(208, 397); bkg.vertex(219, 397); bkg.vertex(206, 396); bkg.vertex(204, 397); bkg.vertex(203, 396); bkg.vertex(206, 396); bkg.vertex(219, 394); bkg.vertex(225, 396); bkg.vertex(223, 394); bkg.vertex(228, 393); bkg.bezierVertex(228, 393, 237, 392, 239, 392); bkg.bezierVertex(240, 392, 247, 393, 248, 393); bkg.bezierVertex(249, 393, 249, 392, 251, 392); bkg.bezierVertex(252, 392, 255, 393, 256, 394); bkg.bezierVertex(257, 394, 271, 392, 271, 392); bkg.vertex(281, 394); bkg.bezierVertex(281, 394, 285, 392, 286, 393); bkg.bezierVertex(288, 393, 291, 395, 295, 396); bkg.bezierVertex(298, 396, 300, 397, 302, 396); bkg.bezierVertex(305, 394, 302, 393, 307, 393); bkg.bezierVertex(311, 393, 312, 394, 315, 395); bkg.bezierVertex(319, 395, 318, 395, 320, 395); bkg.bezierVertex(322, 396, 323, 396, 325, 397); bkg.bezierVertex(327, 398, 328, 398, 330, 398); bkg.bezierVertex(332, 397, 332, 397, 334, 396); bkg.bezierVertex(336, 396, 335, 396, 337, 396); bkg.bezierVertex(339, 397, 332, 398, 332, 398); bkg.vertex(323, 397); bkg.bezierVertex(323, 397, 316, 397, 315, 397); bkg.bezierVertex(314, 396, 311, 395, 310, 395); bkg.bezierVertex(308, 395, 305, 396, 305, 397); bkg.bezierVertex(305, 398, 304, 400, 304, 400); bkg.bezierVertex(304, 400, 300, 398, 299, 398); bkg.bezierVertex(298, 398, 294, 397, 293, 397); bkg.bezierVertex(292, 397, 289, 396, 286, 397); bkg.bezierVertex(283, 397, 282, 398, 280, 398); bkg.bezierVertex(278, 397, 275, 397, 273, 397); bkg.bezierVertex(271, 396, 271, 396, 267, 396); bkg.bezierVertex(264, 396, 243, 398, 243, 398); bkg.vertex(237, 396); bkg.bezierVertex(237, 396, 234, 398, 233, 398); bkg.bezierVertex(232, 398, 226, 395, 226, 395); bkg.vertex(227, 397); bkg.vertex(220, 397); bkg.vertex(210, 399); bkg.bezierVertex(210, 399, 207, 400, 206, 401); bkg.vertex(202, 399); bkg.vertex(193, 400); bkg.vertex(190, 402); bkg.vertex(185, 400); bkg.vertex(185, 400); bkg.vertex(186, 398); bkg.vertex(177, 398); bkg.vertex(175, 398); bkg.vertex(174, 399); bkg.vertex(168, 399); bkg.vertex(162, 405); bkg.vertex(165, 401); bkg.bezierVertex(165, 401, 161, 401, 160, 401); bkg.bezierVertex(159, 401, 159, 400, 157, 400); bkg.bezierVertex(155, 400, 148, 400, 148, 400); bkg.vertex(148, 398); bkg.vertex(146, 400); bkg.vertex(141, 399); bkg.vertex(139, 402); bkg.vertex(136, 400); bkg.vertex(133, 401); bkg.bezierVertex(133, 401, 131, 400, 131, 400); bkg.bezierVertex(130, 401, 129, 402, 129, 402); bkg.bezierVertex(129, 402, 125, 401, 124, 401); bkg.bezierVertex(123, 401, 122, 401, 122, 401); bkg.vertex(123, 404); bkg.vertex(121, 406); bkg.vertex(117, 401); bkg.vertex(113, 401); bkg.vertex(112, 403); bkg.vertex(105, 401); bkg.bezierVertex(105, 401, 108, 403, 105, 404); bkg.bezierVertex(103, 405, 101, 405, 101, 405); bkg.vertex(101, 408); bkg.vertex(86, 403); bkg.vertex(89, 401); bkg.vertex(86, 401); bkg.vertex(83, 403); bkg.vertex(79, 402); bkg.vertex(66, 402); bkg.vertex(55, 401); bkg.vertex(52, 403); bkg.bezierVertex(52, 403, 47, 402, 45, 402); bkg.bezierVertex(43, 402, 36, 403, 36, 403); bkg.vertex(30, 403); bkg.vertex(28, 405); bkg.vertex(23, 402); bkg.vertex(15, 402); bkg.bezierVertex(15, 402, 13, 400, 13, 400); bkg.bezierVertex(12, 400, 10, 402, 10, 402); bkg.vertex(9, 398); bkg.vertex(10, 397); bkg.vertex(7, 396); bkg.vertex(4, 402); bkg.vertex(2, 404); bkg.vertex(0, 403); bkg.vertex(-1, 403); bkg.endShape(); bkg.fill(255, 255, 255, 26); bkg.beginShape(); bkg.vertex(283, 415); bkg.bezierVertex(283, 415, 303, 414, 305, 414); bkg.bezierVertex(307, 414, 336, 415, 337, 415); bkg.bezierVertex(338, 415, 364, 414, 364, 414); bkg.vertex(372, 415); bkg.vertex(378, 412); bkg.bezierVertex(378, 412, 368, 413, 367, 413); bkg.bezierVertex(367, 413, 360, 410, 362, 410); bkg.bezierVertex(364, 409, 375, 408, 375, 408); bkg.vertex(384, 411); bkg.vertex(392, 408); bkg.vertex(379, 407); bkg.vertex(388, 406); bkg.bezierVertex(388, 406, 385, 403, 382, 403); bkg.bezierVertex(378, 403, 371, 401, 371, 401); bkg.vertex(387, 401); bkg.bezierVertex(387, 401, 395, 411, 396, 411); bkg.bezierVertex(397, 411, 409, 413, 412, 411); bkg.bezierVertex(416, 410, 410, 408, 410, 408); bkg.vertex(421, 406); bkg.vertex(422, 405); bkg.vertex(410, 401); bkg.bezierVertex(410, 401, 404, 401, 401, 400); bkg.bezierVertex(398, 399, 389, 400, 389, 400); bkg.vertex(377, 397); bkg.vertex(362, 400); bkg.vertex(377, 396); bkg.vertex(389, 401); bkg.vertex(396, 399); bkg.bezierVertex(396, 399, 404, 398, 405, 399); bkg.bezierVertex(406, 399, 417, 400, 418, 401); bkg.bezierVertex(419, 401, 430, 403, 431, 403); bkg.bezierVertex(433, 402, 440, 399, 442, 399); bkg.bezierVertex(444, 400, 442, 404, 447, 403); bkg.bezierVertex(451, 401, 456, 397, 456, 397); bkg.vertex(453, 403); bkg.vertex(455, 409); bkg.vertex(451, 411); bkg.vertex(452, 414); bkg.vertex(470, 413); bkg.vertex(478, 415); bkg.bezierVertex(478, 415, 401, 428, 283, 415); bkg.endShape(); bkg.fill(220, 195, 64, 51); bkg.beginShape(); bkg.vertex(449, 401); bkg.vertex(450, 398); bkg.vertex(455, 397); bkg.vertex(462, 398); bkg.vertex(470, 395); bkg.vertex(474, 392); bkg.bezierVertex(474, 392, 491, 392, 492, 392); bkg.bezierVertex(493, 392, 497, 390, 499, 390); bkg.bezierVertex(500, 390, 501, 391, 501, 391); bkg.vertex(498, 394); bkg.vertex(481, 395); bkg.bezierVertex(481, 395, 479, 394, 478, 396); bkg.bezierVertex(477, 398, 476, 399, 475, 399); bkg.bezierVertex(474, 400, 468, 402, 466, 402); bkg.bezierVertex(464, 402, 462, 401, 461, 401); bkg.bezierVertex(459, 401, 457, 404, 455, 404); bkg.bezierVertex(453, 404, 453, 405, 453, 405); bkg.vertex(453, 403); bkg.vertex(455, 398); bkg.endShape(); bkg.filter(ERODE); for(var i = 0; i < 200; i += 1){ var gy = 355; var gy2 = 400; var cl = color(203, 201, 255); bkg.stroke(cl,i/2.1); bkg.strokeWeight(3); bkg.line(-50,-i+gy,500,-i+gy2); } bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var SurferBody = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(246, 412); msk.bezierVertex(246, 412, 250, 415, 254, 414); msk.bezierVertex(254, 414, 255, 412, 255, 409); msk.bezierVertex(255, 409, 255, 405, 256, 408); msk.bezierVertex(256, 408, 256, 412, 257, 413); msk.bezierVertex(258, 413, 264, 414, 265, 412); msk.bezierVertex(265, 412, 266, 407, 266, 403); msk.vertex(266, 373); msk.bezierVertex(266, 373, 265, 372, 264, 372); msk.bezierVertex(264, 372, 260, 372, 259, 370); msk.bezierVertex(259, 370, 258, 370, 258, 370); msk.vertex(258, 369); msk.vertex(258, 367); msk.bezierVertex(258, 367, 260, 366, 260, 365); msk.bezierVertex(260, 365, 260, 360, 259, 358); msk.bezierVertex(259, 358, 258, 358, 258, 357); msk.bezierVertex(258, 357, 256, 356, 255, 356); msk.bezierVertex(255, 356, 252, 357, 251, 358); msk.bezierVertex(251, 358, 251, 359, 251, 361); msk.bezierVertex(251, 361, 251, 363, 251, 364); msk.vertex(252, 368); msk.vertex(251, 369); msk.vertex(251, 370); msk.bezierVertex(251, 370, 250, 371, 249, 371); msk.bezierVertex(249, 371, 246, 371, 245, 373); msk.bezierVertex(245, 373, 242, 383, 242, 386); msk.bezierVertex(242, 386, 242, 388, 241, 389); msk.bezierVertex(241, 389, 241, 394, 241, 396); msk.bezierVertex(241, 396, 242, 399, 242, 401); msk.bezierVertex(242, 401, 242, 401, 243, 402); msk.bezierVertex(243, 402, 243, 403, 243, 405); msk.bezierVertex(243, 405, 243, 408, 244, 408); msk.bezierVertex(244, 408, 244, 409, 244, 409); msk.bezierVertex(244, 409, 245, 410, 246, 408); msk.vertex(247, 402); msk.bezierVertex(247, 402, 245, 398, 246, 392); msk.bezierVertex(246, 392, 247, 390, 247, 389); msk.vertex(250, 390); msk.bezierVertex(250, 390, 249, 394, 248, 395); msk.bezierVertex(248, 395, 247, 397, 247, 402); msk.vertex(246, 408); msk.bezierVertex(246, 408, 246, 410, 246, 412); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(28, 19, 11); bkg.rect(250,250,500,500); for(var i = 0; i < 50; i += 1){ var gy = 250; var gy2 = 280; var cl = color(255, 206, 122); bkg.stroke(cl,i4); bkg.strokeWeight(3); bkg.line(i+gy,350,i+gy2,400); } bkg.filter(BLUR,1); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var SurferBoard = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(238, 369); msk.bezierVertex(238, 369, 253, 369, 275, 396); msk.bezierVertex(275, 396, 286, 410, 289, 424); msk.bezierVertex(289, 424, 289, 430, 285, 426); msk.bezierVertex(285, 426, 271, 412, 264, 404); msk.bezierVertex(264, 404, 243, 388, 237, 375); msk.bezierVertex(237, 375, 232, 368, 238, 369); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(107, 93, 73); bkg.rect(250,250,500,500); for(var i = 0; i < 50; i += 1){ var gy = 258; var gy2 = 310; var cl = color(255, 186, 82); bkg.stroke(cl,i4); bkg.strokeWeight(3); bkg.line(i+gy,380,i+gy2,460); var gy2 = 218; var gy22 = 318; var cl2 = color(0, 0, 0); bkg.stroke(cl2,i8); bkg.strokeWeight(3); bkg.line(-i+gy2,350,-i+gy22,460); } bkg.filter(BLUR,1); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); // fins fill(61, 41, 29); beginShape(); vertex(239, 371); bezierVertex(239, 371, 240, 374, 243, 373); bezierVertex(243, 373, 248, 369, 243, 366); bezierVertex(243, 366, 241, 366, 241, 367); bezierVertex(241, 367, 243, 370, 239, 371); endShape(); beginShape(); vertex(249, 376); bezierVertex(250, 376, 251, 379, 253, 376); bezierVertex(253, 376, 256, 370, 252, 369); bezierVertex(252, 370, 252, 370, 252, 371); bezierVertex(252, 371, 253, 373, 249, 376); endShape(); beginShape(); vertex(247, 381); bezierVertex(247, 381, 249, 380, 249, 378); bezierVertex(249, 378, 248, 375, 250, 376); bezierVertex(250, 376, 253, 379, 249, 385); bezierVertex(249, 385, 247, 384, 246, 382); bezierVertex(246, 382, 245, 381, 247, 381); endShape(); return get(); })(); var SurferArm = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(266, 373); msk.bezierVertex(266, 373, 268, 374, 267, 378); msk.bezierVertex(267, 378, 267, 380, 268, 381); msk.bezierVertex(268, 381, 270, 383, 269, 388); msk.bezierVertex(269, 388, 269, 392, 269, 394); msk.bezierVertex(269, 394, 270, 399, 269, 402); msk.bezierVertex(269, 402, 269, 402, 269, 403); msk.bezierVertex(269, 403, 269, 407, 268, 408); msk.bezierVertex(268, 408, 266, 409, 265, 409); msk.vertex(265, 405); msk.bezierVertex(265, 405, 265, 402, 266, 401); msk.bezierVertex(266, 401, 267, 399, 265, 397); msk.bezierVertex(265, 397, 264, 395, 264, 389); msk.bezierVertex(264, 389, 264, 387, 264, 386); msk.bezierVertex(264, 386, 262, 384, 262, 382); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(28, 19, 11); bkg.rect(250,250,500,500); for(var i = 0; i < 50; i += 1){ var gy = 265; var gy2 = 267; var cl = color(255, 206, 122); bkg.stroke(cl,i6); bkg.strokeWeight(3); bkg.line(i+gy,350,i+gy2,450); } bkg.filter(BLUR,1); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var SurferLegs = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(246, 412); msk.bezierVertex(246, 412, 246, 417, 246, 421); msk.bezierVertex(246, 421, 246, 423, 245, 424); msk.bezierVertex(245, 424, 244, 428, 244, 436); msk.bezierVertex(244, 436, 244, 437, 243, 437); msk.bezierVertex(243, 437, 241, 438, 241, 441); msk.bezierVertex(241, 441, 244, 445, 246, 445); msk.bezierVertex(246, 445, 248, 445, 248, 443); msk.bezierVertex(248, 443, 247, 440, 248, 437); msk.bezierVertex(248, 437, 248, 434, 249, 433); msk.bezierVertex(249, 433, 252, 428, 251, 424); msk.bezierVertex(251, 424, 250, 421, 252, 420); msk.bezierVertex(252, 420, 254, 416, 254, 414); msk.bezierVertex(254, 414, 250, 414, 246, 412); msk.endShape(); msk.beginShape(); msk.vertex(257, 413); msk.bezierVertex(257, 413, 256, 415, 258, 420); msk.bezierVertex(258, 420, 259, 421, 258, 424); msk.bezierVertex(258, 424, 257, 429, 258, 433); msk.bezierVertex(258, 433, 259, 440, 258, 445); msk.bezierVertex(258, 445, 256, 449, 261, 447); msk.bezierVertex(261, 447, 263, 446, 264, 445); msk.bezierVertex(265, 444, 266, 444, 265, 441); msk.bezierVertex(265, 441, 264, 441, 264, 441); msk.bezierVertex(264, 441, 262, 442, 262, 441); msk.bezierVertex(262, 441, 262, 436, 262, 434); msk.bezierVertex(262, 434, 264, 429, 264, 424); msk.bezierVertex(264, 424, 263, 422, 263, 421); msk.bezierVertex(263, 421, 265, 415, 264, 413); msk.bezierVertex(264, 413, 263, 414, 257, 413); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(64, 33, 9); bkg.rect(250,250,500,500); for(var i = 0; i < 50; i += 1){ var gy = 435; var cl = color(0); bkg.stroke(cl,i2); bkg.strokeWeight(3); bkg.line(200,i+gy,300,i+gy); } bkg.filter(BLUR,1); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var surferRef = function(x,y,sx,sy,t){ pushMatrix(); translate(x,y); scale(sx,sy); // surfer body fill(0,t); noStroke(); beginShape(); vertex(246, 412); bezierVertex(246, 412, 250, 415, 254, 414); bezierVertex(254, 414, 255, 412, 255, 409); bezierVertex(255, 409, 255, 405, 256, 408); bezierVertex(256, 408, 256, 412, 257, 413); bezierVertex(258, 413, 264, 414, 265, 412); bezierVertex(265, 412, 266, 407, 266, 403); vertex(266, 373); bezierVertex(266, 373, 265, 372, 264, 372); bezierVertex(264, 372, 260, 372, 259, 370); bezierVertex(259, 370, 258, 370, 258, 370); vertex(258, 369); vertex(258, 367); bezierVertex(258, 367, 260, 366, 260, 365); bezierVertex(260, 365, 260, 360, 259, 358); bezierVertex(259, 358, 258, 358, 258, 357); bezierVertex(258, 357, 256, 356, 255, 356); bezierVertex(255, 356, 252, 357, 251, 358); bezierVertex(251, 358, 251, 359, 251, 361); bezierVertex(251, 361, 251, 363, 251, 364); vertex(252, 368); vertex(251, 369); vertex(251, 370); bezierVertex(251, 370, 250, 371, 249, 371); bezierVertex(249, 371, 246, 371, 245, 373); bezierVertex(245, 373, 242, 383, 242, 386); bezierVertex(242, 386, 242, 388, 241, 389); bezierVertex(241, 389, 241, 394, 241, 396); bezierVertex(241, 396, 242, 399, 242, 401); bezierVertex(242, 401, 242, 401, 243, 402); bezierVertex(243, 402, 243, 403, 243, 405); bezierVertex(243, 405, 243, 408, 244, 408); bezierVertex(244, 408, 244, 409, 244, 409); bezierVertex(244, 409, 245, 410, 246, 408); vertex(247, 402); bezierVertex(247, 402, 245, 398, 246, 392); bezierVertex(246, 392, 247, 390, 247, 389); vertex(250, 390); bezierVertex(250, 390, 249, 394, 248, 395); bezierVertex(248, 395, 247, 397, 247, 402); vertex(246, 408); bezierVertex(246, 408, 246, 410, 246, 412); endShape(); // legs fill(0,t); beginShape(); vertex(246, 412); bezierVertex(246, 412, 246, 417, 246, 421); bezierVertex(246, 421, 246, 423, 245, 424); bezierVertex(245, 424, 244, 428, 244, 436); bezierVertex(244, 436, 244, 437, 243, 437); bezierVertex(243, 437, 241, 438, 241, 441); bezierVertex(241, 441, 244, 445, 246, 445); bezierVertex(246, 445, 248, 445, 248, 443); bezierVertex(248, 443, 247, 440, 248, 437); bezierVertex(248, 437, 248, 434, 249, 433); bezierVertex(249, 433, 252, 428, 251, 424); bezierVertex(251, 424, 250, 421, 252, 420); bezierVertex(252, 420, 254, 416, 254, 414); bezierVertex(254, 414, 250, 414, 246, 412); endShape(); beginShape(); vertex(257, 413); bezierVertex(257, 413, 256, 415, 258, 420); bezierVertex(258, 420, 259, 421, 258, 424); bezierVertex(258, 424, 257, 429, 258, 433); bezierVertex(258, 433, 259, 440, 258, 445); bezierVertex(258, 445, 256, 449, 261, 447); bezierVertex(261, 447, 263, 446, 264, 445); bezierVertex(265, 444, 266, 444, 265, 441); bezierVertex(265, 441, 264, 441, 264, 441); bezierVertex(264, 441, 262, 442, 262, 441); bezierVertex(262, 441, 262, 436, 262, 434); bezierVertex(262, 434, 264, 429, 264, 424); bezierVertex(264, 424, 263, 422, 263, 421); bezierVertex(263, 421, 265, 415, 264, 413); bezierVertex(264, 413, 263, 412, 257, 413); endShape(); // surf board fill(0,t); beginShape(); vertex(238, 369); bezierVertex(238, 369, 253, 369, 275, 396); bezierVertex(275, 396, 286, 410, 289, 424); bezierVertex(289, 424, 289, 430, 285, 426); bezierVertex(285, 426, 271, 412, 264, 404); bezierVertex(264, 404, 243, 388, 237, 375); bezierVertex(237, 375, 232, 368, 238, 369); endShape(); // fins fill(0,t); beginShape(); vertex(239, 371); bezierVertex(239, 371, 240, 374, 243, 373); bezierVertex(243, 373, 248, 369, 243, 366); bezierVertex(243, 366, 241, 366, 241, 367); bezierVertex(241, 367, 243, 370, 239, 371); endShape(); beginShape(); vertex(249, 376); bezierVertex(250, 376, 251, 379, 253, 376); bezierVertex(253, 376, 256, 370, 252, 369); bezierVertex(252, 370, 252, 370, 252, 371); bezierVertex(252, 371, 253, 373, 249, 376); endShape(); beginShape(); vertex(247, 381); bezierVertex(247, 381, 249, 380, 249, 378); bezierVertex(249, 378, 248, 375, 250, 376); bezierVertex(250, 376, 253, 379, 249, 385); bezierVertex(249, 385, 247, 384, 246, 382); bezierVertex(246, 382, 245, 381, 247, 381); endShape(); // arm fill(0,t); beginShape(); vertex(266, 373); bezierVertex(266, 373, 268, 374, 267, 378); bezierVertex(267, 378, 267, 380, 268, 381); bezierVertex(268, 381, 270, 383, 269, 388); bezierVertex(269, 388, 269, 392, 269, 394); bezierVertex(269, 394, 270, 399, 269, 402); bezierVertex(269, 402, 269, 402, 269, 403); bezierVertex(269, 403, 269, 407, 268, 408); bezierVertex(268, 408, 266, 409, 265, 409); vertex(265, 405); bezierVertex(265, 405, 265, 402, 266, 401); bezierVertex(266, 401, 267, 399, 265, 397); bezierVertex(265, 397, 264, 395, 264, 389); bezierVertex(264, 389, 264, 387, 264, 386); bezierVertex(264, 386, 262, 384, 262, 382); endShape(); popMatrix(); }; var SurferShadow = (function() { background(0,0); surferRef(0,0,1,1,80); var Water = []; for(var i = 0; i < 500; i++){ Water.push(get(0, i, width, 1)); } pushMatrix(); translate(0, 733); scale(1,-0.65); for(var i = 0; i < Water.length; i += 1){ image(Water[i], (sin(i30)4),(i)); } popMatrix(); var xoff = 0.0; var yoff = 0.0; var c = color(0); scale(3); translate(200,140); rotate(90); for (var x = 0; x < 50; x++) { var yoff = 0.0; for (var y = 0; y < 250; y++) { var bright = map(noise(xoff, yoff), 0, 1, 0, 240); stroke(c, bright-90); point(x, y); yoff += 0.02; } xoff += -0.3; } resetMatrix(); filter(BLUR,1); return get(); })(); var signature = function(x,y,c) { pushMatrix(); scale(0.6); translate(x,y); noFill(); stroke(c); strokeWeight(1.2); beginShape(); vertex(18, 491); bezierVertex(18, 490, 17, 490, 17, 489); bezierVertex(17, 488, 18, 487, 18, 486); bezierVertex(19, 485, 21, 483, 22, 482); bezierVertex(22, 482, 23, 481, 23, 481); bezierVertex(23, 481, 22, 481, 22, 482); bezierVertex(21, 482, 18, 482, 14, 482); bezierVertex(12, 483, 10, 483, 9, 483); bezierVertex(8, 483, 8, 483, 8, 482); bezierVertex(8, 482, 8, 482, 9, 481); bezierVertex(10, 481, 12, 480, 16, 479); bezierVertex(23, 477, 30, 476, 35, 476); bezierVertex(36, 476, 40, 476, 40, 477); bezierVertex(42, 477, 42, 477, 43, 478); bezierVertex(43, 479, 43, 480, 42, 480); bezierVertex(41, 482, 38, 484, 34, 486); bezierVertex(28, 489, 23, 490, 21, 491); bezierVertex(20, 491, 19, 491, 18, 491); endShape(); beginShape(); vertex(21, 490); bezierVertex(23, 489, 26, 488, 30, 487); bezierVertex(36, 484, 40, 481, 41, 480); bezierVertex(42, 480, 42, 479, 42, 479); bezierVertex(42, 478, 42, 478, 41, 478); bezierVertex(41, 478, 40, 478, 39, 477); bezierVertex(36, 477, 32, 477, 28, 478); vertex(27, 478); vertex(26, 479); bezierVertex(26, 480, 25, 480, 25, 481); bezierVertex(24, 481, 24, 482, 23, 482); bezierVertex(20, 486, 18, 488, 18, 489); bezierVertex(18, 490, 18, 490, 20, 490); bezierVertex(20, 490, 21, 490, 21, 490); endShape(); beginShape(); vertex(11, 482); bezierVertex(11, 482, 12, 482, 13, 482); bezierVertex(17, 482, 20, 481, 22, 481); vertex(23, 481); vertex(25, 480); bezierVertex(25, 479, 26, 478, 26, 478); bezierVertex(26, 478, 22, 479, 19, 479); bezierVertex(18, 480, 17, 480, 15, 481); bezierVertex(14, 481, 12, 481, 10, 482); bezierVertex(10, 482, 9, 482, 10, 482); bezierVertex(10, 482, 10, 482, 11, 482); endShape(); beginShape(); vertex(35, 490); bezierVertex(35, 490, 35, 490, 35, 490); bezierVertex(35, 489, 35, 489, 36, 488); bezierVertex(37, 487, 38, 486, 39, 486); bezierVertex(40, 486, 40, 486, 40, 486); bezierVertex(41, 485, 41, 485, 41, 485); bezierVertex(41, 485, 41, 486, 41, 486); bezierVertex(40, 487, 39, 489, 40, 489); bezierVertex(40, 489, 41, 488, 42, 488); bezierVertex(42, 487, 43, 487, 43, 486); bezierVertex(44, 485, 45, 485, 45, 485); bezierVertex(45, 485, 45, 485, 45, 485); bezierVertex(45, 485, 45, 486, 45, 487); bezierVertex(44, 488, 44, 489, 44, 489); bezierVertex(44, 489, 45, 488, 47, 487); bezierVertex(48, 486, 48, 486, 48, 486); bezierVertex(48, 486, 49, 486, 49, 486); bezierVertex(49, 486, 49, 487, 48, 488); bezierVertex(48, 488, 48, 489, 48, 489); bezierVertex(48, 489, 48, 489, 49, 488); bezierVertex(50, 487, 51, 487, 51, 487); bezierVertex(52, 487, 52, 488, 51, 488); bezierVertex(51, 488, 51, 489, 51, 489); bezierVertex(51, 489, 51, 489, 50, 489); bezierVertex(50, 489, 50, 489, 50, 488); bezierVertex(50, 488, 50, 488, 50, 489); bezierVertex(47, 490, 47, 490, 47, 490); bezierVertex(46, 490, 46, 489, 46, 489); bezierVertex(46, 489, 46, 489, 45, 489); bezierVertex(45, 490, 44, 490, 44, 490); bezierVertex(43, 490, 43, 490, 43, 490); bezierVertex(43, 490, 43, 490, 43, 489); bezierVertex(43, 489, 43, 488, 43, 488); vertex(43, 487); vertex(42, 488); bezierVertex(41, 490, 40, 490, 39, 490); bezierVertex(39, 490, 38, 490, 39, 489); vertex(39, 488); vertex(38, 489); bezierVertex(36, 491, 36, 491, 35, 490); endShape(); beginShape(); vertex(37, 489); bezierVertex(38, 488, 39, 487, 38, 487); bezierVertex(38, 487, 38, 487, 38, 487); bezierVertex(37, 488, 36, 489, 36, 489); bezierVertex(36, 489, 36, 489, 37, 489); endShape(); beginShape(); vertex(69, 490); bezierVertex(69, 490, 68, 489, 68, 489); bezierVertex(68, 489, 68, 488, 68, 487); bezierVertex(69, 486, 69, 483, 70, 482); bezierVertex(70, 482, 70, 482, 70, 482); bezierVertex(70, 482, 70, 482, 69, 482); bezierVertex(67, 481, 66, 481, 66, 480); bezierVertex(66, 480, 67, 480, 69, 480); vertex(71, 480); vertex(71, 480); bezierVertex(72, 480, 72, 480, 72, 480); bezierVertex(72, 480, 72, 480, 72, 480); bezierVertex(72, 480, 72, 480, 73, 480); bezierVertex(74, 480, 75, 480, 75, 480); bezierVertex(76, 480, 77, 480, 77, 480); bezierVertex(78, 480, 78, 480, 78, 480); bezierVertex(78, 481, 78, 481, 77, 481); bezierVertex(76, 481, 73, 481, 72, 481); bezierVertex(72, 482, 71, 482, 71, 482); bezierVertex(71, 482, 70, 485, 70, 486); bezierVertex(70, 487, 69, 488, 69, 488); bezierVertex(69, 489, 69, 489, 69, 489); bezierVertex(70, 489, 70, 489, 69, 490); bezierVertex(69, 490, 69, 489, 69, 490); endShape(); beginShape(); vertex(61, 489); bezierVertex(61, 489, 61, 489, 61, 488); bezierVertex(60, 488, 60, 487, 60, 487); bezierVertex(60, 487, 60, 487, 60, 487); bezierVertex(60, 487, 59, 487, 59, 488); bezierVertex(59, 488, 58, 488, 58, 488); bezierVertex(57, 488, 57, 488, 56, 488); bezierVertex(56, 487, 56, 487, 56, 488); bezierVertex(55, 488, 54, 488, 53, 488); bezierVertex(52, 488, 52, 488, 52, 487); bezierVertex(52, 486, 53, 486, 53, 486); bezierVertex(54, 485, 54, 484, 53, 484); bezierVertex(53, 484, 53, 484, 53, 484); bezierVertex(52, 484, 52, 484, 52, 484); bezierVertex(51, 484, 51, 484, 51, 484); bezierVertex(51, 484, 51, 484, 50, 484); bezierVertex(50, 484, 50, 484, 50, 483); bezierVertex(51, 483, 51, 483, 51, 483); bezierVertex(52, 483, 53, 483, 53, 484); bezierVertex(54, 484, 54, 484, 54, 485); bezierVertex(54, 485, 54, 486, 54, 486); bezierVertex(53, 487, 53, 487, 53, 487); bezierVertex(53, 487, 53, 487, 53, 487); bezierVertex(54, 487, 55, 487, 55, 487); bezierVertex(55, 486, 55, 486, 55, 486); bezierVertex(56, 485, 56, 484, 57, 483); bezierVertex(57, 483, 58, 482, 58, 482); bezierVertex(59, 483, 59, 483, 59, 483); bezierVertex(59, 484, 59, 485, 58, 486); bezierVertex(58, 486, 57, 486, 57, 487); bezierVertex(57, 487, 58, 486, 58, 486); bezierVertex(58, 486, 59, 486, 60, 484); bezierVertex(60, 483, 60, 483, 61, 482); bezierVertex(61, 481, 62, 479, 63, 478); bezierVertex(64, 477, 64, 477, 64, 477); bezierVertex(64, 477, 65, 478, 65, 478); bezierVertex(65, 478, 64, 479, 64, 480); bezierVertex(62, 483, 62, 484, 62, 486); bezierVertex(61, 487, 62, 488, 62, 488); bezierVertex(62, 489, 62, 489, 62, 489); bezierVertex(62, 489, 62, 489, 61, 489); endShape(); beginShape(); vertex(58, 484); bezierVertex(59, 483, 58, 483, 58, 483); bezierVertex(57, 484, 57, 484, 57, 485); vertex(57, 485); vertex(57, 485); bezierVertex(58, 484, 58, 484, 58, 484); endShape(); popMatrix(); }; /* Drawing Graphic */ background(143, 198, 224); image(BackClouds, 0, 0); image(Whale, 0, 0); image(FrontClouds, 0, 0); image(Birds, 0, 0); image(Sand, 0, 0); for(var i = 0; i < 100; i += 1){ var gy = 250; var cl = color(95, 95, 107); stroke(cl,i/3); strokeWeight(5); line(0,i+gy,500,i+gy); } // gradient for(var i = 0; i < 50; i += 1){ pushMatrix(); translate(0,i+254); scale(1,0.3); noStroke(); fill(0,(-i)+50); beginShape(); vertex(-1, 325); bezierVertex(-1, 325, 247, 330, 327, 324); bezierVertex(327, 324, 419, 325, 505, 326); vertex(502, 411); bezierVertex(502, 411, 348, 426, 266, 412); bezierVertex(266, 412, 248, 406, 196, 411); bezierVertex(196, 411, 72, 421, -4, 413); endShape(); popMatrix(); } // ocean shadow image(Ocean, 0, 0); image(SurferShadow, 0, 0); image(SurferBody, 0, 0); image(SurferBoard, 0, 0); image(SurferArm, 0, 0); image(SurferLegs, 0, 0); signature(0,335,color(255)); if(width < 500 \|\| height < 500) { throw{message: "Please refresh the page to view this graphic."}; }
Folds	17,23,28,51,53,141,143,166,167,182,184,228,230,366,367,852,854,936,937,1016,1017,1072,1073,1143,1145,1290,1291,1330,1332,1524,1537,1543,1544,1560,1572,1574
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP2g7-zeCAw
Votes	383
Spin-Offs	7
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
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, 1739371705265
Updated	8 months ago, 1744828520490
Source Deleted	unknown