Viewing Program

Program Data

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

Title	THE LIGHT - ft. LtCD
ID	5909118407098368
Created	4 years ago, 1611760387816
Updated	4 years ago, 1629489436607
Code	/** * T H E L I G H T * [Daniel T & Ł Ĩ⩜ϻ ₮he ⋐ool ↁude] * * - Started: 01/18/21 * - Finished: 01/24/21 * - Released: 01/27/21 * * + This was a collab between Ł Ĩ⩜ϻ ₮he ⋐ool ↁude and me. Liam did the trees and bushes, and I did the rest. Hope you like our graphic. :) * + We did use a refrance image, but we didn't really follow it exactly. xD * * + Ł Ĩ⩜ϻ ₮he ⋐ool ↁude subpage: https://www.khanacademy.org/computer-programming/i/6754667743756288 * + Daniel T subpage: https://www.khanacademy.org/computer-programming/i/5957400542511104 * * + Use this link to see the graphic: https://www.khanacademy.org/cs/i/5909118407098368?height=450&width=800 * * Credit to: VEXCESS * / //{ //jshint ignore: start function screenCorrect(programId, width_, height_){ / Created By: VEXCESS */ if (width < 800 \|\| height !== height_) { $('#live-editor-output').prepend( '<script>' + 'var a = document.createElement("a");' + 'a.innerHTML = "<strong>THE SCREEN-SIZE IS INCORRECT</strong> <br><br>Drag the canvas to your URL bar or browser tab to see this graphic.";' + 'a.href = "https://www.khanacademy.org/computer-programming/i/' + programId + '?width=' + width_ + '&height=' + height_ + '";' + 'a.target = "_blank";' + ' a.style.backgroundColor="rgb(30,30,30)";' + 'a.style.fontSize="40px";' + 'a.style.fontFamily="trebuchet MS";' + 'a.style.textAlign="center";' + 'a.style.textDecoration="none";' + 'a.style.color="rgb(240,240,240)";' + 'a.style.width="' + (width - 20) + 'px";' + 'a.style.paddingLeft="10px";' + 'a.style.paddingRight="10px";' + 'a.style.paddingTop="' + ((height - 325) / 2) + 'px";' + 'a.style.paddingBottom="' + ((height - 325) / 2) + 'px";' + 'a.style.display="inline-block";' + 'document.body.prepend(a);' + '</script>' ); } }; //jshint ignore: end screenCorrect(5909118407098368, 800, 450); randomSeed(2); noiseSeed(0); rectMode(CENTER); textAlign(CENTER,CENTER); enableContextMenu(); //} settings //{ var releasedate = 2021; var copyright = function() { fill(255,40); textAlign(LEFT, BOTTOM); textFont(createFont('Century Gothic Narrow'),9); text(releasedate + (year() > releasedate ? ("-" + year()) : "") + " Daniel T & Liam The Cool Dude", 5, 448); }; //} signature //{ var FarLeftWall = (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, 326); msk.vertex(46, 323); msk.vertex(55, 332); msk.vertex(63, 332); msk.vertex(67, 336); msk.vertex(71, 336); msk.vertex(72, 324); msk.vertex(73, 322); msk.vertex(73, 320); msk.vertex(75, 318); msk.vertex(73, 291); msk.vertex(73, 284); msk.vertex(74, 270); msk.vertex(76, 268); msk.vertex(75, 264); msk.vertex(74, 255); msk.vertex(83, 251); msk.vertex(94, 251); msk.vertex(96, 263); msk.vertex(93, 266); msk.vertex(95, 268); msk.vertex(96, 287); msk.vertex(97, 319); msk.vertex(99, 324); msk.vertex(98, 332); msk.vertex(96, 335); msk.vertex(101, 339); msk.vertex(113, 337); msk.vertex(116, 346); msk.vertex(115, 348); msk.vertex(111, 348); msk.vertex(107, 350); msk.vertex(107, 358); msk.vertex(120, 358); msk.vertex(130, 360); msk.vertex(129, 364); msk.vertex(126, 371); msk.vertex(124, 385); msk.vertex(120, 394); msk.vertex(120, 413); msk.vertex(110, 415); msk.vertex(86, 425); msk.vertex(64, 424); msk.vertex(21, 427); msk.vertex(-1, 431); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(235); bkg.rect(300,200,600,400); var c1 = color(12, 15, 11);// gradient top color var c2 = color(42, 54, 36);// gradient bottom color for (var i = 0; i < 200; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 120)); bkg.line(i,200,i,450); }// gradient for(var bricks = 0; bricks < 150; bricks++) { bkg.noStroke(); bkg.fill(0,random(20,30)); bkg.rect(random(0, 150), random(200, 450),random(30,50),random(15,20)); }// bricks // light texturing bkg.noStroke(); bkg.fill(52, 69, 44); bkg.beginShape(); bkg.vertex(120, 358); bkg.vertex(119, 363); bkg.vertex(117, 367); bkg.vertex(125, 368); bkg.vertex(128, 367); bkg.vertex(130, 360); bkg.endShape(); bkg.beginShape(); bkg.vertex(114, 370); bkg.vertex(108, 381); bkg.vertex(101, 385); bkg.vertex(110, 386); bkg.vertex(115, 382); bkg.vertex(120, 385); bkg.vertex(114, 388); bkg.vertex(114, 392); bkg.vertex(110, 395); bkg.vertex(114, 400); bkg.vertex(120, 401); bkg.vertex(120, 394); bkg.vertex(124, 385); bkg.vertex(126, 371); bkg.endShape(); // shadows bkg.fill(0, 0, 0, 120); bkg.beginShape(); bkg.vertex(82, 302); bkg.bezierVertex(85, 303, 87, 305, 87, 305); bkg.vertex(86, 310); bkg.vertex(86, 313); bkg.vertex(82, 318); bkg.vertex(83, 321); bkg.vertex(94, 321); bkg.vertex(82, 324); bkg.bezierVertex(82, 324, 79, 333, 80, 333); bkg.bezierVertex(81, 333, 97, 333, 97, 333); bkg.vertex(92, 337); bkg.vertex(91, 336); bkg.vertex(81, 336); bkg.bezierVertex(81, 336, 74, 342, 73, 342); bkg.bezierVertex(72, 342, 66, 341, 66, 341); bkg.vertex(65, 338); bkg.vertex(55, 339); bkg.vertex(52, 339); bkg.vertex(1, 344); bkg.vertex(45, 336); bkg.vertex(43, 334); bkg.vertex(48, 332); bkg.vertex(49, 326); bkg.vertex(54, 333); bkg.vertex(63, 333); bkg.vertex(67, 337); bkg.vertex(71, 335); bkg.vertex(72, 325); bkg.vertex(74, 322); bkg.vertex(73, 320); bkg.vertex(75, 318); bkg.vertex(74, 291); bkg.vertex(74, 282); bkg.endShape(); bkg.beginShape(); bkg.vertex(76, 267); bkg.vertex(82, 263); bkg.vertex(85, 266); bkg.vertex(93, 265); bkg.vertex(94, 267); bkg.vertex(83, 268); bkg.vertex(80, 271); bkg.vertex(77, 268); bkg.endShape(); bkg.fill(0, 0, 0, 150); bkg.beginShape(); bkg.vertex(0, 340); bkg.vertex(32, 332); bkg.vertex(33, 329); bkg.vertex(41, 328); bkg.vertex(46, 330); bkg.vertex(47, 328); bkg.vertex(43, 323); bkg.vertex(-1, 326); bkg.endShape(); bkg.fill(0, 0, 0, 90); bkg.beginShape(); bkg.vertex(-1, 377); bkg.vertex(82, 368); bkg.vertex(41, 374); bkg.vertex(41, 386); bkg.vertex(40, 374); bkg.vertex(-1, 379); bkg.endShape(); bkg.beginShape(); bkg.vertex(10, 407); bkg.vertex(53, 400); bkg.vertex(53, 389); bkg.vertex(53, 389); bkg.vertex(54, 400); bkg.vertex(63, 399); bkg.vertex(64, 399); bkg.endShape(); bkg.fill(0, 0, 0, 40); bkg.beginShape(); bkg.vertex(107, 358); bkg.vertex(97, 365); bkg.vertex(93, 377); bkg.vertex(83, 388); bkg.vertex(87, 404); bkg.vertex(83, 425); bkg.vertex(111, 415); bkg.vertex(120, 413); bkg.vertex(120, 402); bkg.vertex(113, 399); bkg.vertex(110, 395); bkg.vertex(102, 384); bkg.vertex(114, 370); bkg.vertex(120, 358); bkg.endShape(); bkg.fill(0, 0, 0, 50); bkg.beginShape(); bkg.vertex(83, 252); bkg.vertex(84, 302); bkg.vertex(83, 302); bkg.vertex(74, 280); bkg.vertex(74, 270); bkg.vertex(76, 268); bkg.vertex(75, 264); bkg.vertex(74, 255); bkg.endShape(); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var LeftArchPart = (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(163, 402); msk.vertex(152, 342); msk.vertex(148, 338); msk.vertex(144, 322); msk.vertex(150, 317); msk.vertex(146, 301); msk.vertex(149, 297); msk.vertex(147, 295); msk.vertex(140, 274); msk.vertex(140, 267); msk.vertex(142, 265); msk.vertex(139, 264); msk.vertex(138, 249); msk.vertex(139, 247); msk.vertex(137, 247); msk.vertex(135, 234); msk.vertex(145, 228); msk.vertex(156, 227); msk.vertex(159, 230); msk.vertex(162, 240); msk.vertex(159, 244); msk.vertex(163, 248); msk.vertex(165, 257); msk.vertex(165, 260); msk.vertex(167, 262); msk.vertex(226, 248); msk.vertex(220, 219); msk.vertex(224, 212); msk.vertex(221, 207); msk.vertex(223, 200); msk.vertex(222, 193); msk.bezierVertex(222, 193, 238, 144, 282, 121); msk.bezierVertex(282, 121, 304, 107, 358, 101); msk.vertex(362, 106); msk.vertex(364, 115); msk.vertex(365, 118); msk.vertex(370, 121); msk.vertex(372, 134); msk.vertex(371, 138); msk.vertex(373, 156); msk.bezierVertex(373, 156, 336, 162, 314, 195); msk.bezierVertex(314, 195, 304, 208, 311, 215); msk.vertex(310, 218); msk.bezierVertex(310, 218, 315, 219, 314, 234); msk.vertex(321, 271); msk.vertex(323, 270); msk.vertex(328, 295); msk.vertex(328, 304); msk.vertex(350, 392); msk.vertex(322, 403); msk.vertex(262, 400); msk.vertex(259, 387); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(235); bkg.rect(300,200,600,400); var c1 = color(16, 18, 13);// gradient top color var c2 = color(41, 46, 31);// gradient bottom color for (var i = 100; i < 400; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 120)); bkg.line(i,100,i,450); }// gradient for(var bricks = 0; bricks < 300; bricks++) { bkg.noStroke(); bkg.fill(0,random(10,25)); bkg.rect(random(140, 400), random(100, 450),random(30,50),random(15,20)); }// bricks bkg.filter(BLUR,1); // shadows bkg.fill(0, 0, 0, 120); bkg.noStroke(); bkg.beginShape(); bkg.vertex(139, 247); bkg.vertex(146, 241); bkg.vertex(159, 243); bkg.vertex(150, 244); bkg.vertex(147, 248); bkg.vertex(145, 246); bkg.endShape(); bkg.beginShape(); bkg.vertex(141, 265); bkg.vertex(150, 259); bkg.vertex(165, 258); bkg.vertex(165, 260); bkg.vertex(153, 262); bkg.vertex(152, 264); bkg.endShape(); bkg.fill(0, 0, 0, 100); bkg.noStroke(); bkg.beginShape(); bkg.vertex(147, 295); bkg.vertex(154, 291); bkg.vertex(155, 283); bkg.vertex(158, 290); bkg.vertex(194, 279); bkg.vertex(203, 279); bkg.vertex(236, 267); bkg.vertex(237, 270); bkg.vertex(161, 292); bkg.vertex(148, 299); bkg.vertex(149, 297); bkg.endShape(); bkg.beginShape(); bkg.vertex(150, 320); bkg.vertex(166, 310); bkg.vertex(174, 307); bkg.vertex(231, 291); bkg.vertex(236, 284); bkg.vertex(238, 295); bkg.vertex(233, 293); bkg.vertex(181, 307); bkg.vertex(176, 313); bkg.vertex(167, 312); bkg.endShape(); bkg.beginShape(); bkg.vertex(150, 339); bkg.vertex(156, 335); bkg.vertex(158, 330); bkg.vertex(160, 331); bkg.vertex(167, 327); bkg.vertex(176, 327); bkg.vertex(179, 329); bkg.vertex(214, 320); bkg.vertex(241, 312); bkg.vertex(241, 314); bkg.vertex(178, 332); bkg.vertex(178, 336); bkg.vertex(170, 335); bkg.vertex(173, 351); bkg.vertex(169, 354); bkg.vertex(167, 346); bkg.vertex(155, 344); bkg.vertex(153, 349); bkg.vertex(152, 342); bkg.endShape(); bkg.beginShape(); bkg.vertex(243, 317); bkg.vertex(245, 342); bkg.vertex(241, 346); bkg.vertex(181, 368); bkg.vertex(246, 347); bkg.vertex(250, 342); bkg.endShape(); bkg.triangle(251, 349, 181, 374, 251, 351); bkg.fill(0, 0, 0, 50); bkg.beginShape(); bkg.vertex(145, 228); bkg.vertex(152, 268); bkg.vertex(164, 304); bkg.vertex(166, 319); bkg.vertex(182, 398); bkg.vertex(163, 401); bkg.vertex(152, 342); bkg.vertex(148, 336); bkg.vertex(145, 322); bkg.vertex(150, 317); bkg.vertex(147, 301); bkg.vertex(149, 296); bkg.vertex(147, 295); bkg.vertex(140, 272); bkg.vertex(140, 268); bkg.vertex(140, 263); bkg.vertex(138, 248); bkg.vertex(135, 233); bkg.endShape(); bkg.beginShape(); bkg.vertex(225, 248); bkg.vertex(218, 276); bkg.vertex(220, 288); bkg.vertex(216, 297); bkg.vertex(229, 307); bkg.vertex(225, 319); bkg.vertex(232, 332); bkg.vertex(228, 355); bkg.vertex(242, 389); bkg.vertex(258, 388); bkg.vertex(234, 265); bkg.vertex(228, 248); bkg.endShape(); bkg.fill(0, 0, 0, 40); bkg.beginShape(); bkg.vertex(222, 207); bkg.vertex(282, 196); bkg.vertex(310, 214); bkg.vertex(310, 218); bkg.vertex(306, 223); bkg.vertex(281, 208); bkg.vertex(221, 218); bkg.vertex(225, 212); bkg.endShape(); bkg.fill(0, 0, 0, 50); bkg.beginShape(); bkg.vertex(238, 275); bkg.vertex(259, 270); bkg.vertex(260, 259); bkg.vertex(272, 266); bkg.vertex(290, 262); bkg.vertex(295, 252); bkg.vertex(301, 253); bkg.vertex(306, 285); bkg.vertex(327, 294); bkg.vertex(322, 298); bkg.vertex(295, 286); bkg.vertex(242, 300); bkg.vertex(241, 294); bkg.vertex(296, 281); bkg.vertex(296, 267); bkg.vertex(238, 279); bkg.endShape(); bkg.fill(0, 0, 0, 50); bkg.quad(243, 308, 297, 290, 299, 297, 244, 312); bkg.noFill(); bkg.stroke(0, 0, 0, 40); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(302, 357); bkg.vertex(299, 346); bkg.vertex(292, 346); bkg.vertex(289, 338); bkg.bezierVertex(289, 338, 297, 328, 283, 326); bkg.bezierVertex(283, 326, 291, 313, 297, 339); bkg.vertex(291, 309); bkg.bezierVertex(291, 309, 282, 318, 275, 320); bkg.bezierVertex(275, 320, 276, 329, 282, 330); bkg.bezierVertex(282, 330, 291, 338, 279, 334); bkg.bezierVertex(279, 334, 275, 330, 273, 335); bkg.bezierVertex(273, 335, 271, 341, 268, 338); bkg.bezierVertex(268, 338, 268, 332, 271, 330); bkg.bezierVertex(271, 330, 277, 318, 265, 322); bkg.bezierVertex(265, 322, 258, 328, 255, 318); bkg.bezierVertex(255, 318, 259, 348, 259, 347); bkg.bezierVertex(259, 346, 258, 329, 265, 328); bkg.vertex(265, 330); bkg.bezierVertex(265, 330, 257, 338, 266, 343); bkg.vertex(268, 351); bkg.vertex(260, 353); bkg.vertex(261, 360); bkg.endShape(); bkg.fill(0, 0, 0, 60); bkg.noStroke(); bkg.beginShape(); bkg.vertex(372, 132); bkg.bezierVertex(372, 132, 312, 135, 293, 169); bkg.bezierVertex(293, 169, 274, 190, 290, 259); bkg.vertex(323, 404); bkg.vertex(350, 392); bkg.vertex(328, 305); bkg.vertex(328, 294); bkg.vertex(323, 270); bkg.vertex(321, 271); bkg.vertex(313, 235); bkg.bezierVertex(313, 235, 314, 222, 311, 218); bkg.bezierVertex(311, 218, 306, 209, 311, 200); bkg.bezierVertex(311, 200, 334, 162, 373, 156); bkg.vertex(371, 138); bkg.endShape(); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var RightArchPart1 = (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(496, 393); msk.vertex(488, 362); msk.vertex(487, 351); msk.vertex(483, 344); msk.vertex(481, 338); msk.vertex(483, 333); msk.vertex(481, 331); msk.vertex(481, 326); msk.vertex(483, 325); msk.vertex(482, 321); msk.vertex(476, 319); msk.vertex(474, 313); msk.vertex(474, 309); msk.vertex(437, 176); msk.vertex(469, 162); msk.vertex(524, 152); msk.vertex(528, 153); msk.vertex(551, 221); msk.vertex(567, 287); msk.vertex(586, 372); msk.vertex(541, 392); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(83, 93, 52); bkg.rect(400,300,800,450); for(var bricks = 0; bricks < 200; bricks++) { bkg.noStroke(); bkg.fill(0,random(10,20)); bkg.rect(random(450, 550), random(100, 450),random(30,50),random(15,20)); }// bricks // shadows bkg.fill(0, 0, 0, 77); bkg.beginShape(); bkg.vertex(455, 243); bkg.vertex(485, 228); bkg.vertex(548, 213); bkg.vertex(549, 217); bkg.vertex(486, 231); bkg.vertex(457, 244); bkg.endShape(); bkg.beginShape(); bkg.vertex(474, 312); bkg.vertex(511, 296); bkg.vertex(514, 293); bkg.vertex(515, 292); bkg.vertex(521, 289); bkg.vertex(520, 291); bkg.vertex(560, 282); bkg.vertex(558, 285); bkg.vertex(516, 296); bkg.vertex(510, 300); bkg.vertex(477, 312); bkg.endShape(); bkg.beginShape(); bkg.vertex(483, 332); bkg.vertex(512, 317); bkg.vertex(531, 310); bkg.vertex(545, 308); bkg.vertex(552, 304); bkg.vertex(562, 304); bkg.vertex(561, 305); bkg.vertex(553, 305); bkg.vertex(544, 309); bkg.vertex(524, 314); bkg.vertex(523, 318); bkg.vertex(515, 321); bkg.vertex(482, 335); bkg.endShape(); bkg.fill(0, 0, 0, 128); bkg.beginShape(); bkg.vertex(469, 161); bkg.vertex(485, 224); bkg.vertex(496, 241); bkg.vertex(497, 251); bkg.vertex(507, 287); bkg.vertex(511, 302); bkg.vertex(518, 301); bkg.vertex(541, 392); bkg.vertex(496, 393); bkg.vertex(432, 177); bkg.endShape(); bkg.noFill(); bkg.stroke(0, 0, 0, 50); bkg.strokeWeight(3); bkg.strokeCap(SQUARE); bkg.strokeJoin(MITER); bkg.beginShape(); bkg.vertex(497, 240); bkg.vertex(511, 287); bkg.vertex(565, 275); bkg.endShape(); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(562, 269); bkg.vertex(515, 281); bkg.vertex(499, 235); bkg.vertex(553, 222); bkg.endShape(); bkg.stroke(0, 0, 0, 60); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(518, 235); bkg.bezierVertex(518, 235, 513, 238, 516, 243); bkg.bezierVertex(516, 243, 509, 251, 517, 254); bkg.vertex(520, 262); bkg.vertex(512, 264); bkg.bezierVertex(512, 264, 515, 278, 522, 274); bkg.bezierVertex(522, 274, 524, 272, 521, 270); bkg.vertex(519, 267); bkg.vertex(527, 264); bkg.vertex(523, 252); bkg.bezierVertex(523, 252, 514, 253, 519, 247); bkg.bezierVertex(519, 247, 525, 243, 522, 237); bkg.vertex(524, 236); bkg.vertex(534, 269); bkg.bezierVertex(534, 269, 534, 261, 537, 261); bkg.vertex(534, 249); bkg.bezierVertex(534, 249, 528, 246, 527, 242); bkg.vertex(526, 235); bkg.vertex(527, 236); bkg.bezierVertex(527, 236, 531, 244, 533, 244); bkg.bezierVertex(534, 244, 538, 245, 535, 253); bkg.vertex(537, 262); bkg.vertex(545, 260); bkg.bezierVertex(545, 260, 548, 262, 543, 266); bkg.bezierVertex(543, 266, 552, 274, 551, 262); bkg.vertex(550, 254); bkg.vertex(542, 257); bkg.vertex(540, 250); bkg.bezierVertex(540, 250, 545, 245, 536, 239); bkg.bezierVertex(536, 239, 537, 233, 531, 234); bkg.endShape(); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(544, 315); bkg.bezierVertex(544, 315, 538, 319, 541, 325); bkg.bezierVertex(541, 325, 533, 335, 543, 339); bkg.vertex(545, 348); bkg.vertex(536, 352); bkg.bezierVertex(536, 352, 540, 368, 549, 363); bkg.bezierVertex(549, 363, 551, 360, 548, 358); bkg.vertex(545, 354); bkg.vertex(554, 351); bkg.vertex(549, 335); bkg.bezierVertex(549, 335, 539, 337, 544, 329); bkg.bezierVertex(544, 329, 552, 325, 548, 317); bkg.vertex(551, 316); bkg.vertex(563, 357); bkg.bezierVertex(563, 357, 563, 346, 566, 346); bkg.vertex(562, 331); bkg.bezierVertex(562, 331, 555, 327, 554, 323); bkg.vertex(552, 314); bkg.vertex(555, 315); bkg.bezierVertex(555, 315, 558, 325, 562, 324); bkg.bezierVertex(563, 325, 568, 326, 564, 336); bkg.vertex(566, 347); bkg.vertex(576, 344); bkg.bezierVertex(576, 344, 579, 347, 574, 352); bkg.bezierVertex(574, 352, 585, 361, 584, 346); bkg.vertex(582, 337); bkg.vertex(573, 340); bkg.vertex(569, 331); bkg.bezierVertex(569, 331, 576, 325, 566, 318); bkg.bezierVertex(566, 318, 567, 311, 560, 313); bkg.endShape(); bkg.stroke(0, 0, 0, 51); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(565, 290); bkg.vertex(526, 303); bkg.vertex(541, 362); bkg.endShape(); bkg.stroke(0, 0, 0, 38); bkg.strokeWeight(3); bkg.beginShape(); bkg.vertex(565, 285); bkg.vertex(521, 298); bkg.vertex(543, 385); bkg.endShape(); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var RightArchPart2 = (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(586, 386); msk.vertex(572, 339); msk.vertex(564, 323); msk.vertex(560, 298); msk.vertex(561, 295); msk.vertex(559, 293); msk.vertex(558, 286); msk.vertex(559, 284); msk.vertex(557, 281); msk.vertex(552, 257); msk.vertex(548, 238); msk.vertex(550, 236); msk.vertex(545, 232); msk.vertex(532, 157); msk.vertex(532, 153); msk.vertex(528, 128); msk.bezierVertex(528, 128, 523, 114, 523, 109); msk.bezierVertex(523, 109, 517, 77, 472, 54); msk.bezierVertex(472, 54, 443, 45, 413, 37); msk.vertex(407, 33); msk.vertex(403, 32); msk.vertex(402, 35); msk.bezierVertex(402, 35, 380, 31, 370, 30); msk.vertex(367, 28); msk.vertex(367, 19); msk.vertex(362, 16); msk.vertex(355, 18); msk.vertex(354, 15); msk.vertex(357, -1); msk.vertex(605, 0); msk.vertex(608, 9); msk.vertex(620, 38); msk.vertex(635, 110); msk.bezierVertex(635, 110, 652, 177, 657, 191); msk.vertex(659, 200); msk.vertex(656, 205); msk.vertex(664, 209); msk.vertex(665, 221); msk.vertex(673, 254); msk.vertex(672, 256); msk.vertex(674, 258); msk.vertex(676, 265); msk.vertex(673, 269); msk.vertex(678, 270); msk.vertex(682, 301); msk.vertex(699, 382); msk.vertex(617, 388); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); var c1 = color(18, 20, 14);// gradient top color var c2 = color(49, 56, 36);// gradient bottom color for (var i = 350; i < 700; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 200)); bkg.line(i,0,i,400); }// gradient for(var bricks = 0; bricks < 400; bricks++) { bkg.noStroke(); bkg.fill(0,random(20,35)); bkg.rect(random(400, 700), random(0, 450),random(30,50),random(15,20)); }// bricks bkg.filter(BLUR,2); // shadows bkg.noStroke(); bkg.fill(0, 0, 0, 102); bkg.beginShape(); bkg.vertex(549, 234); bkg.vertex(580, 218); bkg.vertex(598, 216); bkg.vertex(600, 212); bkg.vertex(608, 214); bkg.vertex(630, 207); bkg.vertex(646, 206); bkg.vertex(646, 202); bkg.vertex(658, 202); bkg.vertex(655, 206); bkg.vertex(657, 207); bkg.vertex(601, 219); bkg.vertex(582, 227); bkg.vertex(558, 234); bkg.vertex(550, 235); bkg.endShape(); bkg.beginShape(); bkg.vertex(559, 284); bkg.vertex(598, 273); bkg.vertex(602, 270); bkg.vertex(665, 255); bkg.vertex(667, 254); bkg.vertex(672, 254); bkg.vertex(670, 257); bkg.vertex(664, 256); bkg.vertex(660, 259); bkg.vertex(604, 273); bkg.vertex(600, 277); bkg.vertex(594, 277); bkg.vertex(558, 285); bkg.endShape(); bkg.beginShape(); bkg.vertex(560, 295); bkg.vertex(588, 290); bkg.vertex(594, 284); bkg.vertex(602, 285); bkg.vertex(606, 283); bkg.vertex(611, 283); bkg.vertex(620, 271); bkg.vertex(621, 274); bkg.vertex(620, 276); bkg.vertex(623, 280); bkg.vertex(641, 276); bkg.vertex(645, 272); bkg.vertex(648, 274); bkg.vertex(650, 271); bkg.vertex(662, 270); bkg.vertex(671, 266); bkg.vertex(674, 266); bkg.vertex(673, 270); bkg.vertex(619, 284); bkg.vertex(615, 284); bkg.vertex(612, 286); bkg.vertex(597, 290); bkg.vertex(601, 320); bkg.vertex(600, 325); bkg.vertex(592, 291); bkg.vertex(560, 298); bkg.endShape(); bkg.fill(0, 0, 0, 77); bkg.beginShape(); bkg.vertex(584, 141); bkg.vertex(574, 150); bkg.vertex(572, 148); bkg.vertex(568, 154); bkg.vertex(565, 150); bkg.vertex(562, 143); bkg.vertex(560, 147); bkg.vertex(563, 153); bkg.vertex(562, 162); bkg.vertex(567, 162); bkg.vertex(570, 156); bkg.vertex(576, 150); bkg.vertex(582, 145); bkg.endShape(); bkg.beginShape(); bkg.vertex(569, 169); bkg.vertex(574, 172); bkg.vertex(577, 170); bkg.vertex(581, 175); bkg.vertex(580, 180); bkg.vertex(582, 186); bkg.vertex(574, 189); bkg.vertex(573, 182); bkg.vertex(576, 179); bkg.vertex(571, 177); bkg.endShape(); bkg.noFill(); bkg.stroke(0, 0, 0, 51); bkg.strokeWeight(3); bkg.strokeCap(SQUARE); bkg.strokeJoin(MITER); bkg.beginShape(); bkg.vertex(628, 100); bkg.vertex(652, 196); bkg.vertex(581, 213); bkg.vertex(560, 119); bkg.endShape(); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(626, 108); bkg.vertex(645, 187); bkg.vertex(586, 201); bkg.vertex(567, 121); bkg.vertex(603, 113); bkg.endShape(); bkg.stroke(0, 0, 0, 77); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(626, 182); bkg.bezierVertex(626, 182, 635, 191, 636, 177); bkg.bezierVertex(636, 177, 636, 168, 634, 162); bkg.vertex(624, 165); bkg.vertex(621, 153); bkg.bezierVertex(621, 153, 631, 142, 612, 136); bkg.bezierVertex(612, 136, 623, 122, 631, 154); bkg.vertex(622, 117); bkg.endShape(); bkg.beginShape(); bkg.vertex(615, 127); bkg.bezierVertex(608, 124, 604, 126, 604, 126); bkg.bezierVertex(597, 135, 608, 141, 608, 141); bkg.bezierVertex(622, 145, 614, 151, 614, 151); bkg.bezierVertex(605, 151, 600, 136, 600, 136); bkg.bezierVertex(605, 159, 594, 155, 594, 155); bkg.bezierVertex(588, 149, 598, 142, 598, 142); bkg.bezierVertex(601, 122, 588, 132, 588, 132); bkg.bezierVertex(580, 139, 573, 127, 573, 127); bkg.vertex(582, 166); bkg.bezierVertex(582, 166, 576, 142, 589, 139); bkg.bezierVertex(589, 139, 576, 154, 590, 160); bkg.vertex(593, 173); bkg.vertex(583, 175); bkg.bezierVertex(583, 175, 592, 206, 599, 186); bkg.bezierVertex(599, 186, 603, 181, 613, 185); bkg.bezierVertex(613, 185, 620, 179, 625, 181); bkg.bezierVertex(625, 181, 633, 178, 628, 171); bkg.endShape(); bkg.bezier(628, 171, 628, 171, 609, 169, 613, 184); bkg.beginShape(); bkg.vertex(598, 156); bkg.vertex(603, 174); bkg.vertex(597, 177); bkg.bezierVertex(608, 172, 612, 183, 612, 183); bkg.vertex(602, 142); bkg.bezierVertex(602, 142, 609, 150, 612, 151); bkg.vertex(617, 172); bkg.endShape(); bkg.beginShape(); bkg.vertex(646, 252); bkg.bezierVertex(646, 252, 653, 255, 656, 248); bkg.bezierVertex(656, 248, 658, 243, 656, 241); bkg.vertex(646, 243); bkg.vertex(644, 237); bkg.bezierVertex(644, 237, 656, 230, 637, 229); bkg.bezierVertex(637, 229, 650, 221, 654, 237); bkg.vertex(649, 218); bkg.endShape(); bkg.beginShape(); bkg.vertex(641, 224); bkg.bezierVertex(634, 223, 630, 225, 630, 225); bkg.bezierVertex(622, 230, 631, 233, 631, 233); bkg.bezierVertex(646, 233, 637, 237, 637, 237); bkg.bezierVertex(628, 238, 625, 230, 625, 230); bkg.bezierVertex(626, 242, 615, 241, 615, 241); bkg.bezierVertex(610, 239, 622, 234, 622, 234); bkg.bezierVertex(627, 223, 612, 230, 612, 230); bkg.bezierVertex(603, 234, 598, 229, 598, 229); bkg.vertex(603, 248); bkg.bezierVertex(603, 248, 599, 236, 613, 233); bkg.bezierVertex(613, 233, 597, 243, 611, 244); bkg.vertex(613, 250); bkg.vertex(602, 253); bkg.bezierVertex(602, 253, 607, 268, 617, 257); bkg.bezierVertex(617, 257, 622, 254, 631, 255); bkg.bezierVertex(631, 255, 640, 251, 645, 251); bkg.bezierVertex(645, 251, 653, 249, 649, 246); bkg.endShape(); bkg.bezier(649, 246, 649, 246, 630, 247, 631, 254); bkg.beginShape(); bkg.vertex(620, 241); bkg.vertex(622, 250); bkg.vertex(616, 252); bkg.bezierVertex(628, 249, 631, 254, 631, 254); bkg.vertex(626, 233); bkg.bezierVertex(626, 233, 632, 237, 635, 237); bkg.vertex(637, 247); bkg.endShape(); bkg.stroke(0, 0, 0, 51); bkg.beginShape(); bkg.vertex(585, 227); bkg.bezierVertex(588, 227, 657, 210, 657, 210); bkg.vertex(665, 250); bkg.vertex(594, 267); bkg.endShape(); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(615, 224); bkg.vertex(591, 229); bkg.vertex(599, 262); bkg.endShape(); bkg.stroke(0, 0, 0, 77); bkg.strokeWeight(4); bkg.beginShape(); bkg.vertex(667, 351); bkg.bezierVertex(667, 351, 675, 358, 677, 346); bkg.bezierVertex(677, 346, 677, 337, 675, 332); bkg.vertex(665, 337); bkg.vertex(662, 326); bkg.bezierVertex(662, 326, 673, 314, 654, 312); bkg.bezierVertex(654, 312, 665, 297, 672, 325); bkg.vertex(664, 293); bkg.endShape(); bkg.beginShape(); bkg.vertex(657, 303); bkg.bezierVertex(651, 302, 646, 305, 646, 305); bkg.bezierVertex(639, 314, 649, 318, 649, 318); bkg.bezierVertex(664, 319, 656, 325, 656, 325); bkg.bezierVertex(647, 327, 642, 314, 642, 314); bkg.bezierVertex(646, 334, 635, 333, 635, 333); bkg.bezierVertex(630, 329, 640, 321, 640, 321); bkg.bezierVertex(643, 302, 630, 313, 630, 313); bkg.bezierVertex(622, 321, 615, 311, 615, 311); bkg.vertex(624, 345); bkg.bezierVertex(624, 345, 618, 324, 631, 319); bkg.bezierVertex(631, 319, 618, 336, 632, 338); bkg.vertex(634, 349); bkg.vertex(624, 353); bkg.bezierVertex(624, 353, 632, 380, 640, 361); bkg.bezierVertex(640, 361, 644, 355, 653, 357); bkg.bezierVertex(653, 357, 661, 350, 666, 351); bkg.bezierVertex(666, 351, 674, 347, 669, 341); bkg.endShape(); bkg.bezier(669, 341, 669, 341, 650, 343, 653, 356); bkg.beginShape(); bkg.vertex(640, 333); bkg.vertex(644, 349); bkg.vertex(638, 353); bkg.bezierVertex(649, 346, 653, 355, 653, 355); bkg.vertex(644, 319); bkg.bezierVertex(644, 319, 651, 326, 654, 326); bkg.vertex(658, 344); bkg.endShape(); bkg.stroke(0, 0, 0, 51); bkg.strokeWeight(3); bkg.beginShape(); bkg.vertex(682, 319); bkg.vertex(673, 276); bkg.vertex(600, 293); bkg.vertex(619, 379); bkg.endShape(); bkg.strokeWeight(2); bkg.beginShape(); bkg.vertex(683, 345); bkg.vertex(670, 287); bkg.vertex(608, 301); bkg.vertex(628, 386); bkg.endShape(); bkg.fill(0, 0, 0, 77); bkg.noStroke(); bkg.beginShape(); bkg.vertex(617, 388); bkg.vertex(597, 290); bkg.vertex(590, 272); bkg.vertex(591, 257); bkg.vertex(581, 216); bkg.vertex(570, 159); bkg.vertex(559, 122); bkg.bezierVertex(559, 122, 556, 99, 550, 92); bkg.bezierVertex(550, 92, 538, 52, 523, 30); bkg.bezierVertex(523, 30, 519, 21, 507, 19); bkg.vertex(504, 15); bkg.vertex(498, 15); bkg.bezierVertex(498, 15, 466, 2, 441, -2); bkg.vertex(353, -2); bkg.vertex(351, 45); bkg.vertex(522, 152); bkg.vertex(575, 393); bkg.endShape(); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var LittlePillars = (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(649, 390); msk.vertex(633, 325); msk.vertex(645, 319); msk.vertex(665, 318); msk.vertex(680, 387); msk.vertex(658, 391); msk.endShape(); msk.beginShape(); msk.vertex(671, 344); msk.vertex(681, 341); msk.vertex(702, 338); msk.vertex(705, 349); msk.vertex(713, 383); msk.vertex(689, 386); msk.vertex(678, 386); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); var c1 = color(12, 13, 9);// gradient top color var c2 = color(40, 46, 29);// gradient bottom color for (var i = 600; i < 750; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 220)); bkg.line(i,0,i,400); }// gradient for(var bricks = 0; bricks < 50; bricks++) { bkg.noStroke(); bkg.fill(0,random(10,40)); bkg.rect(random(600, 700), random(300, 450),random(30,50),random(15,20)); }// bricks bkg.filter(BLUR,1); // shadows bkg.noStroke(); bkg.fill(0, 0, 0, 102); bkg.beginShape(); bkg.vertex(635, 332); bkg.vertex(645, 334); bkg.vertex(665, 328); bkg.vertex(668, 331); bkg.vertex(645, 337); bkg.endShape(); bkg.quad(642, 345, 649, 348, 670, 342, 649, 350); bkg.fill(0, 0, 0, 77); bkg.quad(644, 324, 658, 390, 647, 390, 633, 325); bkg.fill(255, 255, 255, 51); bkg.quad(637, 323, 645, 322, 662, 319, 645, 319); bkg.fill(0, 0, 0, 102); bkg.beginShape(); bkg.vertex(671, 347); bkg.vertex(680, 348); bkg.vertex(701, 341); bkg.vertex(700, 344); bkg.vertex(680, 349); bkg.endShape(); bkg.beginShape(); bkg.vertex(673, 355); bkg.vertex(683, 356); bkg.vertex(703, 350); bkg.vertex(704, 347); bkg.vertex(705, 353); bkg.vertex(683, 359); bkg.endShape(); bkg.fill(0, 0, 0, 77); bkg.beginShape(); bkg.vertex(679, 344); bkg.vertex(686, 380); bkg.vertex(689, 386); bkg.vertex(678, 387); bkg.vertex(659, 390); bkg.vertex(658, 377); bkg.vertex(661, 368); bkg.vertex(665, 366); bkg.vertex(663, 360); bkg.vertex(669, 344); bkg.endShape(); bkg.fill(255, 255, 255, 77); bkg.quad(673, 344, 682, 344, 700, 340, 681, 341); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var UpPillar = (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(733, 453); msk.vertex(725, 421); msk.vertex(731, 422); msk.vertex(726, 401); msk.vertex(729, 395); msk.vertex(722, 392); msk.vertex(712, 334); msk.vertex(710, 323); msk.vertex(717, 318); msk.vertex(710, 307); msk.vertex(739, 299); msk.vertex(732, 294); msk.vertex(727, 285); msk.vertex(728, 272); msk.vertex(714, 212); msk.vertex(712, 202); msk.vertex(710, 199); msk.vertex(713, 194); msk.vertex(711, 192); msk.vertex(707, 191); msk.vertex(705, 186); msk.vertex(707, 184); msk.vertex(702, 181); msk.vertex(700, 183); msk.vertex(693, 177); msk.vertex(688, 160); msk.vertex(705, 149); msk.vertex(708, 153); msk.vertex(718, 144); msk.vertex(716, 141); msk.vertex(726, 136); msk.vertex(727, 123); msk.vertex(723, 124); msk.vertex(721, 122); msk.vertex(726, 117); msk.vertex(737, 107); msk.vertex(800, 91); msk.vertex(799, 450); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(235); bkg.rect(300,200,600,400); var c1 = color(26, 36, 23);// gradient top color var c2 = color(0, 0, 0);// gradient bottom color for (var i = 0; i < 450; i += 1) { bkg.strokeWeight(2); bkg.stroke(lerpColor(c1,c2, i / 500)); bkg.line(650,i,800,i); }// gradient // shadows bkg.fill(0,50); bkg.noStroke(); bkg.beginShape(); bkg.vertex(690, 169); bkg.vertex(710, 174); bkg.vertex(712, 170); bkg.vertex(722, 168); bkg.vertex(721, 164); bkg.bezierVertex(721, 164, 733, 161, 734, 162); bkg.bezierVertex(735, 164, 735, 159, 735, 159); bkg.vertex(757, 159); bkg.vertex(754, 156); bkg.vertex(768, 153); bkg.vertex(761, 148); bkg.vertex(783, 146); bkg.vertex(780, 142); bkg.vertex(800, 135); bkg.vertex(799, 154); bkg.vertex(720, 180); bkg.vertex(713, 180); bkg.vertex(707, 183); bkg.vertex(702, 181); bkg.vertex(701, 183); bkg.vertex(692, 178); bkg.endShape(); bkg.beginShape(); bkg.vertex(712, 307); bkg.vertex(740, 298); bkg.vertex(755, 293); bkg.vertex(800, 284); bkg.vertex(800, 295); bkg.vertex(788, 299); bkg.vertex(779, 303); bkg.vertex(776, 302); bkg.vertex(768, 304); bkg.vertex(767, 306); bkg.vertex(761, 303); bkg.vertex(754, 304); bkg.vertex(753, 307); bkg.vertex(750, 306); bkg.vertex(741, 307); bkg.vertex(740, 310); bkg.vertex(737, 308); bkg.vertex(727, 309); bkg.vertex(724, 312); bkg.vertex(722, 310); bkg.vertex(712, 310); bkg.vertex(711, 307); bkg.endShape(); bkg.beginShape(); bkg.vertex(716, 318); bkg.bezierVertex(718, 318, 727, 317, 727, 317); bkg.vertex(727, 315); bkg.vertex(741, 315); bkg.vertex(749, 312); bkg.vertex(761, 310); bkg.vertex(766, 310); bkg.vertex(772, 307); bkg.vertex(779, 307); bkg.vertex(786, 303); bkg.vertex(791, 304); bkg.vertex(799, 301); bkg.vertex(799, 307); bkg.vertex(723, 322); bkg.vertex(715, 320); bkg.endShape(); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(); })(); var tree = function(x,y,s){ translate(x,y); scale(s); pushMatrix(); translate(0,68); noStroke(); fill(56, 41, 33); beginShape(); vertex(87,239); vertex(138,109); vertex(110,217); vertex(231,215); vertex(177,223); vertex(168,231); vertex(169,226); vertex(110,231); vertex(100,249); vertex(99,372); vertex(74,375); vertex(77,284); vertex(43,90); endShape(); for (var i = 0; i<200; i+=13){ stroke(46, 33, 27); strokeWeight(5); line(i+38,random(120,23),90,273); } popMatrix(); noStroke(); fill(46, 66, 43); beginShape(); vertex(256,41); bezierVertex(59,-8,59,52,-35,110); vertex(-3,239); vertex(76,207); vertex(51,217); vertex(42,224); vertex(119,228); vertex(104,230); vertex(116,246); vertex(160,251); vertex(165,270); vertex(249,295); vertex(305,262); vertex(316,267); vertex(316,236); vertex(303,225); vertex(316,210); vertex(321,198); vertex(307,186); vertex(320,164); vertex(294,165); vertex(280,181); vertex(262,171); vertex(273,174); vertex(262,164); vertex(270,149); vertex(254,142); vertex(262,124); vertex(309,110); vertex(322,103); vertex(296,88); vertex(308,79); vertex(283,76); vertex(262,61); vertex(262,57); vertex(267,48); endShape(); fill(52, 77, 49); beginShape(); vertex(256,41); bezierVertex(59,-8,59,52,-20,110); vertex(9,222); vertex(76,207); vertex(60,217); vertex(42,224); vertex(119,223); vertex(104,230); vertex(116,242); vertex(160,251); vertex(165,264); vertex(249,260); vertex(309,252); vertex(316,267); vertex(318,236); vertex(293,225); vertex(316,210); vertex(321,198); vertex(307,186); vertex(320,164); vertex(294,165); vertex(280,187); vertex(262,171); vertex(273,174); vertex(256,164); vertex(270,149); vertex(215,142); vertex(262,107); vertex(309,110); vertex(323,103); vertex(296,88); vertex(308,79); vertex(283,76); vertex(256,61); vertex(256,57); vertex(204,31); endShape(); fill(61, 82, 57); beginShape(); vertex(207,41); bezierVertex(59,-8,59,52,-20,110); vertex(9,174); vertex(76,178); vertex(79,217); vertex(62,224); vertex(145,204); vertex(138,230); vertex(161,198); vertex(182,251); vertex(217,206); vertex(249,221); vertex(265,216); vertex(316,245); vertex(314,236); vertex(285,216); vertex(316,210); vertex(321,198); vertex(307,186); vertex(320,164); vertex(294,165); vertex(277,199); vertex(245,171); vertex(273,174); vertex(246,164); vertex(232,149); vertex(186,142); vertex(240,95); vertex(309,104); vertex(323,103); vertex(295,88); vertex(308,79); vertex(283,76); vertex(241,61); vertex(213,57); vertex(168,31); endShape(); }; var bushy = function(x,y,sx,sy,r) { pushMatrix(); translate(x,y); scale(sx,sy); rotate(r); noStroke(); fill(33, 59, 29,random(200,255)); beginShape(); vertex(201,333); bezierVertex(222,325,156,309,141,318); bezierVertex(149,325,156,324,135,331); vertex(125,335); vertex(132,339); vertex(125,344); vertex(125,353); vertex(136,347); vertex(125,361); vertex(124,369); vertex(129,367); vertex(177,380); vertex(207,377); vertex(222,380); vertex(222,379); vertex(223,371); vertex(220,367); vertex(222,361); vertex(231,357); vertex(222,351); vertex(222,339); vertex(209,322); endShape(); fill(50, 82, 44,random(100,255)); beginShape(); vertex(201,333); bezierVertex(222,325,156,309,141,318); bezierVertex(149,325,156,324,135,331); vertex(129,335); vertex(132,339); vertex(125,344); vertex(125,353); vertex(140,347); vertex(125,361); vertex(124,361); vertex(141,360); vertex(177,375); vertex(200,373); vertex(222,376); vertex(222,379); vertex(220,371); vertex(220,367); vertex(218,361); vertex(231,357); vertex(222,351); vertex(222,339); vertex(209,322); endShape(); fill(63, 99, 56,random(100,255)); beginShape(); vertex(201,333); bezierVertex(222,325,156,309,141,318); bezierVertex(149,325,156,324,135,331); vertex(129,335); vertex(132,339); vertex(125,344); vertex(125,353); vertex(135,342); vertex(142,346); vertex(146,347); vertex(154,339); vertex(177,350); vertex(200,357); vertex(210,358); vertex(222,377); vertex(220,371); vertex(220,367); vertex(218,361); vertex(231,357); vertex(222,351); vertex(222,339); vertex(209,322); endShape(); fill(72, 115, 63,random(100,255)); beginShape(); vertex(201,333); bezierVertex(222,325,156,309,141,318); bezierVertex(149,325,156,324,135,331); vertex(129,335); vertex(132,339); vertex(125,344); vertex(143,330); vertex(158,324); vertex(156,329); vertex(169,336); vertex(170,327); vertex(177,333); vertex(200,337); vertex(203,350); vertex(212,349); vertex(220,353); vertex(214,353); vertex(218,361); vertex(231,357); vertex(222,351); vertex(222,339); vertex(209,322); endShape(); popMatrix(); }; var girl = function(x,y,sx,sy,c){ pushMatrix(); translate(x,y); scale(sx,sy); fill(c); noStroke(); beginShape(); vertex(54, 200); bezierVertex(54, 200, 57, 197, 57, 192); bezierVertex(57, 192, 55, 185, 55, 183); bezierVertex(55, 183, 55, 180, 54, 176); bezierVertex(55, 175, 54, 164, 55, 163); bezierVertex(55, 163, 58, 150, 54, 142); bezierVertex(54, 142, 53, 137, 54, 134); bezierVertex(54, 134, 56, 127, 56, 124); vertex(57, 112); vertex(58, 116); bezierVertex(58, 116, 61, 119, 61, 120); bezierVertex(61, 120, 59, 107, 57, 102); bezierVertex(57, 102, 56, 84, 55, 79); bezierVertex(55, 79, 53, 75, 51, 72); bezierVertex(51, 72, 50, 70, 49, 67); vertex(49, 65); vertex(49, 64); bezierVertex(49, 64, 51, 60, 51, 57); bezierVertex(51, 57, 51, 62, 52, 62); bezierVertex(52, 62, 51, 59, 52, 57); bezierVertex(52, 57, 60, 69, 64, 69); bezierVertex(64, 69, 67, 69, 68, 61); bezierVertex(68, 61, 68, 60, 67, 58); vertex(68, 55); bezierVertex(68, 55, 66, 51, 60, 49); bezierVertex(60, 49, 59, 50, 58, 51); bezierVertex(58, 51, 56, 47, 54, 46); bezierVertex(54, 46, 54, 44, 53, 42); bezierVertex(53, 42, 54, 41, 54, 39); bezierVertex(54, 39, 53, 41, 52, 41); bezierVertex(52, 41, 51, 40, 52, 38); bezierVertex(52, 38, 52, 36, 51, 35); bezierVertex(51, 35, 48, 32, 45, 32); vertex(44, 30); vertex(46, 30); bezierVertex(46, 30, 49, 36, 53, 29); bezierVertex(53, 29, 56, 25, 59, 26); bezierVertex(59, 26, 57, 23, 51, 29); bezierVertex(51, 29, 49, 31, 48, 29); bezierVertex(48, 29, 53, 24, 55, 19); bezierVertex(55, 19, 53, 23, 51, 24); bezierVertex(51, 23, 52, 20, 51, 19); bezierVertex(51, 19, 51, 26, 47, 26); bezierVertex(47, 26, 49, 20, 49, 17); bezierVertex(49, 17, 51, 20, 49, 23); bezierVertex(49, 23, 52, 20, 49, 16); bezierVertex(49, 16, 49, 10, 48, 8); bezierVertex(48, 8, 52, 10, 53, 16); bezierVertex(53, 16, 55, 10, 49, 7); bezierVertex(49, 7, 47, 6, 46, 3); bezierVertex(46, 3, 43, 0, 39, 0); bezierVertex(39, 0, 37, -1, 35, 1); bezierVertex(35, 1, 28, -1, 25, 5); bezierVertex(25, 5, 21, 10, 21, 13); bezierVertex(21, 13, 22, 18, 17, 20); bezierVertex(17, 20, 9, 23, 12, 28); bezierVertex(12, 28, 11, 25, 14, 23); bezierVertex(14, 24, 11, 27, 13, 29); vertex(14, 27); bezierVertex(14, 27, 14, 22, 17, 22); bezierVertex(17, 22, 14, 27, 13, 29); bezierVertex(13, 29, 7, 29, 7, 34); vertex(9, 34); bezierVertex(9, 34, 9, 31, 11, 31); bezierVertex(11, 31, 10, 33, 9, 34); vertex(9, 34); vertex(7, 34); bezierVertex(7, 34, 6, 35, 5, 37); bezierVertex(5, 37, 3, 37, 3, 35); bezierVertex(3, 35, 2, 37, 5, 38); vertex(5, 38); bezierVertex(5, 38, 1, 37, 0, 39); bezierVertex(0, 39, 2, 38, 5, 39); bezierVertex(5, 39, 1, 45, 6, 49); bezierVertex(6, 49, 3, 46, 5, 43); bezierVertex(5, 43, 7, 38, 9, 38); bezierVertex(9, 38, 9, 43, 6, 42); vertex(5, 42); bezierVertex(5, 42, 8, 45, 10, 41); bezierVertex(10, 41, 11, 39, 11, 38); vertex(13, 38); vertex(11, 42); bezierVertex(11, 42, 8, 44, 7, 47); bezierVertex(7, 47, 7, 49, 9, 50); vertex(9, 48); bezierVertex(9, 48, 9, 44, 11, 44); bezierVertex(11, 44, 10, 48, 11, 49); vertex(9, 47); vertex(9, 50); bezierVertex(9, 50, 10, 51, 9, 53); bezierVertex(9, 53, 8, 54, 6, 52); bezierVertex(6, 52, 6, 54, 8, 54); bezierVertex(8, 54, 10, 54, 11, 52); vertex(11, 57); bezierVertex(11, 57, 7, 60, 10, 62); vertex(10, 61); bezierVertex(10, 61, 10, 59, 10, 59); vertex(10, 63); vertex(10, 63); bezierVertex(10, 63, 8, 71, 10, 73); bezierVertex(10, 73, 11, 75, 13, 75); bezierVertex(13, 75, 21, 71, 23, 70); bezierVertex(23, 70, 23, 72, 21, 74); bezierVertex(21, 74, 20, 75, 21, 76); bezierVertex(21, 76, 18, 85, 18, 87); bezierVertex(18, 87, 11, 101, 9, 113); bezierVertex(9, 113, 8, 116, 9, 117); bezierVertex(9, 117, 11, 123, 10, 125); bezierVertex(10, 125, 17, 122, 19, 123); vertex(22, 125); bezierVertex(22, 125, 25, 135, 24, 139); bezierVertex(24, 139, 19, 153, 20, 160); bezierVertex(20, 160, 20, 167, 22, 171); bezierVertex(22, 171, 23, 181, 23, 182); bezierVertex(24, 184, 24, 187, 24, 187); bezierVertex(24, 187, 23, 190, 23, 193); vertex(22, 194); vertex(22, 197); bezierVertex(22, 197, 28, 200, 31, 194); bezierVertex(31, 194, 31, 193, 33, 192); bezierVertex(33, 192, 38, 190, 36, 187); bezierVertex(36, 187, 37, 183, 32, 182); bezierVertex(32, 182, 31, 182, 30, 181); bezierVertex(30, 181, 30, 181, 30, 179); bezierVertex(30, 177, 30, 170, 30, 170); bezierVertex(30, 170, 31, 164, 31, 163); bezierVertex(31, 163, 33, 155, 33, 150); bezierVertex(33, 150, 33, 145, 34, 143); bezierVertex(34, 143, 38, 132, 37, 126); bezierVertex(37, 126, 40, 126, 40, 126); bezierVertex(40, 126, 42, 138, 43, 139); bezierVertex(43, 139, 44, 146, 44, 148); bezierVertex(44, 148, 44, 160, 46, 164); vertex(46, 172); vertex(46, 175); bezierVertex(46, 175, 45, 179, 47, 183); bezierVertex(47, 183, 47, 186, 47, 189); bezierVertex(47, 189, 45, 196, 49, 199); bezierVertex(50, 199, 50, 200, 53, 200); endShape(); popMatrix(); }; //} images + functions //{ // sky: var c1 = color(26, 53, 61);// sky top color var c2 = color(118, 142, 163);// sky bottom color for (var i = 0; i < 450; i += 1) { strokeWeight(1); stroke(lerpColor(c1,c2, i / 450)); line(-1, i, 800, i); }// sky for(var i = 0; i < 30; i++) { pushStyle(); noFill(); strokeWeight(40); stroke(random(10,20),random(10,40)); bezier(-100, random(-100, 500), random(10, 150), random(-100, 500), random(width-200, width-100), random(-100, 500), width+100, random(-100, 500)); popStyle(); }// sky filter(BLUR, 6);// sky for(var j = 500; j >= 10; j -= 5){ noStroke(); fill(255, 255, 255, 2); ellipse(200, 20, j, j/1.09); }// graident //} the sky //{ for(var i = 0; i <255; i += 1){ var c = color(6, 18, 4); stroke(c,i); strokeWeight(4); line(0,i+300,800,i+250); }// light - bottom // back hill noStroke(); fill(42, 79, 42); beginShape(); vertex(-2, 365); bezierVertex(-2, 365, 284, 359, 383, 344); bezierVertex(383, 344, 567, 321, 805, 329); vertex(806, 454); vertex(-5, 451); endShape(); var Grass = function(config) { this.color = config.color; this.height = config.height; this.noise = config.noise; this.draw = function() { noiseSeed(10); var incAmount = -0.0002; for(var t = 0; t < width; t++) { var n = noise(this.noise); var y = map(n, 0, 1, -265, this.height); this.noise+= incAmount; //grass strokeWeight(random(1,2)); stroke(this.color); line(t, height-y, random(t-5, t+5), height-y-random(25, 35)); if(random() < 0.5) { line(t, height-y, random(t-5, t+5), height-y-random(25, 35)); } } }; }; var grass = new Grass({ color: color(42, 79, 42), height: 578, noise: 12.43 }); grass.draw(); // fore-ground noStroke(); fill(66, 52, 37); beginShape(); vertex(1, 390); vertex(115, 380); bezierVertex(115, 380, 549, 369, 801, 370); vertex(803, 451); vertex(-3, 452); endShape(); fill(56, 42, 28); beginShape(); vertex(6, 391); bezierVertex(6, 391, 547, 421, 760, 372); bezierVertex(760, 372, 110, 373, 6, 391); endShape(); fill(56, 42, 28); beginShape(); vertex(-2, 431); bezierVertex(-2, 431, 435, 397, 578, 408); bezierVertex(589, 409, 679, 417, 809, 401); vertex(806, 455); vertex(-10, 451); endShape(); pushMatrix(); translate(400, 420); scale(2,0.2); for(var i = 0; i < 700; i++) { var c = color(31, 21, 13); noStroke(); fill(c,random(50,100)); rotate(i); rect(random(0, 150), random(0, 200),random(10,30),random(2,5)); }// ground swirl popMatrix(); //} back hill + front ground //{ // some pillars for(var i = 645; i < 800; i += random(10,12)){ pushMatrix(); translate(i,random(300,320)); scale(random(0.5,1.2)); fill(103, 112, 78); noStroke(); beginShape(); vertex(-1, 10); vertex(-8, -31); vertex(-13, -71); vertex(-19, -63); vertex(-13, -6); vertex(-6, 37); vertex(-2, 71); vertex(9, 72); endShape(); fill(127, 140, 92); beginShape(); vertex(-13, -71); vertex(-6, -68); vertex(1, -22); vertex(20, 69); vertex(9, 72); vertex(0, 13); vertex(-8, -28); endShape(); popMatrix(); } for(var j = 500; j >= 10; j -= 5){ noStroke(); fill(255, 171, 255, 3); ellipse(850, 150, j, j/1.09); }// purple graident // trees: tree(-20,-30,1); tree(60,230,0.5); tree(-200,60,1); tree(950,-20,1); resetMatrix(); for(var i = 0; i <255; i += 1){ var c = color(0, 0, 0); stroke(c,i); strokeWeight(2); line(-i+100,0,-i+100,450); }// light - left side //} pillars + trees //{ image(FarLeftWall, 0, 0); image(LeftArchPart, 0, 0); image(RightArchPart1, 0, 0); bushy(450,250,0.4,0.4); bushy(500,245,0.4,0.4); bushy(460,215,0.5,0.5); bushy(160,260,0.4,0.4,-5); bushy(170,210,0.5,0.6,-10); bushy(90,190,0.6,0.6); bushy(160,260,0.4,0.4,-5); // light from the sky fill(255, 171, 255,50); noStroke(); beginShape(); vertex(340, 408); bezierVertex(340, 413, 382, 24, 377, -20); vertex(487, -18); bezierVertex(487, -18, 520, 273, 547, 406); bezierVertex(547, 406, 438, 432, 340, 408); endShape(); noStroke(); fill(255, 171, 255,30); ellipse(440,405,200,20); for(var j = 500; j >= 10; j -= 5){ noStroke(); fill(255, 171, 255, 3); ellipse(450, 410, j, j/2); }// purple graident image(RightArchPart2, 0, 0); image(LittlePillars, 0, 0); girl(585,335,-0.5,0.5,color(0)); pushMatrix(); translate(440, 410); for (var i = 0; i < 600; i++) { noStroke(); fill(255, 171, 255, random(1, 5)); rotate(random(0, 360)); ellipse(0, 0, random(200, 500), random(5, 15)); }//sun popMatrix(); for(var j = 200; j >= 10; j -= 5){ noStroke(); fill(255, 171, 255, 3); ellipse(510, 410, j, j); }// purple graident // plant: noFill(); strokeWeight(2); randomSeed(2); for(var i = 0; i < 10; i++) { for(var j = 0; j < 7; j++) { var col = color(9, 20, 9,random(200,255)); stroke(col); bezier( i+random(750, 850), random(50, 200), i+random(650, 700), random(-50,50), i+random(600, 751), random(0, 200), i+random(420, 620), random(50, 200)); } } var Leaves = function(x, y, w, h, n, r, s, s2, c1, c2) { pushMatrix(); translate(x, y); rotate(r); noStroke(); var rnd, a, rad; for (var i = 0; i < n; i++) { rnd = Math.random(); fill(lerpColor(c1, c2, rnd)); a = Math.random() 360; rad = Math.random(); pushMatrix(); translate(cos(a) * w * rad, sin(a) * h * rad); scale(s - s2 * Math.random()); rotate(Math.random() * 360); ellipse(-12, 0, 6, 20); ellipse(0, -12, 20, 6); popMatrix(); } popMatrix(); }; Leaves(690, 90, 300, 70, 400, 5, 0.9, 0.5, color(20), color(30)); Leaves(720, 80, 300, 80, 500, -20, 0.9, 0.5, color(20), color(30)); image(UpPillar, 0, 0); //} drawing stone structures + light + girl //{ // hanging moss bunch var hangingMossBunch = function(x, y, l) { beginShape(); var vertexNum = 0; while (vertexNum < 10) { curveVertex(x + random(-l / 25, l / 25), y + vertexNum * (l / 10)); vertexNum ++; } endShape(); }; noFill(); strokeWeight(2); stroke(29, 43, 20, 150); var mossNum = 20; while (mossNum > 0) { var x = random(random(200, 250), random(250, 300)); pushMatrix(); translate(135,-100); hangingMossBunch(x, random(85, 90), random(150, 200) - abs(250 - x) * 4); mossNum --; popMatrix(); } //} hanging moss //{ bushy(-180,150,0.9,0.9,-10); bushy(585,285,0.3,0.3); bushy(530,234,0.45,0.45); bushy(580,250,0.4,0.45,-10); //} some bushes //{ for(var i = 0; i <255; i += 1){ var c = color(0, 0, 0); stroke(c,i); strokeWeight(2); line(0,-i+100,800,-i+100); }// light - bottom for (var i = 0; i < 100; i += 1) { strokeWeight(9); stroke(0,i/2); noFill(); arc(400,i+350,800,80,0,180); }// graident for(var i = 0; i <255; i += 1){ var c = color(0, 0, 0); stroke(c,i); strokeWeight(2); line(i+750,0,i+750,450); }// dark light - right side // I think it probably needs this: rectMode(CENTER); noStroke(); fill(0,10); rect(400,225,800,450); copyright(); //} some more shadow + darkening things + signatures //{ var graphic = get(0,0,width,height); if (width === 801) { background(0); image(graphic,-340,0,width+500,height); //image(graphic,0,100,width,250); } //} thumbnail
Folds	20,58,60,70,71,1824,1826,1853,1854,1940,1941,1992,1993,2095,2096,2121,2122,2129,2130,2160,2162,2171
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN28_cm_Cgw
Votes	283
Spin-Offs	5
Type	PJS
Width	400
Height	400
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, 1739450709716
Updated	8 months ago, 1744845039717
Source Deleted	unknown