Viewing Program

Program Data

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

Title	Touching the Sky
ID	4986236703293440
Created	4 years ago, 1614618765993
Updated	4 years ago, 1634143933551
Code	/** * -- Touching the Sky -- * * - Started: 02/12/21 * - Finished: 02/22/21 * - Released: 03/01/21 * * + Subscribe: https://www.khanacademy.org/computer-programming/i/5957400542511104 * */ //[ colorMode(RGB); randomSeed(0); rectMode(CENTER); enableContextMenu(); var setTimeout = function(time) { this[["KAInfiniteLoopSetTimeout"]](time); }; setTimeout(Infinity); //] settings //[ var signature = function(x,y) { pushMatrix(); scale(0.6); translate(x,y); noFill(); stroke(0); 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(); }; //] signature function //[ var DistantRockPieces = (function() { background(0,0); noStroke(); fill(61, 28, 6,70); beginShape(); vertex(23, 373); vertex(32, 373); vertex(28, 386); vertex(25, 378); vertex(22, 377); endShape(); beginShape(); vertex(36, 326); vertex(46, 326); vertex(54, 320); vertex(53, 316); vertex(58, 314); vertex(59, 320); vertex(91, 327); vertex(93, 332); vertex(85, 348); vertex(80, 353); vertex(78, 346); vertex(73, 347); vertex(72, 359); vertex(67, 357); vertex(64, 365); vertex(62, 364); vertex(61, 371); bezierVertex(61, 371, 53, 361, 53, 361); bezierVertex(53, 360, 51, 345, 51, 345); vertex(46, 344); vertex(48, 352); vertex(40, 338); vertex(41, 332); endShape(); beginShape(); vertex(372, 266); vertex(380, 266); vertex(393, 254); vertex(398, 260); vertex(403, 260); vertex(405, 263); vertex(408, 262); vertex(412, 267); vertex(421, 266); vertex(410, 298); vertex(409, 305); vertex(404, 313); vertex(401, 305); vertex(400, 298); vertex(394, 298); vertex(391, 300); vertex(387, 291); vertex(392, 285); vertex(391, 278); vertex(385, 285); vertex(384, 301); vertex(373, 280); vertex(375, 270); endShape(); fill(61, 28, 6,35); beginShape(); vertex(329, 452); vertex(340, 452); vertex(339, 463); vertex(336, 459); vertex(333, 471); vertex(332, 459); vertex(330, 459); endShape(); beginShape(); vertex(371, 445); vertex(377, 439); vertex(385, 443); vertex(382, 455); vertex(380, 453); vertex(381, 467); vertex(379, 465); vertex(378, 470); vertex(376, 452); vertex(372, 451); endShape(); beginShape(); vertex(343, 452); vertex(348, 445); vertex(348, 434); vertex(350, 434); vertex(354, 444); vertex(367, 449); vertex(365, 459); vertex(362, 460); vertex(360, 476); vertex(360, 490); vertex(357, 485); vertex(354, 489); vertex(350, 495); vertex(347, 474); vertex(346, 479); vertex(346, 459); vertex(345, 459); endShape(); return get(); })(); var BigRock = (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(178, 109); msk.vertex(185, 110); msk.vertex(187, 121); msk.vertex(192, 122); msk.vertex(206, 133); msk.vertex(226, 146); msk.vertex(228, 156); msk.vertex(242, 158); msk.vertex(253, 155); msk.vertex(259, 159); msk.vertex(264, 157); msk.vertex(265, 149); msk.vertex(273, 149); msk.vertex(275, 150); msk.vertex(310, 148); msk.vertex(310, 144); msk.vertex(315, 144); msk.vertex(315, 136); msk.vertex(320, 137); msk.vertex(321, 130); msk.vertex(329, 128); msk.vertex(331, 122); msk.vertex(333, 121); msk.vertex(334, 119); msk.vertex(335, 119); msk.vertex(335, 132); msk.vertex(333, 132); msk.vertex(332, 137); msk.vertex(336, 138); msk.vertex(335, 147); msk.vertex(334, 148); msk.vertex(335, 150); msk.vertex(335, 162); msk.vertex(339, 160); msk.vertex(342, 162); msk.vertex(341, 179); msk.vertex(346, 183); msk.vertex(343, 194); msk.vertex(340, 204); msk.vertex(340, 218); msk.vertex(338, 230); msk.vertex(335, 232); msk.vertex(326, 260); msk.vertex(323, 270); msk.vertex(320, 273); msk.vertex(321, 285); msk.vertex(320, 296); msk.vertex(320, 329); msk.vertex(307, 365); msk.vertex(304, 372); msk.vertex(305, 375); msk.vertex(300, 375); msk.vertex(299, 374); msk.vertex(297, 375); msk.vertex(295, 372); msk.vertex(291, 359); msk.vertex(288, 364); msk.vertex(289, 376); msk.vertex(267, 404); msk.vertex(259, 399); msk.vertex(258, 398); msk.vertex(255, 400); msk.vertex(251, 410); msk.vertex(245, 409); msk.vertex(244, 402); msk.vertex(242, 395); msk.vertex(243, 394); msk.vertex(239, 393); msk.vertex(235, 384); msk.vertex(232, 385); msk.vertex(232, 393); msk.vertex(225, 391); msk.vertex(218, 398); msk.vertex(211, 399); msk.vertex(211, 397); msk.vertex(206, 392); msk.vertex(200, 387); msk.vertex(199, 391); msk.vertex(195, 392); msk.vertex(194, 390); msk.vertex(189, 383); msk.vertex(185, 353); msk.vertex(183, 355); msk.vertex(183, 356); msk.vertex(181, 356); msk.vertex(177, 350); msk.vertex(174, 340); msk.vertex(169, 328); msk.vertex(169, 316); msk.vertex(167, 314); msk.vertex(169, 312); msk.vertex(167, 285); msk.bezierVertex(167, 285, 163, 263, 163, 245); msk.vertex(160, 189); msk.bezierVertex(160, 189, 154, 170, 156, 151); msk.vertex(156, 148); msk.vertex(154, 147); msk.vertex(155, 139); msk.vertex(159, 139); msk.vertex(158, 136); msk.vertex(164, 131); msk.vertex(164, 123); msk.vertex(168, 123); msk.vertex(177, 119); msk.endShape(); msk.beginShape(); msk.vertex(232, 397); msk.vertex(228, 406); msk.vertex(231, 418); msk.vertex(230, 420); msk.vertex(235, 421); msk.vertex(235, 418); msk.vertex(240, 411); msk.vertex(238, 403); msk.vertex(238, 398); msk.endShape(); msk.beginShape(); msk.vertex(221, 408); msk.vertex(222, 412); msk.vertex(220, 413); msk.vertex(220, 418); msk.vertex(218, 417); msk.vertex(218, 414); msk.vertex(216, 414); msk.vertex(217, 409); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(84, 55, 35); bkg.rect(250,300,500,600); for(var i = 0; i < 300; i++) { var c = color(0, 0, 0); bkg.noStroke(); bkg.fill(c,random(20,30)); bkg.ellipse(random(100, 350), random(50, 400),random(2, 5),random(50, 100)); bkg.ellipse(random(100, 350), random(50, 400),random(50, 100),random(2, 5)); } for(var i = 0; i < 300; i += 1){ var c = color(255); bkg.stroke(c,i/3); bkg.strokeWeight(2); bkg.line(100,i+250,400,i+250); } for(var i = 0; i < 300; i += 1){ var c = color(255); bkg.stroke(c,i/3); bkg.strokeWeight(2); bkg.line(-i+200,0,-i+300,400); } // little gradient for little rock for(var i = 0; i < 20; i += 1){ var c = color(255); bkg.stroke(c,i7); bkg.strokeWeight(2); bkg.line(-i+158,190,-i+167,250); } bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var BigRockTexturing = (function() { background(0,0); fill(255, 255, 255, 20); beginShape(); vertex(167, 135); vertex(169, 157); vertex(174, 146); vertex(177, 133); vertex(181, 131); bezierVertex(181, 131, 179, 165, 179, 167); bezierVertex(179, 170, 177, 186, 177, 186); vertex(182, 208); vertex(184, 164); vertex(190, 165); vertex(205, 260); vertex(215, 254); vertex(213, 226); vertex(218, 264); vertex(210, 271); vertex(222, 326); vertex(219, 342); vertex(222, 356); vertex(209, 349); vertex(201, 295); vertex(202, 286); vertex(190, 278); vertex(179, 217); vertex(180, 207); bezierVertex(180, 207, 176, 192, 175, 196); bezierVertex(174, 200, 173, 205, 173, 205); vertex(169, 179); vertex(168, 208); vertex(162, 171); vertex(164, 160); vertex(166, 154); endShape(); fill(255, 255, 255, 30); beginShape(); vertex(160, 134); vertex(162, 145); vertex(162, 171); vertex(169, 220); vertex(171, 208); vertex(178, 252); vertex(178, 277); vertex(182, 285); vertex(185, 334); vertex(192, 327); vertex(198, 345); vertex(195, 356); vertex(209, 358); vertex(208, 377); vertex(220, 395); vertex(218, 398); vertex(211, 397); vertex(200, 387); vertex(195, 392); vertex(189, 383); vertex(185, 353); vertex(181, 356); vertex(169, 328); vertex(154, 147); vertex(155, 139); endShape(); beginShape(); vertex(190, 123); vertex(196, 136); vertex(194, 141); vertex(207, 141); vertex(208, 135); endShape(); beginShape(); vertex(218, 211); vertex(215, 226); vertex(228, 268); vertex(228, 254); vertex(232, 250); vertex(230, 228); vertex(224, 222); endShape(); beginShape(); vertex(232, 270); vertex(237, 298); vertex(238, 367); vertex(243, 360); vertex(247, 369); vertex(255, 321); vertex(253, 313); vertex(249, 328); vertex(246, 361); vertex(242, 360); vertex(247, 306); vertex(252, 291); vertex(247, 271); vertex(241, 269); endShape(); beginShape(); vertex(260, 399); vertex(263, 311); vertex(249, 271); vertex(251, 267); vertex(265, 307); vertex(271, 306); vertex(283, 341); vertex(300, 303); vertex(319, 282); vertex(319, 287); vertex(302, 305); vertex(297, 333); vertex(310, 377); vertex(266, 408); endShape(); fill(168, 106, 67, 90); beginShape(); vertex(202, 151); vertex(209, 165); vertex(207, 191); vertex(212, 188); vertex(212, 164); vertex(219, 170); vertex(225, 196); vertex(234, 199); vertex(236, 183); vertex(241, 159); vertex(228, 154); vertex(225, 146); vertex(208, 135); endShape(); beginShape(); vertex(242, 158); bezierVertex(242, 158, 249, 201, 250, 202); bezierVertex(250, 203, 258, 220, 258, 220); vertex(263, 164); vertex(257, 162); vertex(258, 159); vertex(253, 155); endShape(); beginShape(); vertex(241, 185); vertex(248, 236); vertex(242, 235); vertex(237, 219); vertex(233, 215); vertex(233, 203); endShape(); fill(168, 106, 67, 70); beginShape(); vertex(266, 197); vertex(263, 228); vertex(256, 234); vertex(267, 274); vertex(271, 272); vertex(276, 242); vertex(270, 219); vertex(268, 202); endShape(); fill(168, 106, 67, 70); beginShape(); vertex(275, 221); vertex(285, 233); vertex(286, 252); vertex(295, 276); vertex(292, 279); vertex(288, 274); vertex(291, 283); vertex(285, 300); vertex(287, 313); vertex(284, 314); vertex(279, 299); vertex(270, 291); vertex(278, 249); vertex(280, 246); vertex(279, 232); vertex(276, 224); endShape(); fill(168, 106, 67, 60); beginShape(); vertex(265, 172); bezierVertex(266, 176, 265, 190, 265, 190); vertex(278, 212); vertex(279, 200); vertex(270, 170); endShape(); fill(250, 121, 47, 60); beginShape(); vertex(266, 165); vertex(270, 162); vertex(271, 158); vertex(279, 159); vertex(288, 152); vertex(294, 163); vertex(296, 155); vertex(301, 164); vertex(301, 174); vertex(297, 194); vertex(297, 199); bezierVertex(297, 199, 299, 212, 299, 213); bezierVertex(299, 214, 301, 225, 301, 225); vertex(294, 234); vertex(286, 228); vertex(286, 225); vertex(280, 217); vertex(280, 199); vertex(271, 170); endShape(); fill(168, 106, 67, 100); beginShape(); vertex(265, 149); vertex(269, 159); vertex(270, 158); vertex(278, 159); vertex(288, 151); vertex(294, 162); vertex(295, 155); vertex(301, 164); vertex(301, 203); bezierVertex(301, 203, 302, 196, 303, 198); bezierVertex(304, 199, 305, 208, 305, 208); vertex(316, 175); vertex(314, 195); vertex(312, 200); vertex(310, 209); vertex(329, 196); vertex(330, 178); vertex(334, 165); vertex(336, 138); endShape(); fill(255, 255, 255, 20); beginShape(); vertex(336, 163); vertex(337, 183); vertex(326, 203); vertex(309, 215); vertex(309, 231); vertex(318, 217); vertex(320, 212); vertex(321, 215); vertex(313, 229); vertex(315, 232); vertex(309, 242); vertex(310, 256); vertex(321, 252); vertex(320, 271); vertex(335, 232); vertex(341, 179); vertex(336, 160); endShape(); fill(255, 255, 255, 10); beginShape(); vertex(311, 257); vertex(311, 268); vertex(302, 269); vertex(315, 283); vertex(320, 279); vertex(319, 255); endShape(); return get(); })(); var Buildings = (function() { background(0,0); noStroke(); fill(213, 163, 122); quad(256, 13, 254, 45, 277, 68, 278, 19); quad(215, 77, 214, 93, 236, 93, 233, 78); beginShape(); vertex(280, 93); vertex(279, 109); vertex(274, 114); vertex(274, 116); vertex(279, 117); vertex(278, 126); vertex(291, 125); vertex(290, 110); vertex(294, 107); vertex(293, 89); vertex(274, 89); vertex(275, 94); endShape(); beginShape(); vertex(224, 117); vertex(224, 142); vertex(230, 142); vertex(235, 135); vertex(235, 130); vertex(237, 130); vertex(239, 116); endShape(); beginShape(); vertex(249, 120); vertex(249, 138); vertex(266, 139); vertex(266, 148); vertex(275, 150); vertex(291, 149); vertex(291, 133); vertex(275, 131); vertex(275, 122); endShape(); beginShape(); vertex(295, 141); vertex(304, 141); vertex(304, 129); vertex(321, 129); vertex(320, 137); vertex(315, 136); vertex(315, 144); vertex(310, 144); vertex(310, 148); vertex(294, 149); endShape(); fill(200, 139, 99); quad(253, 44, 275, 50, 274, 68, 251, 63); beginShape(); vertex(255, 66); vertex(254, 72); vertex(252, 72); vertex(252, 86); vertex(273, 87); vertex(274, 67); endShape(); beginShape(); vertex(279, 57); vertex(279, 74); vertex(290, 74); vertex(281, 82); vertex(283, 82); vertex(283, 88); vertex(293, 89); vertex(293, 100); vertex(298, 99); vertex(299, 94); vertex(301, 92); vertex(301, 85); vertex(310, 85); vertex(310, 75); vertex(299, 72); vertex(300, 61); endShape(); fill(143, 96, 81); beginShape(); vertex(238, 18); vertex(256, 13); vertex(254, 45); vertex(253, 44); vertex(251, 63); vertex(271, 67); vertex(255, 66); vertex(254, 72); vertex(252, 72); vertex(252, 86); vertex(245, 86); vertex(246, 77); vertex(242, 77); vertex(242, 66); vertex(231, 64); vertex(233, 43); vertex(236, 42); vertex(235, 34); vertex(237, 35); vertex(239, 35); endShape(); beginShape(); vertex(284, 34); vertex(283, 58); vertex(279, 57); vertex(279, 74); vertex(283, 82); vertex(283, 88); vertex(293, 89); vertex(274, 89); vertex(275, 94); vertex(280, 93); vertex(279, 109); vertex(274, 114); vertex(274, 116); vertex(279, 117); vertex(278, 126); vertex(286, 125); vertex(286, 132); vertex(275, 131); vertex(275, 122); vertex(270, 122); vertex(270, 110); vertex(264, 101); vertex(270, 90); vertex(270, 87); vertex(273, 87); vertex(275, 58); vertex(277, 57); vertex(278, 40); vertex(282, 40); vertex(282, 36); endShape(); beginShape(); vertex(215, 45); vertex(229, 42); vertex(225, 66); vertex(228, 72); vertex(222, 76); vertex(228, 75); vertex(230, 70); vertex(230, 78); vertex(215, 77); vertex(214, 93); vertex(218, 93); vertex(217, 102); vertex(214, 102); vertex(213, 115); vertex(201, 113); vertex(202, 80); vertex(206, 80); vertex(210, 79); vertex(210, 76); vertex(213, 67); endShape(); quad(214, 117, 213, 129, 220, 135, 221, 116); beginShape(); vertex(301, 85); vertex(306, 85); vertex(306, 100); vertex(301, 99); vertex(299, 102); vertex(299, 115); vertex(297, 114); vertex(294, 116); vertex(298, 117); vertex(298, 123); vertex(301, 123); vertex(307, 129); vertex(304, 129); vertex(290, 127); vertex(291, 125); vertex(290, 110); vertex(294, 107); vertex(293, 100); vertex(298, 99); vertex(299, 94); vertex(301, 92); endShape(); beginShape(); vertex(230, 101); vertex(242, 100); vertex(241, 106); vertex(247, 106); vertex(247, 115); vertex(255, 120); vertex(252, 120); vertex(244, 115); vertex(244, 110); vertex(230, 109); endShape(); beginShape(); vertex(239, 116); vertex(249, 120); vertex(249, 138); vertex(235, 135); vertex(235, 130); vertex(237, 130); endShape(); fill(189, 141, 84); quad(306, 85, 319, 86, 318, 100, 306, 100); beginShape(); vertex(297, 114); vertex(299, 115); vertex(316, 115); vertex(316, 129); vertex(307, 129); vertex(301, 123); vertex(298, 123); vertex(298, 117); vertex(294, 116); endShape(); fill(86, 97, 94); beginShape(); vertex(231, 87); vertex(252, 85); vertex(270, 87); vertex(270, 90); vertex(264, 101); vertex(247, 101); vertex(230, 101); endShape(CLOSE); fill(0, 0, 0, 26); quad(245, 86, 245, 101, 230, 101, 231, 87); fill(86, 97, 94); beginShape(); vertex(247, 115); vertex(270, 115); vertex(270, 122); vertex(249, 120); vertex(239, 116); endShape(); fill(168, 115, 97); beginShape(); vertex(226, 42); vertex(233, 43); vertex(231, 64); vertex(242, 66); vertex(242, 77); vertex(246, 77); vertex(245, 86); vertex(231, 87); vertex(230, 70); vertex(228, 75); vertex(222, 76); vertex(225, 66); endShape(); beginShape(); vertex(284, 34); vertex(286, 37); vertex(286, 41); vertex(290, 42); vertex(289, 59); vertex(281, 58); endShape(); beginShape(); vertex(242, 100); vertex(241, 106); vertex(247, 106); vertex(247, 115); vertex(270, 115); vertex(270, 110); vertex(264, 101); endShape(); beginShape(); vertex(301, 99); vertex(299, 102); vertex(299, 115); vertex(312, 115); vertex(312, 104); vertex(316, 100); endShape(); beginShape(); vertex(322, 100); vertex(321, 118); vertex(316, 118); vertex(316, 126); vertex(325, 126); vertex(325, 122); vertex(331, 122); vertex(331, 106); vertex(326, 106); vertex(326, 100); endShape(); quad(279, 74, 290, 74, 289, 82, 283, 82); fill(152, 108, 78); beginShape(); vertex(235, 133); vertex(226, 146); vertex(228, 154); vertex(242, 158); vertex(253, 155); vertex(258, 159); vertex(264, 157); vertex(265, 149); vertex(266, 148); vertex(266, 139); vertex(249, 138); endShape(); fill(86, 98, 95); beginShape(); vertex(191, 113); vertex(201, 113); vertex(221, 116); vertex(214, 117); vertex(213, 129); vertex(220, 135); vertex(219, 141); vertex(192, 122); endShape(); fill(156, 115, 91); beginShape(); vertex(216, 93); vertex(217, 102); vertex(212, 102); vertex(213, 116); vertex(221, 116); vertex(219, 141); vertex(226, 146); vertex(230, 142); vertex(224, 142); vertex(224, 117); vertex(244, 116); vertex(244, 110); vertex(230, 108); vertex(230, 78); vertex(230, 93); endShape(); fill(113, 75, 65); beginShape(); vertex(286, 125); vertex(291, 125); vertex(290, 127); vertex(304, 129); vertex(304, 141); vertex(295, 141); vertex(294, 149); vertex(291, 149); vertex(291, 133); vertex(286, 132); endShape(); fill(108, 68, 57); beginShape(); vertex(316, 100); vertex(322, 100); vertex(321, 118); vertex(316, 118); vertex(316, 115); vertex(312, 115); vertex(312, 104); endShape(); fill(116, 77, 59); beginShape(); vertex(188, 85); vertex(185, 110); vertex(187, 121); vertex(192, 122); vertex(194, 113); vertex(202, 113); vertex(202, 85); endShape(); fill(83, 62, 53); beginShape(); vertex(182, 86); vertex(188, 85); vertex(185, 110); vertex(180, 109); bezierVertex(180, 109, 182, 100, 182, 99); bezierVertex(182, 99, 182, 86, 182, 86); endShape(); fill(131, 87, 65); beginShape(); vertex(316, 126); vertex(325, 126); vertex(325, 122); vertex(331, 122); vertex(329, 128); vertex(321, 130); vertex(316, 129); endShape(); // windows fill(0, 0, 0, 50); noStroke(); rect(255, 49, 2, 2); rect(262, 50, 2, 2); rect(269, 51, 2, 2); rect(255, 56, 2, 2); rect(261, 56, 2, 2); rect(268, 58, 2, 2); rect(216, 79, 2, 2); rect(222, 79, 2, 2); rect(252, 128, 2, 2); rect(256, 129, 2, 2); rect(260, 129, 2, 2); rect(265, 129, 2, 2); rect(270, 129, 2, 2); rect(250, 97, 2, 2); rect(262, 99, 2, 2); rect(258, 93, 2, 2); rect(254, 92, 2, 2); rect(258, 89, 2, 2); rect(253, 88, 2, 2); rect(248, 92, 2, 2); rect(280, 95, 2, 2); rect(285, 95, 2, 2); rect(307, 93, 2, 2); rect(313, 93, 2, 2); rect(281, 105, 2, 2); rect(285, 105, 2, 2); return get(); })(); var FloatingRock0 = (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(165, 200); msk.bezierVertex(165, 200, 159, 204, 150, 205); msk.vertex(150, 207); msk.vertex(145, 208); msk.vertex(147, 214); msk.bezierVertex(147, 214, 146, 223, 153, 225); msk.bezierVertex(153, 225, 155, 227, 155, 231); msk.vertex(157, 232); msk.vertex(162, 241); msk.vertex(163, 246); msk.vertex(168, 250); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(66, 43, 28); bkg.rect(250,300,500,600); for(var i = 0; i < 50; i++) { var c = color(0, 0, 0); bkg.noStroke(); bkg.fill(c,random(20,60)); bkg.ellipse(random(100, 200), random(200, 300),random(2, 5),random(50, 100)); bkg.ellipse(random(100, 200), random(200, 300),random(50, 100),random(2, 5)); } for(var i = 0; i < 200; i += 1){ var c = color(255); bkg.stroke(c,i); bkg.strokeWeight(2); bkg.line(i+110,200,i+110,300); } bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var FloatingRock1 = (function() { background(0,0); noFill(); stroke(61, 50, 42); strokeWeight(1.6); bezier(318, 144, 318, 144, 333, 166, 354, 164); bezier(343, 181, 343, 181, 356, 177, 359, 171); stroke(133, 111, 96); bezier(150, 223, 150, 223, 147, 235, 142, 237); noStroke(); fill(138, 96, 68); beginShape(); vertex(355, 161); vertex(354, 168); vertex(358, 174); vertex(357, 176); vertex(359, 177); vertex(360, 184); vertex(363, 185); vertex(367, 193); vertex(370, 194); vertex(374, 197); vertex(376, 195); vertex(375, 192); vertex(380, 188); vertex(383, 180); vertex(383, 171); vertex(386, 168); vertex(387, 163); vertex(371, 162); endShape(CLOSE); fill(102, 69, 49); beginShape(); vertex(387, 168); vertex(390, 168); vertex(392, 168); vertex(390, 176); vertex(389, 176); vertex(387, 171); endShape(CLOSE); fill(0, 0, 0, 60); noStroke(); beginShape(); vertex(365, 168); vertex(368, 173); vertex(370, 183); vertex(371, 174); vertex(368, 167); endShape(); beginShape(); vertex(374, 166); vertex(377, 173); vertex(377, 185); vertex(380, 174); vertex(379, 167); endShape(); quad(383, 166, 383, 170, 386, 168, 386, 166); fill(0, 0, 0, 70); noStroke(); beginShape(); vertex(355, 164); vertex(361, 165); vertex(371, 194); vertex(367, 192); vertex(363, 184); vertex(360, 183); vertex(359, 177); vertex(358, 174); vertex(354, 168); endShape(); return get(); })(); var FloatingRock2 = (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(101, 231); msk.vertex(130, 232); msk.vertex(130, 229); msk.vertex(132, 230); msk.vertex(132, 233); msk.vertex(135, 232); msk.vertex(135, 230); msk.vertex(136, 231); msk.vertex(137, 232); msk.vertex(140, 232); msk.vertex(141, 235); msk.vertex(146, 237); msk.vertex(141, 253); msk.vertex(138, 263); msk.vertex(135, 267); msk.vertex(134, 272); msk.vertex(131, 274); msk.vertex(130, 283); msk.vertex(128, 288); msk.vertex(128, 294); msk.vertex(124, 295); msk.vertex(123, 304); msk.vertex(120, 307); msk.vertex(119, 302); msk.vertex(118, 302); msk.vertex(113, 288); msk.vertex(111, 291); msk.vertex(103, 281); msk.vertex(99, 266); msk.vertex(94, 261); msk.vertex(90, 250); msk.vertex(87, 249); msk.vertex(83, 243); msk.vertex(83, 233); msk.vertex(87, 235); msk.vertex(89, 233); msk.vertex(97, 232); msk.vertex(97, 230); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(107, 74, 51); bkg.rect(250,300,500,600); for(var i = 0; i < 200; i++) { var c = color(0, 0, 0); bkg.noStroke(); bkg.fill(c,random(20,30)); bkg.ellipse(random(50, 200), random(150, 300),random(2, 5),random(50, 100)); bkg.ellipse(random(50, 200), random(150, 300),random(50, 100),random(2, 5)); } for(var i = 0; i < 200; i += 1){ var c = color(0); bkg.stroke(c,i/4); bkg.strokeWeight(2); bkg.line(80,-i+435,400,-i+460); } for(var i = 0; i < 200; i += 1){ var c = color(255); bkg.stroke(c,i); bkg.strokeWeight(2); bkg.line(80,i+220,400,i+300); } bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var FloatingRock3 = (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(280, 330); msk.bezierVertex(280, 330, 293, 328, 294, 323); msk.bezierVertex(294, 323, 308, 328, 323, 324); msk.vertex(331, 323); msk.vertex(334, 324); msk.vertex(345, 324); msk.vertex(350, 326); msk.vertex(353, 325); msk.vertex(357, 331); msk.vertex(362, 331); msk.vertex(366, 333); msk.vertex(372, 328); msk.vertex(377, 330); msk.vertex(385, 330); msk.vertex(385, 332); msk.vertex(379, 339); msk.vertex(372, 354); msk.bezierVertex(372, 354, 363, 361, 362, 365); msk.bezierVertex(362, 365, 358, 369, 358, 372); msk.vertex(348, 377); msk.vertex(346, 379); msk.vertex(343, 384); msk.vertex(339, 385); msk.vertex(332, 391); msk.vertex(326, 387); msk.vertex(322, 376); msk.vertex(310, 370); msk.vertex(308, 371); msk.vertex(306, 364); msk.vertex(303, 365); msk.vertex(301, 362); msk.vertex(295, 352); msk.vertex(297, 349); msk.vertex(295, 344); msk.vertex(292, 346); msk.vertex(287, 335); msk.bezierVertex(287, 335, 282, 329, 280, 330); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(79, 41, 24); bkg.rect(250,300,500,600); for(var i = 0; i < 80; i++) { var c = color(0, 0, 0); bkg.noStroke(); bkg.fill(c,random(20,40)); bkg.ellipse(random(250, 400), random(340, 450),random(2, 3),random(40, 80)); bkg.ellipse(random(250, 400), random(340, 450),random(50, 100),random(2, 3)); } for(var i = 0; i < 100; i += 1){ var c = color(255); bkg.stroke(c,i); bkg.strokeWeight(2); bkg.line(200,i+340,400,i+340); } bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var FloatingRock4 = (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(39, 415); msk.vertex(47, 429); msk.vertex(54, 433); msk.vertex(56, 437); msk.vertex(60, 435); msk.vertex(79, 440); msk.vertex(78, 434); msk.vertex(90, 435); msk.vertex(98, 439); msk.vertex(96, 442); msk.vertex(101, 441); msk.vertex(107, 444); msk.vertex(123, 442); msk.vertex(125, 445); msk.vertex(144, 445); msk.vertex(145, 448); msk.vertex(155, 447); msk.vertex(165, 453); msk.vertex(177, 452); msk.bezierVertex(177, 452, 185, 457, 182, 465); msk.vertex(179, 477); msk.vertex(178, 489); msk.vertex(177, 490); msk.vertex(176, 501); msk.vertex(166, 516); msk.vertex(160, 512); msk.vertex(150, 515); msk.vertex(143, 536); msk.vertex(131, 539); msk.vertex(125, 551); msk.vertex(125, 559); msk.vertex(124, 565); msk.vertex(115, 564); msk.vertex(107, 571); msk.vertex(104, 568); msk.vertex(98, 570); msk.vertex(95, 566); msk.vertex(89, 569); msk.vertex(85, 564); msk.vertex(84, 561); msk.vertex(83, 567); msk.vertex(80, 568); msk.bezierVertex(80, 568, 76, 576, 75, 579); msk.bezierVertex(75, 579, 73, 583, 69, 579); msk.vertex(64, 574); msk.vertex(55, 572); msk.vertex(45, 553); msk.bezierVertex(45, 553, 27, 526, 29, 511); msk.bezierVertex(29, 511, 23, 491, 18, 484); msk.bezierVertex(18, 484, 19, 478, 21, 475); msk.vertex(19, 463); msk.bezierVertex(19, 463, 20, 457, 24, 456); msk.bezierVertex(24, 456, 22, 440, 22, 439); msk.bezierVertex(22, 438, 26, 415, 26, 415); msk.vertex(33, 417); msk.vertex(37, 422); msk.endShape(); msk.beginShape(); msk.vertex(85, 573); msk.vertex(90, 572); msk.vertex(94, 568); msk.vertex(97, 572); msk.vertex(93, 575); msk.vertex(92, 586); msk.vertex(90, 586); msk.vertex(85, 580); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(122, 61, 36); bkg.rect(250,300,500,600); bkg.fill(0,110); bkg.beginShape(); bkg.vertex(26, 419); bkg.vertex(32, 442); bkg.vertex(31, 451); bkg.vertex(42, 467); bkg.vertex(44, 453); bkg.vertex(60, 456); bkg.vertex(53, 463); bkg.vertex(54, 467); bkg.vertex(73, 473); bkg.vertex(82, 472); bkg.vertex(88, 477); bkg.vertex(87, 479); bkg.vertex(100, 487); bkg.vertex(99, 472); bkg.vertex(147, 466); bkg.vertex(149, 482); bkg.vertex(159, 485); bkg.vertex(159, 464); bkg.vertex(162, 463); bkg.vertex(157, 500); bkg.vertex(170, 506); bkg.vertex(176, 495); bkg.vertex(179, 593); bkg.vertex(15, 589); bkg.vertex(13, 419); bkg.endShape(); for(var i = 0; i < 100; i++) { var c = color(0, 0, 0); bkg.noStroke(); bkg.fill(c,random(20,40)); bkg.ellipse(random(0, 200), random(480, 600),random(2, 3),random(40, 80)); bkg.ellipse(random(0, 200), random(430, 600),random(60, 110),random(2, 5)); } for(var i = 0; i < 200; i += 1){ var c = color(255); bkg.stroke(c,i/2); bkg.strokeWeight(2); bkg.line(10,i+440,200,i+550); } bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var Bridge4 = (function() { background(0,0); var msk = createGraphics(width,height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noFill(); msk.strokeWeight(2.5); msk.stroke(255, 255, 255); msk.bezier(125, 237, 125, 235, 199, 408, 289, 332); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); var c1 = color(128, 105, 92);// gradient top color var c2 = color(56, 43, 36);// gradient bottom color for (var i = 100; i < 300; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 200)); bkg.line(i, 200, i, 400); }// gradient bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var Bridge5 = (function() { background(0,0); noStroke(); fill(41, 24, 19); beginShape(); vertex(297, 354); bezierVertex(297, 354, 253, 453, 179, 454); vertex(181, 459); bezierVertex(179, 459, 231, 457, 261, 422); bezierVertex(261, 422, 292, 386, 300, 360); endShape(); noFill(); stroke(0); strokeWeight(1); line(167, 455, 166, 443); line(156, 441, 159, 454); strokeWeight(0.6); beginShape(); vertex(161, 453); vertex(167, 443); bezierVertex(167, 443, 190, 454, 222, 443); endShape(); beginShape(); vertex(151, 449); vertex(157, 441); bezierVertex(157, 441, 177, 451, 204, 442); bezierVertex(204, 442, 224, 441, 237, 426); bezierVertex(237, 426, 255, 416, 265, 398); bezierVertex(265, 398, 281, 383, 284, 373); bezierVertex(284, 373, 296, 363, 297, 354); endShape(); line(283, 372, 285, 377); line(264, 396, 268, 403); line(237, 425, 238, 433); line(203, 441, 204, 454); return get(); })(); var Bridge6Base = (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(107, 471); msk.vertex(107, 477); msk.bezierVertex(107, 477, 131, 528, 176, 550); msk.bezierVertex(176, 550, 193, 561, 216, 568); msk.bezierVertex(216, 568, 218, 576, 221, 578); msk.bezierVertex(221, 578, 215, 571, 218, 568); msk.bezierVertex(218, 568, 233, 573, 238, 573); msk.vertex(239, 576); msk.vertex(239, 573); msk.bezierVertex(239, 573, 273, 578, 284, 578); msk.vertex(292, 578); msk.vertex(292, 581); msk.vertex(294, 578); msk.vertex(310, 577); msk.vertex(312, 588); msk.vertex(312, 576); msk.bezierVertex(312, 576, 327, 575, 329, 575); msk.vertex(332, 573); msk.bezierVertex(332, 573, 348, 572, 351, 571); msk.vertex(366, 567); msk.vertex(377, 567); msk.vertex(398, 561); msk.vertex(397, 559); msk.vertex(402, 559); msk.vertex(413, 555); msk.vertex(413, 552); msk.vertex(416, 553); msk.vertex(416, 555); msk.vertex(418, 552); msk.vertex(425, 553); msk.vertex(434, 547); msk.vertex(411, 545); msk.vertex(412, 543); msk.vertex(439, 545); msk.vertex(452, 539); msk.vertex(451, 537); msk.vertex(456, 537); msk.vertex(469, 529); msk.vertex(452, 525); msk.vertex(442, 524); msk.vertex(442, 522); msk.vertex(451, 524); msk.vertex(472, 528); msk.vertex(489, 518); msk.vertex(487, 516); msk.vertex(493, 516); msk.vertex(500, 511); msk.vertex(500, 499); msk.vertex(487, 496); msk.vertex(487, 494); msk.vertex(500, 497); msk.vertex(500, 491); msk.vertex(478, 487); msk.vertex(500, 490); msk.vertex(500, 468); msk.vertex(479, 465); msk.vertex(479, 464); msk.vertex(500, 467); msk.vertex(500, 423); msk.vertex(488, 437); msk.vertex(485, 437); msk.vertex(467, 457); msk.vertex(468, 461); msk.vertex(473, 462); msk.vertex(465, 462); msk.vertex(464, 461); msk.vertex(448, 477); vertex(449, 480); msk.vertex(443, 481); msk.vertex(440, 483); msk.vertex(440, 486); msk.vertex(465, 490); msk.vertex(465, 492); msk.vertex(438, 488); msk.vertex(426, 487); msk.vertex(416, 502); msk.vertex(419, 503); msk.vertex(415, 503); msk.vertex(403, 515); msk.vertex(400, 515); msk.vertex(383, 530); msk.vertex(378, 528); msk.vertex(364, 539); msk.vertex(347, 549); msk.vertex(345, 551); msk.vertex(341, 550); msk.vertex(326, 557); msk.vertex(326, 559); msk.vertex(323, 558); msk.vertex(313, 564); msk.vertex(305, 567); msk.vertex(302, 566); msk.vertex(296, 568); msk.vertex(296, 569); msk.vertex(292, 570); msk.vertex(289, 569); msk.vertex(286, 571); msk.vertex(274, 572); msk.vertex(270, 574); msk.vertex(266, 573); msk.vertex(254, 572); msk.bezierVertex(254, 572, 225, 570, 191, 547); msk.vertex(191, 545); msk.vertex(186, 542); msk.vertex(179, 538); msk.vertex(179, 536); msk.vertex(174, 531); msk.vertex(168, 526); msk.vertex(165, 523); msk.vertex(164, 519); msk.vertex(158, 516); msk.bezierVertex(158, 516, 135, 486, 131, 469); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); var c1 = color(122, 56, 32);// gradient top color var c2 = color(56, 38, 27);// gradient bottom color for (var i = 100; i < 500; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 400)); bkg.line(i, 420, i, 600); }// gradient for(var i = 0; i < 200; i++) { var c = color(0, 0, 0); bkg.noStroke(); bkg.fill(c,random(20,35)); bkg.ellipse(random(100, 500), random(420, 600),random(50, 80),random(5, 8)); bkg.ellipse(random(100, 500), random(420, 600),random(100, 150),random(2, 5)); } bkg = bkg.get(); bkg.mask(msk); image(bkg,0,0); return get(); })(); var Bridge6Sides = (function() { background(0,0); noStroke(); fill(38, 19, 13); beginShape(); vertex(106, 456); vertex(108, 457); vertex(109, 460); vertex(111, 460); vertex(109, 478); vertex(107, 477); endShape(); fill(51, 25, 17); beginShape(); vertex(125, 454); vertex(127, 454); vertex(127, 456); vertex(129, 456); vertex(127, 469); vertex(124, 469); endShape(); beginShape(); vertex(183, 534); vertex(185, 533); vertex(186, 529); vertex(187, 530); vertex(186, 542); vertex(182, 540); endShape(); quad(239, 569, 242, 557, 243, 557, 241, 569); quad(253, 560, 256, 560, 257, 573, 254, 573); fill(43, 25, 20); beginShape(); vertex(353, 503); vertex(357, 501); vertex(357, 496); vertex(359, 499); vertex(364, 540); vertex(358, 543); endShape(); beginShape(); vertex(474, 374); vertex(477, 376); vertex(477, 375); vertex(481, 375); vertex(489, 392); vertex(501, 419); vertex(500, 423); vertex(497, 428); vertex(490, 411); vertex(485, 404); vertex(484, 399); vertex(484, 409); vertex(482, 407); vertex(482, 396); vertex(477, 384); endShape(); noFill(); strokeWeight(2); stroke(38, 22, 17); beginShape(); vertex(254, 562); bezierVertex(254, 562, 286, 576, 356, 510); vertex(361, 507); bezierVertex(361, 507, 439, 471, 480, 385); vertex(483, 382); bezierVertex(483, 382, 497, 378, 500, 367); endShape(); strokeWeight(1.2); stroke(38, 22, 17); line(282, 560, 281, 571); line(299, 552, 299, 567); line(319, 540, 320, 560); bezier(341, 523, 341, 523, 343, 543, 342, 550); line(376, 499, 385, 528); bezier(413, 469, 413, 469, 423, 484, 424, 490); beginShape(); vertex(449, 433); vertex(454, 428); bezierVertex(454, 428, 465, 447, 468, 457); endShape(); beginShape(); vertex(213, 559); bezierVertex(213, 559, 233, 562, 242, 559); bezierVertex(242, 559, 257, 569, 299, 559); bezierVertex(299, 559, 369, 535, 410, 502); endShape(); quad(409, 500, 410, 509, 415, 504, 412, 500); line(267, 564, 265, 572); line(283, 562, 283, 571); bezier(317, 553, 317, 553, 317, 559, 316, 562); bezier(386, 519, 386, 519, 387, 524, 386, 527); line(232, 561, 232, 566); line(220, 560, 220, 563); bezier(244, 560, 244, 560, 243, 568, 244, 570); beginShape(); vertex(184, 534); bezierVertex(184, 534, 176, 530, 160, 514); vertex(159, 517); endShape(); bezier(180, 531, 180, 531, 180, 538, 180, 540); return get(); })(); var FloatingRocks_Texture = (function() { background(0,0); // 2 fill(255, 255, 255, 20); noStroke(); beginShape(); vertex(103, 244); vertex(106, 262); vertex(121, 284); vertex(109, 285); vertex(109, 267); vertex(98, 264); vertex(91, 251); vertex(84, 242); vertex(83, 234); vertex(92, 238); vertex(99, 261); vertex(100, 252); endShape(); beginShape(); vertex(123, 244); vertex(125, 258); vertex(128, 260); vertex(135, 240); vertex(142, 237); vertex(138, 233); vertex(128, 236); vertex(133, 240); vertex(132, 249); endShape(); beginShape(); vertex(90, 234); vertex(97, 238); vertex(107, 238); vertex(115, 239); vertex(118, 269); vertex(121, 234); vertex(126, 235); vertex(130, 233); vertex(97, 230); vertex(97, 233); endShape(); // 3 fill(0, 0, 0, 55); noStroke(); beginShape(); vertex(281, 330); vertex(292, 331); vertex(296, 333); vertex(298, 330); vertex(302, 337); vertex(307, 336); vertex(305, 329); vertex(310, 332); vertex(314, 328); vertex(317, 333); bezierVertex(317, 333, 319, 336, 319, 340); bezierVertex(319, 340, 327, 340, 328, 335); vertex(340, 337); vertex(342, 355); vertex(341, 355); vertex(338, 344); vertex(334, 348); vertex(337, 366); vertex(332, 368); vertex(327, 358); vertex(319, 349); vertex(320, 345); vertex(329, 353); vertex(334, 367); vertex(335, 366); vertex(329, 338); vertex(322, 344); vertex(320, 345); vertex(319, 350); vertex(315, 347); vertex(314, 351); vertex(320, 369); vertex(327, 374); vertex(328, 386); vertex(333, 386); vertex(334, 388); vertex(332, 391); vertex(326, 387); vertex(322, 376); vertex(310, 370); vertex(308, 371); vertex(306, 364); vertex(303, 365); vertex(295, 352); vertex(297, 349); vertex(295, 344); vertex(292, 346); vertex(287, 335); endShape(); beginShape(); vertex(344, 338); vertex(348, 347); vertex(347, 359); vertex(341, 370); vertex(341, 379); vertex(344, 371); bezierVertex(344, 371, 351, 363, 351, 362); bezierVertex(351, 361, 352, 347, 352, 347); vertex(355, 337); vertex(349, 335); endShape(); beginShape(); vertex(355, 330); vertex(357, 345); vertex(359, 345); vertex(359, 358); vertex(357, 366); vertex(367, 351); vertex(368, 338); vertex(373, 330); vertex(372, 329); vertex(366, 333); vertex(362, 331); vertex(357, 331); endShape(); // 4 fill(255, 255, 255, 20); noStroke(); beginShape(); vertex(71, 491); vertex(94, 522); vertex(96, 560); vertex(101, 540); vertex(102, 514); vertex(80, 489); endShape(); beginShape(); vertex(20, 463); vertex(36, 503); vertex(37, 491); vertex(43, 480); vertex(50, 484); vertex(65, 544); vertex(51, 517); vertex(51, 540); vertex(66, 575); vertex(55, 572); vertex(29, 522); vertex(30, 510); vertex(17, 482); vertex(27, 491); vertex(21, 474); endShape(); beginShape(); vertex(104, 494); vertex(105, 529); vertex(113, 519); vertex(101, 544); bezierVertex(101, 544, 124, 527, 124, 510); vertex(118, 503); vertex(115, 493); vertex(107, 496); endShape(); beginShape(); vertex(126, 527); vertex(116, 545); vertex(120, 549); vertex(117, 563); vertex(124, 566); vertex(125, 551); vertex(131, 537); vertex(125, 540); endShape(); return get(); })(); var ScreenTexture = (function() { background(0,0); for(var i = -10; i < 120; i += 0.4 + i * 0.01){ strokeWeight(random(20,50)); stroke(random(200,255),random(10,50)); point(i,random(0,height)); point(-i+510,random(0,height)); } filter(BLUR,10); return get(); })(); //] images //[ var c1 = color(98, 140, 204);// sky top color var c2 = color(217, 232, 255);// sky bottom color for (var i = 0; i < 600; i += 1) { strokeWeight(1); stroke(lerpColor(c1,c2, i / 600)); line(0, i, 500, i); }// sky image(DistantRockPieces, 0, 0); for(var j = 500; j >= 50; j -= 9){ colorMode(RGB); noStroke(); fill(255,3); ellipse(250,300,j*2,j); } // graident for(var clouds = 0; clouds < 200; clouds++) { noStroke(); fill(245,random(10,40)); ellipse(random(-10, 510), random(510, 600),100,50); } for(var clouds = 0; clouds < 50; clouds++) { noStroke(); fill(189, 94, 189,10); ellipse(random(0, 500), random(530, 600),150,50); } for(var clouds = 0; clouds < 20; clouds++) { noStroke(); fill(245,20); ellipse(random(0, 500), random(540, 600),180,80); } for(var clouds = 0; clouds < 100; clouds++) { noStroke(); fill(115, 48, 115,15); ellipse(random(0, 500), random(550, 600),100,10); } for(var clouds = 0; clouds < 30; clouds++) { noStroke(); fill(115, 48, 115,15); ellipse(random(0, 500), random(590, 600),180,80); } for(var clouds = 0; clouds < 100; clouds++) { noStroke(); fill(245,20); ellipse(random(-10, 510), random(550, 640),100,40); } filter(DILATE); //filter(ERODE); filter(BLUR,1.5);// hmm... too much blur already? xD //] background + clouds //[ image(Buildings, -1, 4); image(FloatingRock0, 0, 0); image(BigRock, 0, 0); image(BigRockTexturing, 0, 0); filter(BLUR,0.8); image(FloatingRock1, 0, 0); image(FloatingRock2, 0, 0); image(Bridge4, 0, 0); image(FloatingRock3, 0, 0); image(FloatingRock4, 0, 0); image(Bridge5, 0, 0); image(Bridge6Base, 0, 0); image(Bridge6Sides, 0, 0); image(FloatingRocks_Texture, 0, 0); //] drawing images //[ image(ScreenTexture, 0, 0); noFill(); stroke(255,7); for(var i = 0; i < 80; i += 5){ strokeWeight(i); rect(250, 300, width + 30, height + 30,30); }// edge signature(0,498); //] edge + signature //filter(POSTERIZE,20); //[ if(width < 500 \|\| height < 600) { throw{message: "Please refresh the page to view this graphic."}; } var graphic = get(0,0,width,height); if (width === 501) { background(255); image(graphic,50,0,400,height); } //] thumbnail
Folds	11,23,25,221,222,2213,2215,2270,2271,2295,2296,2309,2313,2324
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2by97tCAw
Votes	328
Spin-Offs	8
Type	PJS
Width	500
Height	600
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, 1739372478758
Updated	8 months ago, 1744828881492
Source Deleted	unknown