Viewing Program

Program Data

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

Title	Divide
ID	5982052263624704
Created	6 years ago, 1567545317402
Updated	6 years ago, 1567545872530
Code	/This is the last project in a while, probably. I originally drew this out on paper several months ago just as a drawing and planned to make it a graphic someday, but I forgot about it until now :P I hope you all like it! :) If by any slim, unprobable chance you want to subscribe to a person who's going inactive after releasing maybe 1 more program in the near-ish future, you can go here: https://www.khanacademy.org/computer-programming/subscribe-to-reader-writer-penguin/5019495151632384 / //change this to true if Oh Noes is complaining var delag = false; smooth(); //colors, in general, for easy tweaking var gradCols = { "sandCliff1": color(189, 123, 0), "sandCliff2": color(56, 37, 0), "rockCliff1": color(171, 171, 171), "rockCliff2": color(20, 20, 20), "stream1": color(157, 229, 245), "stream2": color(103, 219, 245), "water1": color(120, 230, 250), "water2": color(183, 232, 235), "letDark": color(158, 158, 158), "letLight": color(199, 199, 199) }; //masked elements { //left cliff { //gradient for(var i = 240; i < height; i++){ stroke(lerpColor(gradCols.sandCliff1, gradCols.sandCliff2, (i - 240)/(height - 240))); line(0, i, 270, i); } //random shape textures noStroke(); for(var j = 0; j < 25; j++){ pushMatrix(); translate(random(-18, 251), random(250, 463)); (fill)(random(10, 75), random(10, 20)); quad(random(-10, -20), random(-20, -40), random(-50, 30), random(90, 140), random(30, 80), random(50, 200), random(50, 100), random(20, -30)); (fill)(0, random(5, 10)); quad(random(-10, -20), random(-20, -40), random(-50, 30), random(100, 280), random(30, 80), random(150, 300), random(50, 100), random(20, -30)); popMatrix(); } //getting it var sandCliffGrad = get(0, 240, 280, height); //shape background(0, 0, 0); noStroke(); fill(255); pushMatrix(); translate(0, -40); beginShape(); vertex(0, 288); vertex(235, 301); vertex(229, 336); vertex(211, 346); vertex(213, 358); vertex(218, 369); vertex(179, 433); vertex(190, 454); vertex(189, 461); vertex(176, 487); vertex(187, 597); vertex(167, 643); vertex(0, 640); endShape(); popMatrix(); var sandCliffShape = get(0, 240, 280, height); //masking sandCliffGrad.mask(sandCliffShape); //} //right cliff { //gradient for(var i = 240; i < height; i++){ stroke(lerpColor(gradCols.rockCliff1, gradCols.rockCliff2, (i - 240)/(height - 240))); line(390, i, 600, i); } //(slight) random rock texture noStroke(); for(var j = 0; j < 20; j++){ pushMatrix(); translate(random(400, 610), random(250, 463)); (fill)(random(10, 75), random(10, 20)); quad(random(-10, -20), random(-20, -40), random(-50, 30), random(90, 140), random(30, 80), random(50, 200), random(50, 100), random(20, -30)); (fill)(0, random(5, 10)); quad(random(-10, -20), random(-20, -40), random(-50, 30), random(100, 280), random(30, 80), random(150, 300), random(50, 100), random(20, -30)); popMatrix(); } //getting the image var rockCliffGrad = get(390, 240, 210, height); //base shape background(0); fill(255); beginShape(); vertex(643, 250); vertex(396, 255); vertex(399, 284); vertex(410, 309); vertex(405, 396); vertex(409, 407); vertex(444, 454); vertex(442, 472); vertex(437, 494); vertex(445, 502); vertex(457, 553); vertex(439, 600); vertex(600, 600); endShape(); var rockCliffShape = get(390, 240, 210, height); //masking rockCliffGrad.mask(rockCliffShape); //} //waterfall on the right cliff { //background gradient strokeWeight(1); for(var j = 250; j < height; j++){ stroke(lerpColor(gradCols.water1, gradCols.water2, (j-250)/(height-250))); line(430, j, 460, j); } //slight light texture to it for(var i = 0; i < 20; i++){ stroke(255, 255, 255, random(90, 140)); var randx = random(440, 450), randy = random(250, 550); line(randx, randy, randx, randy + random(50, 100)); } //getting it var waterfallBack = get(430, 250, width, height); //drawing the shape background(0); noStroke(); fill(255, 255, 255); beginShape(); vertex(454, 552); vertex(450, 599); bezierVertex(444, 438, 446, 425, 444, 389); bezierVertex(429, 252, 446, 270, 445, 270); endShape(); var waterfallShape = get(430, 250, width, height); //masking waterfallBack.mask(waterfallShape); //} //stream on right cliff { //background gradient strokeWeight(1); for(var i = 0; i < 30; i++){ stroke(lerpColor(gradCols.stream1, gradCols.stream2, i/30)); line(0, i + 250, width, i + 250); } //some color variation noStroke(); for(var k = 0; k < 15; k++){ fill(14, 166, 237, random(30, 90)); ellipse(random(388, 549), random(270, 275), random(10, 50), random(1, 2)); } //slight texture for(var j = 0; j < 10; j++){ strokeWeight(random(1, 2)); stroke(255, 255, 255, random(30, 90)); var randx = random(388, 549), randy = random(270, 275); line(randx, randy, randx + random(20, 50), randy - 2); randx = random(500, 557); randy = random(248, 270); line(randx, randy, randx + random(20, 50), randy); } var streamGrad = get(0, 0, width, height); //shape background(0); noStroke(); fill(255); beginShape(); vertex(643, 261); bezierVertex(647, 247, 523, 249, 544, 260); bezierVertex(555, 260, 542, 269, 467, 268); vertex(443, 269); bezierVertex(439, 273, 436, 279, 453, 277); bezierVertex(532, 275, 530, 267, 592, 273); endShape(); var streamShape = get(0, 0, width, height); //masking streamGrad.mask(streamShape); //} //} background(144, 185, 207); //background { //amount by which loops increment var gap = delag === true ? 2.5:1; //dark gradient near the bottom strokeWeight(1); for(var i = 300; i < height; i++){ stroke(0, 0, 0, map(i, 300, height, 0, 180)); line(0, i, width, i); } //right side gradient for(var i = 0; i < 200; i += gap){ stroke(80, 210, 242, 200 - i); line(0, i, width, i); } noStroke(); fill(255, 255, 255, 7); for(var j = 0; j < 30; j += 2gap){ ellipse(431, 294, j 8, j * 8); ellipse(416, 459, j * 8, j * 8); } //left side gradient noStroke(); fill(167, 92, 242, 5); for(var i = 0; i < 100; i += gap){ rect(0, 0, i * 3, 600); } fill(4, 36, 125, delag === true ? 10:4); for(var i = 0; i < 150; i += 2gap){ ellipse(0, 183, i 5, i * 5); } fill(18, 9, 148, delag === true ? 12:4); for(var j = 0; j < 90; j += 2 * gap){ ellipse(151, 307, j * 4, j * 6); } //clouds var cloud = function(x, y, amt, rot, flip){ pushMatrix(); translate(x, y); scale(amt+0.1, amt); rotate(rot); if(flip){ scale(-1, 1); } var itCount = delag === true ? 2:8; for(var i = 0; i < itCount; i++){ beginShape(); vertex(0, 0); bezierVertex(1, 2, 30, 37 - i * random(1, 3.5), 78 + i * random(-1, 7), -8 - i * 3); bezierVertex(53 + i * 10, -13, 52, 9 + i * random(2, 4), 30, 10 + i * random(1.5, 4)); bezierVertex(14, 18 + i * random(1, 3), 0, 4, 0, random(-5, 5)); endShape(); } popMatrix(); }; var cloudCluster = function(x, y){ for(var i = 0; i < 3; i++){ cloud(x+random(-40, 40), y+random(-20, 20), random(0.7, 1.4), random(-20, 20), random(0, 1) < 0.5); } }; for(var j = 0; j < 5; j++){ fill(255, 255, 255, delag === true ? random(10, 25):random(5, 8)); cloudCluster(random(380, 590), random(0, 150)); } filter(BLUR, 3); //stars for(var i = 0; i < 30; i++){ var randx = random(0, 200 + i * 1.5), randy = random(0, 230), rands = random(1.5, 3); fill(255, 255, 255, 15); ellipse(randx, randy, rands * 3, rands * 3); fill(255, 255, 255, random(80, 160)); ellipse(randx, randy, rands, rands); } //moon { pushMatrix(); translate(17, 10); //glow noStroke(); fill(255, 255, 255, 8); for(var i = 0; i < 20; i += 3){ ellipse(26, 42, i * 5, i * 5); ellipse(26, 42, i * 3.5, i * 3.5); ellipse(26, 42, i * 3, i * 3); } //actual shape translate(12, 20); scale(0.5); fill(242, 242, 242); beginShape(); vertex(25, 20); bezierVertex(13, 39, 27, 61, 50, 50); bezierVertex(21, 85, -10, 35, 25, 20); endShape(); fill(92, 92, 92, 40); beginShape(); vertex(25, 20); bezierVertex(13, 39, 27, 61, 50, 50); bezierVertex(22, 70, 4, 35, 26, 20); endShape(); popMatrix(); //} //sun { pushMatrix(); translate(550, 54); //rays of light noStroke(); for(var i = 0; i < 360; i += 45){ fill(237, 234, 168, random(6, 15)); pushMatrix(); rotate(i + random(-15, 15)); scale(random(0.9, 1.4), random(0.9, 1.4)); for(var j = 0; j < 8; j++){ quad(-1, 0, 10 + j * 5, 0, 9 + j * 2, 8 + j * 2, 3, 5 + j * 2); } popMatrix(); } //glow fill(237, 234, 168, 12); for(var j = 0; j < 20; j++){ if(j % 2 === 0){ ellipse(0, 0, j * 2.5, j * 2.5); } ellipse(0, 0, j, j); } //slight ring noFill(); stroke(237, 234, 168, 8); strokeWeight(2); ellipse(0, 0, 100, 100); strokeWeight(5); ellipse(0, 0, 60, 60); popMatrix(); //} //} //text { //letter part function var letPart = function(x1, y1, x2, y2, w, point1, point2){ pushStyle(); translate(x1, y1); rotate(atan2(y2 - y1, x2 - x1)); var length = sqrt(sq(x2 - x1) + sq(y2 - y1)), wdth = w \|\| 3; //drawing the rects noStroke(); fill(gradCols.letDark); rect(0, -wdth, length, wdth); fill(gradCols.letLight); rect(0, 0, length, wdth); //adding "points" on the end or evening out edges if(point1){ fill(gradCols.letDark); triangle(0, 0, 0, -wdth, -wdth, 0); fill(gradCols.letLight); triangle(0, 0, 0, wdth, -wdth, 0); } if(point2){ fill(gradCols.letDark); triangle(length, 0, length, -wdth, length + wdth, 0); fill(gradCols.letLight); triangle(length, 0, length, wdth, length + wdth, 0); } popStyle(); }; //sparkle function var sparkle = function(x, y, s, rot, trans){ pushMatrix(); translate(x, y); rotate(rot); if(delag){ (fill)(255, trans * 3 \|\| 90); rect(0, 0, 0, 0.01, -s/2); } else { (fill)(255, trans \|\| 30); for(var i = 0; i < s; i += 3){ rect(0, 0, 0, 0.01, -i); } } (fill)(255, 100); rect(0, 0, 0, 0.01, -s/4); popMatrix(); }; pushMatrix(); translate(-3, -5); //actual text "divide" { pushStyle(); translate(263, 503); rotate(-90); //d pushStyle(); letPart(0, 0, 0, 80, 4); noFill(); stroke(gradCols.letDark); strokeCap(SQUARE); strokeWeight(4); arc(1, 40, 78, 76, 270, 450); stroke(gradCols.letLight); arc(1, 40, 86, 83, 270, 450); strokeWeight(6); point(-1.5, -1.5); point(-1.5, 81); popStyle(); //i translate(17, 0); letPart(70, 0, 70, 82, 4); //v translate(13, 0); noStroke(); fill(gradCols.letLight); triangle(131, 68, 143, 68, 136.5, 82); letPart(106, 0, 135, 68, 4, false, true, false, true); letPart(139, 68, 168, 0, 4, true, false); //i translate(15, 0); letPart(205, 0, 205, 82, 4); //d translate(12, 0); pushStyle(); translate(254, 0); letPart(0, 0, 0, 80, 4); noFill(); stroke(gradCols.letDark); strokeCap(SQUARE); strokeWeight(4); arc(1, 40, 78, 76, 270, 450); stroke(gradCols.letLight); arc(1, 40, 86, 83, 270, 450); strokeWeight(6); point(-1.5, -1.5); point(-1.5, 81); popStyle(); //e translate(12, 0); noStroke(); fill(gradCols.letLight); rect(330, 0, 8, 82); letPart(334, 4, 334, 78, 4); letPart(380, 4, 337, 4, 4, false, true); letPart(373, 41, 337, 41, 4, false, true); letPart(337, 78, 380, 78, 4, true, false); popStyle(); //} //decorative sparkles noStroke(); sparkle(306, 38, 23, -25, 10); sparkle(322, 139, 11, -16, 10); sparkle(297, 122, 19, 24, 10); sparkle(329, 202, 14, 1, 10); sparkle(347, 215, 16, -20, 10); sparkle(286, 238, 20, -36, 10); sparkle(301, 279, 12, -36, 10); sparkle(319, 317, 20, 16, 10); sparkle(291, 379, 28, 29, 10); sparkle(291, 402, 13, -9, 10); sparkle(323, 433, 18, 37, 10); sparkle(295, 451, 15, 86, 10); popMatrix(); //other text :P fill(255, 255, 255, 14); textFont(createFont("Times New Roman Italic")); textSize(15); text("tell me, how much will you risk \nfor this foolish dream of yours?\n\nhow much time will it take\nfor you to build a world\nthat was -never-\nmeant to exist?", 48, 94); textAlign(RIGHT); fill(255, 255, 255, 34); text("tell me, what price must I pay\nfor turning wishes to my reality?\n\nwhen will my downfall come\nwhen I've made a perfect world\nthat was -always-\nmeant to be?", width - 45, 94); //} //left cliff { pushMatrix(); translate(-1, -71); scale(0.95, 1.05); //cliff shape { //stuff behind the base shape noStroke(); fill(115, 79, 16); beginShape(); vertex(0, 288); vertex(235, 301); vertex(223, 336); vertex(224, 346); vertex(219, 358); vertex(218, 403); vertex(191, 446); vertex(179, 454); vertex(179, 506); vertex(196, 597); vertex(216, 643); vertex(0, 640); endShape(); //bottom cliff base shape image(sandCliffGrad, 0, 280); //rock texture shapes { //rock near the top fill(0, 0, 0, 70); beginShape(); vertex(164, 323); vertex(229, 314); vertex(219, 324); vertex(210, 335); vertex(207, 374); vertex(187, 414); vertex(133, 427); vertex(156, 400); vertex(159, 373); vertex(160, 354); endShape(); fill(97, 60, 17); beginShape(); vertex(164, 323); vertex(229, 314); vertex(219, 324); vertex(210, 335); vertex(207, 358); vertex(192, 399); vertex(133, 419); vertex(156, 400); vertex(159, 373); vertex(160, 354); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(164, 323); vertex(205, 318); vertex(197, 324); vertex(198, 335); vertex(181, 358); vertex(185, 368); vertex(189, 368); vertex(183, 374); vertex(150, 411); vertex(156, 400); vertex(159, 373); vertex(160, 354); endShape(); fill(0, 0, 0, 90); beginShape(); vertex(207, 359); vertex(192, 391); vertex(177, 391); vertex(151, 406); vertex(149, 415); vertex(192, 399); endShape(); //shadows/cave-ins fill(0, 0, 0, 40); pushMatrix(); translate(-7, 7); beginShape(); vertex(95, 323); vertex(155, 339); vertex(131, 379); vertex(141, 389); vertex(102, 436); vertex(107, 500); vertex(96, 460); vertex(74, 441); vertex(87, 445); vertex(66, 411); vertex(79, 386); vertex(105, 374); endShape(); popMatrix(); beginShape(); vertex(132, 458); vertex(155, 435); vertex(154, 440); vertex(156, 452); vertex(173, 460); vertex(135, 516); vertex(146, 525); vertex(133, 535); vertex(131, 584); vertex(119, 556); vertex(113, 510); vertex(136, 485); endShape(); beginShape(); vertex(67, 482); vertex(37, 514); vertex(77, 556); vertex(49, 645); vertex(145, 646); vertex(102, 621); vertex(114, 578); vertex(104, 591); vertex(104, 511); endShape(); //solid rock top left fill(130, 85, 33); beginShape(); vertex(13, 350); vertex(28, 376); vertex(-8, 396); vertex(12, 433); vertex(1, 445); vertex(1, 519); vertex(15, 538); vertex(26, 530); vertex(28, 515); vertex(50, 475); vertex(69, 415); vertex(59, 350); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(56, 434); vertex(40, 433); vertex(17, 459); vertex(20, 466); vertex(16, 520); vertex(26, 530); vertex(28, 515); vertex(50, 475); vertex(69, 415); vertex(59, 435); endShape(); fill(0, 0, 0, 40); beginShape(); vertex(56, 357); vertex(19, 359); vertex(14, 380); vertex(-30, 403); vertex(-6, 511); vertex(15, 539); vertex(6, 515); vertex(-8, 439); vertex(21, 396); vertex(31, 424); vertex(31, 393); vertex(27, 368); endShape(); beginShape(); vertex(56, 357); vertex(19, 359); vertex(14, 380); vertex(-30, 403); vertex(-6, 511); vertex(15, 539); vertex(10, 515); vertex(11, 439); vertex(21, 412); vertex(31, 424); vertex(36, 393); vertex(35, 368); endShape(); //solid rock near top fill(0, 0, 0, 60); beginShape(); vertex(147, 362); vertex(120, 499); vertex(104, 475); vertex(101, 457); vertex(83, 418); vertex(92, 391); vertex(111, 386); vertex(108, 337); vertex(124, 349); vertex(113, 333); vertex(159, 334); endShape(); fill(117, 77, 36); beginShape(); vertex(170, 362); vertex(120, 494); vertex(114, 475); vertex(116, 457); vertex(90, 406); vertex(109, 337); vertex(124, 349); vertex(151, 333); vertex(198, 334); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(142, 362); vertex(130, 386); vertex(134, 411); vertex(130, 418); vertex(109, 433); vertex(128, 416); vertex(125, 367); vertex(125, 348); vertex(127, 337); vertex(151, 323); vertex(145, 334); endShape(); quad(156, 364, 119, 494, 171, 365, 178, 353); fill(0, 0, 0, 50); beginShape(); vertex(109, 339); vertex(89, 402); vertex(119, 491); vertex(126, 461); vertex(108, 424); vertex(106, 394); vertex(117, 371); vertex(119, 350); endShape(); //rock middle/bottom fill(0, 0, 0, 25); beginShape(); vertex(57, 444); vertex(83, 453); vertex(98, 497); vertex(43, 591); vertex(11, 611); vertex(11, 570); vertex(26, 554); vertex(27, 487); vertex(32, 455); endShape(); fill(84, 54, 23); beginShape(); vertex(57, 444); vertex(83, 453); vertex(87, 497); vertex(30, 591); vertex(12, 601); vertex(11, 570); vertex(26, 554); vertex(27, 487); vertex(32, 455); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(57, 444); vertex(43, 462); vertex(51, 485); vertex(61, 472); vertex(55, 497); vertex(35, 531); vertex(30, 572); vertex(12, 601); vertex(11, 570); vertex(26, 554); vertex(27, 487); vertex(32, 455); endShape(); //rock near the bottom fill(0, 0, 0, 50); beginShape(); vertex(112, 513); vertex(144, 550); vertex(153, 568); vertex(134, 643); vertex(85, 640); vertex(58, 613); vertex(66, 554); vertex(92, 521); vertex(114, 506); endShape(); beginShape(); vertex(112, 513); vertex(144, 550); vertex(153, 568); vertex(134, 643); vertex(85, 640); vertex(83, 613); vertex(69, 554); vertex(92, 521); vertex(114, 506); endShape(); fill(84, 54, 17); beginShape(); vertex(123, 513); vertex(144, 550); vertex(153, 568); vertex(134, 643); vertex(85, 640); vertex(98, 570); vertex(73, 554); vertex(91, 521); vertex(113, 506); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(123, 556); vertex(115, 599); vertex(102, 606); vertex(102, 626); vertex(134, 643); vertex(85, 640); vertex(98, 570); vertex(73, 554); vertex(91, 521); vertex(85, 547); endShape(); //small outcrop near the botom fill(82, 52, 15); beginShape(); vertex(188, 515); vertex(155, 514); vertex(163, 543); vertex(177, 550); vertex(183, 574); vertex(202, 525); endShape(); fill(255, 255, 255, 10); beginShape(); vertex(188, 515); vertex(180, 514); vertex(189, 522); vertex(180, 533); vertex(190, 550); vertex(183, 574); vertex(202, 525); endShape(); //random overlay column of rock fill(99, 63, 20, 210); beginShape(); vertex(45, 340); vertex(74, 395); vertex(56, 497); vertex(67, 642); vertex(82, 642); vertex(116, 539); vertex(96, 334); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(45, 340); vertex(74, 395); vertex(47, 497); vertex(65, 642); vertex(79, 642); vertex(66, 539); vertex(83, 388); endShape(); //little "shelf" like rock on that column of rock fill(112, 70, 22, 210); quad(126, 519, 83, 496, 66, 524, 74, 544); fill(0, 0, 0, 50); quad(126, 519, 77, 532, 66, 524, 74, 544); quad(83, 517, 81, 495, 66, 524, 74, 533); //} //surface base shape noStroke(); fill(181, 150, 56); beginShape(); vertex(-29, 290); bezierVertex(5, 285, 190, 286, 234, 300); bezierVertex(242, 303, 214, 305, 217, 305); bezierVertex(199, 307, 226, 308, 229, 314); bezierVertex(232, 316, 214, 322, 188, 320); bezierVertex(164, 319, 162, 326, 181, 327); bezierVertex(190, 329, 199, 331, 199, 333); bezierVertex(208, 340, 148, 339, 147, 346); bezierVertex(130, 347, 130, 342, 119, 350); bezierVertex(111, 358, 79, 361, 1, 359); endShape(); //} //tree function var tree = function(startx, starty, angle, length, iteration){ //ending if(length < 4.5){ return; } //stuff :P var randlength = length * random(0.85, 1.1), randangle = angle + random(-3, 3); var endx = iteration === 0 ? startx:startx + randlength * cos(randangle), endy = iteration === 0 ? starty - length:starty - randlength * sin(randangle); //drawing it strokeWeight(constrain(randlength/6, 1, 10)); line(startx, starty, endx, endy); //recursive function let's go tree(endx, endy, randangle + random(-5, 5), length * random(0.6, 0.8), iteration + 1); tree(endx, endy, random(175, 185) - randangle, length * random(0.6, 0.8), iteration + 1); //adding in a few more branches here and there if((iteration + 1) % ~~(random(2, 3)) === 0){ tree(endx, endy, random(-30, 30) + randangle, length * random(0.65, 0.8), iteration + 1); } }; //drawing the trees stroke(0, 0, 0); pushMatrix(); translate(27, 293); scale(0.55); tree(-5, 0, 55, 15, 0); popMatrix(); tree(109, 303, 55, 17, 0); //sand dunes { //dunes noStroke(); for(var i = 0; i < 20; i++){ fill(196, 171, 28, 55 - i); bezier(-29, 305 + i, -81, 282, 56, 286, 120 + i * 2.8, 305 + i); fill(199, 178, 62, 55 - i); bezier(91 - i* 2, 298 + i, 144, 292, 113, 283, 180 + i, 298 + i); } for(var i = 0; i < 20; i++){ fill(222, 194, 51, 35 - i); bezier(13 - i* 2, 316 + i, 138, 298, 93, 318, 156 + i, 315 + i); } //slight texture if(!delag){ for(var j = 0; j < 50; j++){ var rands = random(1, 2); fill(255, 255, 255, random(15, 70)); ellipse(random(0, 141), random(301, 331), rands, rands); } } //} //tree in foreground stroke(0, 0, 0); tree(63, 332, 55, 20, 0); //sand in front noStroke(); for(var i = 0; i < 15; i++){ fill(199, 174, 12, 45 - i); bezier(-29, 337 + i, -81, 302, 56, 322, 76 + i * 2.8, 337 + i); } //girl { pushMatrix(); translate(187, 274); scale(0.3); //shadow noStroke(); fill(0, 0, 0, 20); ellipse(-7, 118, 80, 15); ellipse(-4, 118, 51, 15); //legs noStroke(); fill(41, 41, 41); quad(-13, 87, -10, 119, -2, 119, 3, 83); ellipse(-7, 117, 11, 8); fill(0, 0, 0); quad(-10, 87, -5, 119, -2, 119, 3, 83); ellipse(-4, 117, 11, 7); ellipse(0, 119, 13, 4); //dress and head fill(0); beginShape(); curveVertex(0, 0); curveVertex(0, 8); curveVertex(5, 9); curveVertex(4, 11); curveVertex(5, 16); curveVertex(7, 19); curveVertex(12, 24); curveVertex(11, 32); curveVertex(7, 41); curveVertex(8, 87); curveVertex(-4, 95); curveVertex(-22, 92); curveVertex(-33, 91); curveVertex(-43, 84); curveVertex(-37, 83); curveVertex(-26, 65); curveVertex(-10, 41); curveVertex(-9, 18); curveVertex(0, 8); curveVertex(0, 0); endShape(); ellipse(0, 0, 20, 20); //hair fill(77, 14, 14); beginShape(); curveVertex(0, 0); curveVertex(0, -10); curveVertex(-10, -6); curveVertex(-16, 10); curveVertex(-24, 13); curveVertex(-28, 11); curveVertex(-25, 16); curveVertex(-19, 18); curveVertex(-25, 24); curveVertex(-27, 30); curveVertex(-23, 27); curveVertex(-19, 35); curveVertex(-15, 38); curveVertex(-8, 40); curveVertex(-8, 40); curveVertex(-13, 34); curveVertex(-1, 18); curveVertex(-1, 3); curveVertex(3, -8); curveVertex(0, 0); endShape(); popMatrix(); //} popMatrix(); //} //right cliff { pushMatrix(); translate(-59, -25); scale(1.1, 1.07); //cliff shape { //rock base shape image(rockCliffGrad, 390, 240); //rock textures (+sigh+ here we go again... o.O) { noStroke(); //bottom left rock in the background fill(84, 84, 84); beginShape(); vertex(463, 406); vertex(442, 439); vertex(442, 448); vertex(437, 473); vertex(440, 480); vertex(456, 491); vertex(464, 530); vertex(489, 549); vertex(509, 534); endShape(); fill(0, 0, 0, 40); beginShape(); vertex(472, 406); vertex(456, 406); vertex(474, 446); vertex(474, 505); vertex(478, 513); vertex(470, 522); vertex(466, 522); vertex(466, 486); vertex(454, 468); vertex(453, 476); vertex(454, 479); vertex(437, 474); vertex(440, 480); vertex(450, 491); vertex(460, 530); vertex(489, 549); vertex(509, 534); endShape(); //top left rock in the background fill(0, 0, 0, 40); beginShape(); vertex(402, 258); vertex(488, 268); vertex(470, 440); vertex(419, 401); vertex(415, 350); vertex(403, 317); vertex(401, 308); vertex(411, 292); endShape(); fill(122, 122, 122); beginShape(); vertex(402, 258); vertex(488, 268); vertex(470, 418); vertex(427, 397); vertex(420, 344); vertex(403, 317); vertex(401, 308); vertex(411, 292); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(429, 258); vertex(488, 268); vertex(470, 418); vertex(440, 381); vertex(438, 369); vertex(443, 376); vertex(446, 344); vertex(438, 320); vertex(426, 308); vertex(445, 292); endShape(); fill(0, 0, 0, 20); quad(415, 341, 412, 327, 420, 331, 437, 325); quad(438, 303, 409, 272, 402, 258, 448, 260); fill(0, 0, 0, 80); beginShape(); vertex(465, 359); vertex(470, 418); vertex(427, 397); vertex(420, 355); vertex(432, 387); vertex(443, 398); vertex(458, 393); vertex(452, 376); endShape(); //stream cascading down (background) image(waterfallBack, 430, 250); //top right rock fill(0, 0, 0, 30); beginShape(); vertex(554, 286); vertex(598, 298); vertex(601, 604); vertex(576, 574); vertex(560, 456); vertex(531, 357); endShape(); fill(122, 122, 122); beginShape(); vertex(565, 286); vertex(598, 298); vertex(601, 604); vertex(584, 574); vertex(574, 456); vertex(538, 357); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(547, 371); vertex(578, 368); vertex(565, 380); vertex(555, 385); vertex(573, 430); vertex(598, 481); vertex(586, 508); vertex(601, 604); vertex(584, 574); vertex(574, 456); vertex(538, 357); endShape(); fill(0, 0, 0, 15); beginShape(); vertex(575, 297); vertex(596, 300); vertex(590, 328); vertex(607, 367); vertex(589, 386); vertex(587, 416); vertex(576, 405); vertex(581, 363); vertex(546, 330); vertex(565, 315); vertex(557, 296); endShape(); beginShape(); vertex(575, 297); vertex(596, 300); vertex(579, 328); vertex(597, 367); vertex(589, 377); vertex(587, 393); vertex(583, 405); vertex(585, 363); vertex(558, 330); vertex(572, 337); vertex(565, 312); endShape(); //top left rock fill(0, 0, 0, 30); beginShape(); vertex(430, 286); vertex(506, 298); vertex(549, 544); vertex(496, 520); vertex(455, 456); vertex(457, 357); endShape(); fill(94, 94, 94); beginShape(); vertex(430, 286); vertex(526, 298); vertex(543, 507); vertex(518, 554); vertex(466, 456); vertex(462, 357); endShape(); fill(0, 0, 0, 25); beginShape(); vertex(430, 286); vertex(515, 298); vertex(504, 414); vertex(515, 433); vertex(491, 432); vertex(470, 465); vertex(479, 426); vertex(473, 385); vertex(487, 335); endShape(); beginShape(); vertex(445, 286); vertex(506, 298); vertex(495, 365); vertex(502, 385); vertex(491, 400); vertex(484, 417); vertex(484, 406); vertex(484, 378); vertex(493, 322); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(524, 286); vertex(526, 298); vertex(543, 507); vertex(518, 554); vertex(470, 465); vertex(490, 492); vertex(487, 471); vertex(495, 471); vertex(507, 485); vertex(526, 456); vertex(518, 363); vertex(493, 349); vertex(501, 352); vertex(515, 353); vertex(522, 344); endShape(); //small rock on that rock fill(0, 0, 0, 50); quad(531, 361, 495, 347, 446, 371, 506, 398); fill(112, 112, 112); quad(523, 361, 495, 347, 446, 371, 506, 390); fill(0, 0, 0, 30); beginShape(); vertex(495, 347); vertex(523, 361); vertex(506, 390); vertex(446, 371); vertex(480, 368); vertex(486, 377); vertex(499, 379); vertex(514, 367); vertex(499, 358); vertex(494, 359); endShape(); //other rock cropping (near bottom) fill(0, 0, 0, 50); beginShape(); vertex(592, 456); vertex(541, 550); vertex(502, 472); vertex(524, 437); vertex(541, 430); vertex(576, 400); endShape(); fill(105, 105, 105); beginShape(); vertex(583, 456); vertex(541, 550); vertex(508, 472); vertex(527, 437); vertex(542, 437); vertex(576, 400); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(583, 456); vertex(541, 550); vertex(508, 472); vertex(525, 492); vertex(535, 516); vertex(554, 484); vertex(559, 456); vertex(571, 448); vertex(576, 400); endShape(); beginShape(); vertex(583, 456); vertex(541, 550); vertex(505, 472); vertex(521, 492); vertex(532, 524); vertex(545, 524); vertex(545, 510); vertex(565, 484); vertex(556, 462); vertex(578, 448); vertex(576, 400); endShape(); //rock on the right side of the screen fill(0, 0, 0, 40); quad(599, 499, 599, 371, 577, 388, 563, 437); fill(163, 163, 163); quad(599, 474, 599, 371, 581, 388, 569, 437); fill(0, 0, 0, 30); beginShape(); vertex(599, 474); vertex(599, 371); vertex(590, 388); vertex(598, 384); vertex(594, 417); vertex(587, 425); vertex(587, 449); vertex(569, 437); endShape(); //bottom rock fill(0, 0, 0, 90); beginShape(); vertex(496, 498); vertex(535, 513); vertex(592, 571); vertex(578, 595); vertex(465, 596); vertex(461, 556); endShape(); fill(64, 64, 64); beginShape(); vertex(496, 498); vertex(526, 513); vertex(571, 571); vertex(556, 595); vertex(478, 596); vertex(468, 556); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(496, 498); vertex(526, 513); vertex(571, 571); vertex(556, 595); vertex(491, 596); vertex(516, 589); vertex(540, 576); vertex(501, 554); vertex(509, 552); vertex(519, 518); endShape(); //small rock on the very bottom fill(0, 0, 0, 30); quad(467, 549, 448, 576, 513, 595, 508, 568); fill(77, 77, 77); quad(468, 549, 447, 576, 493, 595, 501, 571); fill(255, 255, 255, 10); beginShape(); vertex(469, 550); vertex(448, 576); vertex(476, 588); vertex(464, 575); vertex(471, 569); vertex(473, 555); endShape(); //} //surface base shape noStroke(); fill(79, 199, 32); beginShape(); vertex(643, 250); bezierVertex(550, 238, 470, 249, 415, 250); bezierVertex(376, 255, 405, 258, 427, 262); bezierVertex(450, 264, 454, 278, 430, 283); bezierVertex(419, 288, 454, 288, 455, 300); bezierVertex(442, 309, 487, 309, 503, 309); bezierVertex(550, 316, 533, 291, 612, 302); endShape(); //} //stuff on top of surface { //"hills"?? fill(13, 214, 56); bezier(619, 247, 592, 195, 511, 243, 495, 250); fill(30, 232, 30); bezier(643, 249, 615, 211, 470, 251, 452, 249); fill(30, 232, 30, 30); for(var i = 0; i < 15; i++){ bezier(643, 249+i, 615, 211, 470, 251, 452, 248+i); } //grass var grassClump = function(x, y){ var amt = ~~random(6, 15); for(var i = 0; i < amt; i++){ var randx = random(x + 10, x - 10), randy = random(y + 10, y - 10); stroke(24 + random(-15, 15), 159+random(10, -10), 33 + random(-15, 15), random(50, 90)); strokeWeight(random(1, 2)); line(randx, randy, randx, randy - random(2, 5)); } }; for(var j = 0; j < 24; j++){ grassClump(random(451, 600), random(257, 292)); } //flowers? colorMode(HSB); strokeWeight(1); for(var k = 0; k < 80; k++){ stroke(map(k, 0, 80, 0, 255), 250, 250); point(random(451, 600), random(257, 292)); } colorMode(RGB); //resetting color mode //tree functions var branch = function(x, y, amt, rot, flip, col, trans){ pushMatrix(); translate(x, y); scale(amt); if(flip){ scale(-1, 1); } rotate(rot); (fill)(lerpColor(col \|\| color(28, 173, 33), color(0, 0, 0), random(0, 0.2)), trans \|\| 50); var itCount = delag === true ? 3:6; for(var j = 0; j < itCount; j++){ scale(1.1); beginShape(); vertex(0, 0); bezierVertex(7, 8, 11, 1, 17, 4); bezierVertex(13, 12, 8, 9, 17, 13); bezierVertex(-1, 9, -2, 12, 0, 0); endShape(); } popMatrix(); }; var greenTree = function(x, y, xamt, yamt, col, trans){ pushMatrix(); translate(x, y); scale(xamt, yamt \|\| xamt); noStroke(); var totalLoop = xamt < 0.3 ? 5:15; for(var i = 0; i < totalLoop; i++){ branch(random(-2, i/4), i * map(i, 0, totalLoop, 2, 5) + random(-3, 3), map(i, 0, totalLoop, 0.2, 1.2) + random(-0.05, 0.07), random(-3, 3), false, col, trans); branch(random(0, -i/4), i * map(i, 0, totalLoop, 2, 5) + random(-3, 3), map(i, 0, totalLoop, 0.2, 1.2) + random(-0.05, 0.07), random(-3, 3), true, col, trans); } popMatrix(); }; //trees in the background { for(var i = 0, x = 504; i < 12; i++){ var rands = random(0.24, 0.35); greenTree(540 + i * 5, 219 + random(0, 10), rands, rands + random(0.1, 0.3), color(17 + random(-10, 10), 153 + random(10, 60), 49), 25); greenTree(x, 235, rands, rands + random(0.1, 0.3), color(17 + random(-10, 10), 153 + random(10, 60), 49), 25); x += rands * 45 + random(-3, 6); } greenTree(493, 239, 0.15, 0.25, color(17, 153, 49), 20); greenTree(499, 238, 0.15, 0.25, color(17, 153, 49), 20); greenTree(487, 243, 0.1, 0.15, color(17, 153, 49), 20); //} //river/stream on the surface image(streamGrad, 0, 0); //trees in foreground greenTree(541, 236, 0.6, 0.65, color(17, 153, 49)); greenTree(520, 265, 0.37, 0.44, color(0, 186, 43)); greenTree(556, 246, 0.4, 0.55, color(0, 186, 43)); greenTree(575, 248, 0.45, 0.57, color(21, 176, 55)); greenTree(596, 242, 0.53, 0.63, color(17, 153, 49)); //birds :D { noFill(); stroke(18, 18, 18); strokeCap(ROUND); strokeWeight(1); //bird 1 arc(550, 213, 6, 6, 217, 360); arc(555, 213, 6, 6, 217, 297); //bird 2 (larger, but not really) arc(569, 204, 5, 7, 216, 339); arc(575, 204, 8, 9, 217, 295); //bird 3 arc(571, 220, 4, 8, 229, 310); arc(575, 220, 4, 8, 217, 295); //} //} //plume of water particles from waterfall noStroke(); fill(255, 255, 255, 10); for(var i = 0; i < 20; i++){ ellipse(447, 570, i * 5, i * 5); } for(var j = 0; j < 50; j++){ fill(255, 255, 255, random(20, 90)); var rands = random(2, 5); ellipse(random(447 + j, 447 - j), random(511, 565), rands, rands); } popMatrix(); //} //darkness { //shape pushMatrix(); noStroke(); if(!delag){ fill(0, 0, 0, 20); } else { fill(0, 0, 0, 190); } var itCount = delag === true ? 1:23; rotate(3); translate(2, 0); for(var i = 0; i < itCount; i++){ beginShape(); vertex(-11, 568); bezierVertex(19, 609, 23-i * 2, 520, 47, 525 - i); bezierVertex(27 - i, 545, 33 + i, 563, 47 + i * 2, 574); bezierVertex(99, 626 - i, 121, 563, 98 + i, 538); bezierVertex(64, 626, 150, 563, 143, 548 - i); bezierVertex(71 - i * 3.3, 570 + i, 150, 418, 91 - i, 472); bezierVertex(143, 403 - i * 2, 115 - i * 2, 547, 142, 507); bezierVertex(228 - i * 3, 403 - i, 71, 513, 170, 507); bezierVertex(241 + i * 3, 536, 136 + i, 530, 203, 575 + i); bezierVertex(254+i, 536, 136, 530, 224, 572 + i); bezierVertex(292 - i, 578, 182 - i, 530, 224 - i, 448); bezierVertex(234, 431 - i, 253 + i, 442, 261, 448); bezierVertex(220, 434 + i, 237 + i, 515 - i, 261 + i, 487); bezierVertex(314, 449, 259 + i, 524, 279 + i, 535 + i); bezierVertex(233 + i, 490, 247, 607, 324 - i, 541); bezierVertex(370 - i, 488, 302, 486, 308 -i , 510); bezierVertex(295, 488 - i, 356 + i, 451, 363 + i, 551 + i); bezierVertex(308 + i, 535, 356, 620, 426, 577 - i); bezierVertex(369, 535, 356, 620, 456 - i, 576); bezierVertex(369 + i, 507, 418 + i, 591, 456 - i, 483); bezierVertex(495 + i * 3, 507, 418, 518, 456 + i, 533); bezierVertex(427 + i, 542, 418 + i, 563, 496, 550 - i/2); bezierVertex(518 + i, 547, 487, 595, 544 + i * 2, 580); bezierVertex(518 + i, 601, 505 + i * 3, 502, 585 + i, 563); bezierVertex(602 + i, 601, 508 + i, 532 - i, 600, 604+i); vertex(600, 600); vertex(0, 600); endShape(); } popMatrix(); //spots of darkness if(!delag){ for(var j = 0; j < 20; j++){ var randx = random(20, 400), randy = random(400, 550), rands = random(10, 20); for(var k = 0; k < rands; k += rands/5){ ellipse(randx, randy, k, k); } } } //} //"bridge" { //glow function var glow = function(x, y, col){ noStroke(); for(var j = 0; j < 10; j++){ fill(49, 49, 130, 4); ellipse(x, y, j * 3, j * 3); (fill)(col, 6); ellipse(x, y, j * 2.5, j * 2.5); ellipse(x, y, j, j); } noFill(); (stroke)(col, 8); strokeWeight(2); var rands = random(22, 30); ellipse(x, y, rands, rands); }; //drawing background phantom glow if(!delag){ noFill(); stroke(255, 255, 255, 3); for(var i = 0; i < 10; i++){ strokeWeight(i * random(3, 5)); arc(300, 278, 140, 140, 210, 344); } } //drawing glow that makes up the bridge noStroke(); colorMode(HSB); for(var i = 0; i < 7; i++){ var x = map(i, 0, 7, 240, 385), y = 278 - sqrt(sq(70) - sq(x - 300)); glow(x + random(-4, 4), y + random(-5, 5), color(map(i, 0, 7, 0, 255), 255, 255)); } colorMode(RGB); //} //lens flare { if(!delag){ noStroke(); for(var i = 0; i < 18; i++){ var randx = map(i, 0, 18, 200, 540) + random(-20, 20), randy = 494-randx*0.75 + random(-15, 15), rands = random(15, 50); fill(245+random(-50, 50), 255+random(-50, 50), 189+random(-50, 50), random(10, 30)); ellipse(randx, randy, rands, rands); } } //}
Folds	14,25,27,202,206,348,350,492,494,1035,1037,1522,1524,1581,1583,1620,1622,1633
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgM6h0ZTQCgw
Votes	265
Spin-Offs	22
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Reader Writer Penguin
Author Name	WriterPenguin1127
Author ID	kaid_660115468292459786165770
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739451921012
Updated	4 months ago, 1744845422628
Source Deleted	unknown