Viewing Program

Program Data

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

Title	Over the Garden Wall
ID	6693103160033280
Created	6 years ago, 1535389738606
Updated	1 months ago, 1733195375373
Code	// Over the Garden Wall - A graphic by Green Ghost // Based on Over the Garden Wall, a miniseries on Cartoon Network. /** Another Over the Garden Wall graphic I made: * https://www.khanacademy.org/cs/i/6213208187912192 */ // Started March 2018 // Finished August 2018 // Released 8/27/2018 // Added the Self Portrait filter 12/2/2024 // Graphic based off of an image online // Story / Two half brothers, Wirt and Greg, are lost in the woods and are trying to find their way home, with the help of a bird named Beatrice as well as many other strange and wonderful creatures. Overshadowing the entire series is the mysterious Beast, who haunts the woods. / smooth(); size(600, 600, P2D); strokeJoin(ROUND); var setTimeout = function() { this[["KAInfiniteLoopSetTimeout"]](Infinity); }; setTimeout(); var greg = function(x, y, s) { pushMatrix(); translate(x, y); scale(s / 100, s / 100); strokeWeight(2); stroke(0, 0, 0); // Hand // { fill(225, 195, 150); beginShape(); vertex(230, 40); bezierVertex(235, 10, 245, 20, 242, 35); bezierVertex(260, 15, 270, 25, 246, 44); bezierVertex(270, 27, 275, 39, 248, 51); bezierVertex(265, 40, 275, 52, 247, 58); bezierVertex(255, 55, 275, 75, 240, 65); endShape(); // } // Clothes // { fill(215, 215, 185); beginShape(); vertex(100, 40); bezierVertex(130, 70, 170, 60, 230, 40); bezierVertex(240, 45, 240, 55, 240, 65); bezierVertex(200, 80, 170, 90, 140, 90); endShape(); beginShape(); vertex(160, 80); vertex(165, 90); vertex(150, 150); vertex(50, 150); vertex(50, 50); endShape(); fill(90, 115, 90); beginShape(); vertex(165, 90); bezierVertex(190, 130, 180, 190, 180, 200); vertex(40, 200); vertex(40, 95); bezierVertex(100, 100, 120, 100, 165, 90); endShape(); fill(100, 130, 100); beginShape(); vertex(145, 60); bezierVertex(150, 70, 155, 90, 155, 110); bezierVertex(150, 115, 140, 115, 140, 115); bezierVertex(140, 95, 140, 65, 130, 65); endShape(); beginShape(); vertex(70, 80); bezierVertex(69, 95, 69, 105, 70, 115); bezierVertex(65, 120, 55, 120, 52, 115); bezierVertex(50, 100, 50, 90, 52, 70); endShape(); fill(0, 0, 0); ellipse(148, 105, 6, 6); ellipse(60, 111, 6, 6); fill(190, 190, 170); beginShape(); vertex(80, 80); bezierVertex(90, 95, 95, 95, 110, 80); bezierVertex(130, 90, 137, 85, 137, 70); endShape(); strokeWeight(8); noFill(); strokeCap(SQUARE); arc(85, 80, 50, 80, 0, 60); arc(138, 78, 50, 80, 120, 180); strokeCap(ROUND); strokeWeight(2); fill(65, 40, 10); beginShape(); vertex(30, 70); bezierVertex(50, 100, 100, 130, 150, 130); vertex(150, 135); bezierVertex(100, 135, 50, 105, 30, 80); endShape(); fill(80, 65, 40); beginShape(); vertex(150, 125); bezierVertex(140, 125, 140, 175, 150, 175); vertex(180, 175); bezierVertex(190, 170, 190, 160, 190, 125); endShape(); fill(100, 85, 60); beginShape(); vertex(150, 125); bezierVertex(170, 140, 140, 160, 170, 165); bezierVertex(200, 165, 190, 145, 190, 125); bezierVertex(180, 110, 170, 130, 150, 125); endShape(); // } pushMatrix(); translate(-10, 0); // Pot // { fill(220, 220, 205); beginShape(); vertex(166, -175); bezierVertex(150, -175, 215, -175, 215, -150); bezierVertex(210, -120, 215, -105, 230, -100); bezierVertex(230, -100, 235, -99, 230, -95); bezierVertex(165, -95, 225, -140, 170, -140); endShape(); fill(150, 150, 140); noStroke(); beginShape(); vertex(170, -150); bezierVertex(190, -150, 205, -150, 205, -120); bezierVertex(200, -145, 180, -145, 170, -145); endShape(); stroke(0, 0, 0); fill(220, 220, 205); beginShape(); vertex(45, -55); bezierVertex(5, -20, -30, -160, 15, -185); vertex(15, -190); bezierVertex(5, -190, 5, -200, 15, -203); bezierVertex(30, -215, 150, -220, 150, -210); bezierVertex(150, -205, 150, -200, 145, -200); vertex(145, -195); bezierVertex(190, -185, 170, -90, 160, -80); endShape(); beginShape(); vertex(0, -165); bezierVertex(-60, -120, -55, -55, 10, -80); bezierVertex(20, -84, 25, -101, 10, -100); bezierVertex(-45, -70, -30, -110, 0, -145); bezierVertex(15, -160, 0, -165, 0, -165); endShape(); fill(150, 150, 140); beginShape(); vertex(210, -100); bezierVertex(210, -100, 215, -105, 225, -95); bezierVertex(220, -95, 210, -100, 210, -100); endShape(); noStroke(); beginShape(); vertex(23, -155); vertex(50, -160); bezierVertex(80, -130, 55, -50, 55, 0); vertex(40, 0); bezierVertex(30, -50, 40, -120, 23, -155); endShape(); beginShape(); vertex(75, -50); bezierVertex(95, -125, 70, -150, 70, -155); bezierVertex(70, -150, 85, -125, 65, -50); endShape(); noFill(); stroke(150, 150, 140); bezier(30, -190, 50, -200, 140, -200, 130, -200); bezier(20, -195, 50, -210, 140, -210, 135, -207); noStroke(); fill(240, 240, 230); beginShape(); vertex(120, -170); bezierVertex(120, -175, 130, -175, 150, -170); bezierVertex(160, -170, 160, -120, 150, -110); vertex(120, -110); bezierVertex(125, -120, 125, -160, 120, -170); endShape(); strokeWeight(6); stroke(240, 240, 230); noFill(); strokeCap(SQUARE); arc(185, -135, 50, 50, 270, 320); // } // Head // { strokeCap(ROUND); strokeWeight(2); stroke(0, 0, 0); fill(225, 195, 150); ellipse(200, -10, 25, 30); beginShape(); vertex(0, 20); bezierVertex(0, 110, 198, 105, 200, 0); bezierVertex(200, -120, 0, -100, 0, -10); endShape(); // } // Face // { // Eyes fill(255, 255, 255); ellipse(70, -10, 55, 55); ellipse(149, -19, 55, 55); fill(0, 0, 0); ellipse(81, -13, 30, 30); ellipse(160, -22, 30, 30); // Nose fill(225, 175, 145); ellipse(112, 10, 10, 8); // Mouth fill(160, 90, 90); beginShape(); vertex(93, 25); bezierVertex(93, 45, 128, 50, 128, 22); bezierVertex(123, 25, 103, 25, 93, 25); endShape(); fill(220, 150, 150); beginShape(); vertex(93, 30); bezierVertex(93, 30, 103, 50, 121, 38); bezierVertex(113, 28, 103, 34, 98, 35); endShape(); // } // Hair // { fill(85, 70, 40); beginShape(); vertex(0, 0); bezierVertex(30, 0, 40, -40, 40, -60); bezierVertex(50, -50, 50, -45, 50, -40); bezierVertex(60, -50, 60, -65, 60, -60); bezierVertex(60, -65, 60, -50, 95, -40); bezierVertex(85, -50, 85, -65, 85, -65); bezierVertex(100, -55, 100, -50, 120, -45); bezierVertex(115, -55, 120, -65, 120, -65); bezierVertex(140, -50, 150, -50, 165, -50); bezierVertex(165, -55, 150, -65, 155, -70); vertex(155, -65); vertex(165, -60); vertex(163, -65); bezierVertex(180, -50, 170, -45, 200, -20); bezierVertex(200, -30, 185, -65, 169, -75); bezierVertex(181, -64, 185, -67, 190, -70); bezierVertex(175, -74, 188, -82, 140, -89); bezierVertex(112, -97, 27, -85, 10, -50); bezierVertex(6, -45, -5, -40, -10, -40); bezierVertex(-5, -30, 0, -35, 8, -36); bezierVertex(6, -36, -5, -28, -14, -31); bezierVertex(-8, -19, -2, -25, -5, -20); bezierVertex(-8, -10, 0, -10, 0, 0); endShape(); // } // Ear // { fill(225, 195, 150); beginShape(); vertex(0, -10); bezierVertex(-25, -20, -30, 20, 0, 20); endShape(); line(0, 0, 1, -20); // } popMatrix(); popMatrix(); }; var cluster = function(x, y, r) { pushMatrix(); translate(x, y); rotate(r); ellipse(0, -3, 4, 4); ellipse(-1, 0, 4, 4); ellipse(2, -1, 4, 4); ellipse(1, -2, 4, 4); popMatrix(); }; var frog = function(x, y, s) { pushMatrix(); translate(x, y); scale(s / 100, s / 100); strokeWeight(1); stroke(0, 0, 0); // Arm // { fill(145, 160, 85); pushMatrix(); translate(-8, -26); rotate(12); ellipse(0, 0, 15, 45); beginShape(); vertex(-4, 19); vertex(-8, 30); vertex(8, 30); vertex(4, 19); endShape(); popMatrix(); strokeWeight(2); // } // Body // { fill(65, 80, 35); ellipse(12, -75, 34, 30); arc(30, -78, 25, 25, 220, 350); noStroke(); fill(145, 160, 85); ellipse(12, -75, 15, 28); arc(12, -75, 32, 28, 0, 270); arc(30, -78, 25, 15, 220, 350); ellipse(25, -75, 20, 20); rect(27, -87, 10, 4); arc(25, -84, 8, 5, 0, 270); fill(145, 160, 85); stroke(0, 0, 0); beginShape(); vertex(0, -50); vertex(0, -30); bezierVertex(-5, -25, -5, -5, 0, 10); vertex(70, 10); bezierVertex(89, -10, 85, -40, 73, -65); bezierVertex(73, -70, 60, -85, 63, -80); bezierVertex(60, -90, 50, -95, 45, -95); bezierVertex(40, -95, 30, -90, 30, -85); endShape(); strokeWeight(1.5); beginShape(); vertex(10, -69); bezierVertex(5, -69, -18, -62, -18, -57); bezierVertex(0, -35, 20, -40, 30, -40); endShape(); strokeWeight(1.2); arc(30, -50, 40, 22, 10, 150); fill(65, 80, 35); noStroke(); beginShape(); vertex(69, 10); bezierVertex(89, -10, 84, -40, 72, -65); bezierVertex(73, -70, 60, -85, 63, -80); bezierVertex(60, -90, 50, -95, 45, -95); bezierVertex(50, -95, 60, -90, 59, -75); vertex(63, -72); bezierVertex(65, -70, 65, -50, 60, -50); bezierVertex(90, -40, 80, -10, 69, 10); endShape(); cluster(65, -45, 0); cluster(72, -38, 9); cluster(73, -25, 45); cluster(73, -10, 70); rect(76, -33, 5, 15, 5); pushMatrix(); translate(78, -16); rotate(20); rect(0, 0, 5, 15, 5); popMatrix(); stroke(0, 0, 0); noFill(); beginShape(); vertex(69, 10); bezierVertex(89, -10, 84, -40, 72, -65); bezierVertex(73, -70, 60, -85, 63, -80); bezierVertex(60, -90, 50, -95, 45, -95); endShape(); // } // Face // { fill(200, 215, 135); ellipse(43, -80, 18, 15); pushMatrix(); translate(3, -78); rotate(-40); arc(0, 0, 18, 14, 90, 272); arc(0, 0, 15, 14, -90, 92); popMatrix(); fill(0, 0, 0); ellipse(2, -77, 7, 7); ellipse(43, -79, 9, 8); fill(95, 110, 55); stroke(0, 0, 0); beginShape(); vertex(45, -62); bezierVertex(-3, -57, 27, -62, -18, -55); bezierVertex(-22, -56, -22, -57, -20, -58); bezierVertex(50, -70, 57, -65, 50, -60); bezierVertex(40, -58, 0, -55, -15, -51); bezierVertex(-21, -51, -21, -54, -18, -55); endShape(); noStroke(); fill(0, 0, 0); pushMatrix(); translate(15, -68); rotate(45); ellipse(0, 0, 2, 4); rotate(-15); ellipse(5, -3, 2, 3.5); popMatrix(); // } popMatrix(); }; var gregArm = function(x, y, s) { pushMatrix(); translate(x, y); scale(s / 100, s / 100); strokeWeight(1.2); stroke(0, 0, 0); fill(215, 215, 185); // Arm // { beginShape(); vertex(0, 0); bezierVertex(-10, 13, 20, 18, 40, 12); vertex(40, 0); bezierVertex(40, 4, 10, 6, 0, 0); endShape(); // } // Hand // { fill(225, 195, 150); strokeWeight(0.8); pushMatrix(); translate(37, 2); rotate(-40); arc(0, 0, 8, 3, -40, 150); popMatrix(); for (var i = 0; i < 4; i++) { pushMatrix(); translate(40, 11 - i 2.5); rotate(-25 - i * 5); ellipse(0, 0, 8, 3); popMatrix(); } noStroke(); ellipse(38, 7, 5, 10); pushMatrix(); translate(34, 4); rotate(-20); rect(0, 0, 3, 5); popMatrix(); pushMatrix(); translate(35, 8); rotate(-10); rect(0, 0, 3, 5, 2); popMatrix(); // } popMatrix(); }; var frogArm = function(x, y, s, r) { pushMatrix(); translate(x, y); rotate(r); scale(s / 100, s / 100); strokeWeight(2); stroke(0, 0, 0); fill(145, 160, 85); beginShape(); vertex(0, 0); bezierVertex(-10, 20, -10, 40, 0, 90); vertex(10, 90); bezierVertex(20, 40, 20, 20, 15, 0); endShape(); popMatrix(); }; var wirt = function(x, y, s) { stroke(0, 0, 0); strokeWeight(1.1); pushMatrix(); translate(x, y); scale(s / 100, s / 100); // Body // { fill(245, 245, 235); quad(0, 70, 50, 70, 60, 190, -10, 190); fill(110, 110, 110); beginShape(); vertex(30, 200); vertex(52, 200); vertex(52, 140); vertex(40, 135); endShape(); // } // Left arm // { fill(245, 245, 235); pushMatrix(); translate(-50, 95); rotate(-10); ellipse(0, 0, 20, 12); popMatrix(); // } // Cloak // { fill(100, 0, 0); triangle(-30, 80, 20, 70, 0, 140); fill(80, 80, 105); beginShape(); vertex(60, 130); bezierVertex(100, 160, 120, 150, 120, 170); vertex(70, 170); endShape(); beginShape(); vertex(50, 67); bezierVertex(100, 60, 70, 150, 120, 200); vertex(50, 200); bezierVertex(60, 60, 29, 118, 23, 88); bezierVertex(17, 97, -15, 84, -30, 80); bezierVertex(-30, 80, -30, 75, -25, 75); bezierVertex(-10, 82, 7, 56, 20, 63); endShape(); bezier(38, 95, 50, 100, 55, 112, 57, 118); pushMatrix(); translate(30, 65); rotate(10); fill(55, 55, 80); arc(0, 0, 40, 25, 0, 91); arc(0, 0, 25, 25, 90, 181); line(0, 0, 0, 10); line(0, 10, -3, 24); popMatrix(); fill(105, 105, 130); beginShape(); vertex(15, 82); vertex(18, 78); bezierVertex(25, 86, 30, 85, 35, 86); vertex(35, 90); bezierVertex(30, 90, 25, 90, 15, 82); endShape(); // } // Buttons // { strokeWeight(0.8); fill(205, 165, 95); ellipse(15, 79, 8.5, 8); ellipse(36, 87, 9, 8.5); pushMatrix(); translate(48, 94); rotate(20); ellipse(0, 1.5, 9.5, 5); ellipse(0, 0, 9, 4); popMatrix(); pushMatrix(); translate(58, 105); rotate(60); ellipse(0, 1.5, 8, 5); ellipse(0, 0, 8, 4); popMatrix(); pushMatrix(); translate(1, 78); rotate(-8); ellipse(0, 1, 10, 7); ellipse(0, 0, 9.5, 4.5); popMatrix(); ellipse(-14, 77, 9.5, 5); ellipse(-14, 76, 9, 3.5); // } // Fold // { strokeWeight(1.1); noStroke(); fill(80, 80, 105); beginShape(); vertex(-25, 75); bezierVertex(-15, 80, 5, 84, 14, 83); vertex(14, 90); vertex(-20, 82); endShape(); stroke(0, 0, 0); noFill(); bezier(-25, 75, -15, 80, 5, 84, 17, 83); // } // Legs // { fill(110, 110, 110); beginShape(); vertex(-28, 130); vertex(-23, 160); vertex(5, 160); bezierVertex(5, 130, -20, 75, -36, 73); bezierVertex(-60, 75, -54, 160, -57, 160); vertex(-30, 160); bezierVertex(-30, 140, -27, 120, -25, 103); endShape(); beginShape(); vertex(45, 160); bezierVertex(43, 130, 20, 85, 4, 81); bezierVertex(-18, 75, -12, 160, -15, 160); endShape(); bezier(12, 104, 11, 120, 10, 140, 10, 160); // } // Hands // { strokeWeight(0.8); fill(225, 190, 145); beginShape(); vertex(-53, 93); bezierVertex(-69, 95, -55, 124, -45, 120); bezierVertex(-34, 120, -34, 105, -37, 100); bezierVertex(-40, 93, -45, 96, -53, 93); endShape(); beginShape(); vertex(-47, 120); bezierVertex(-42, 126, -31, 119, -27, 120); vertex(-27, 110); bezierVertex(-31, 100, -40, 101, -45, 95); bezierVertex(-46, 95, -46, 97, -46, 97); bezierVertex(-45, 100, -37, 103, -36, 107); bezierVertex(-37, 111, -51, 97, -53, 101); bezierVertex(-52, 107, -40, 108, -36, 112); bezierVertex(-37, 118, -50, 106, -54, 109); bezierVertex(-54, 115, -40, 114, -38, 117); bezierVertex(-43, 121, -49, 114, -51, 114); bezierVertex(-52, 113, -54, 115, -51, 117); bezierVertex(-47, 120, -45, 120, -42, 120); endShape(); // } // Right arm // { strokeWeight(1.1); fill(245, 245, 235); beginShape(); vertex(15, 120); bezierVertex(19, 115, 34, 100, 37, 100); bezierVertex(45, 102, 48, 110, 49, 118); bezierVertex(40, 126, 30, 133, 20, 137); bezierVertex(-10, 132, -20, 127, -30, 123); bezierVertex(-30, 120, -30, 114, -27, 108); bezierVertex(-5, 113, 5, 118, 19, 122); endShape(); // } // Hat // { fill(150, 45, 35); beginShape(); vertex(0, 0); bezierVertex(0, -35, 30, -45, 50, -53); vertex(170, -100); vertex(93, 40); endShape(); // } // Left ear // { fill(225, 190, 145); beginShape(); vertex(0, -5); bezierVertex(-5, -10, -13, -10, -16, -5); bezierVertex(-25, 5, -20, 30, 0, 30); endShape(); arc(-9, 9, 15, 25, 240, 360); // } // Head // { pushMatrix(); rotate(20); beginShape(); vertex(0, 0); bezierVertex(5, 73, 90, 73, 95, 0); bezierVertex(105, -80, -5, -80, 0, 0); endShape(); // } // Hair // { // Left fill(80, 65, 60); beginShape(); vertex(3, -14); bezierVertex(2, -8, 2, -4, 3, 0); bezierVertex(-1, -5, -1, -12, 0, -14); bezierVertex(-2, -25, 5, -30, 5, -30); bezierVertex(4, -32, 6, -35, 11, -36); bezierVertex(6, -34, 5, -36, 4, -37); bezierVertex(6, -38, 9, -40, 10, -41); bezierVertex(14, -45, 16, -48, 20, -50); endShape(); bezier(13, -38, 18, -35, 3, -20, 2, -10); beginShape(); vertex(20, -50); bezierVertex(17, -45, 18, -37, 19, -35); bezierVertex(18, -35, 12, -36, 12, -38); endShape(); // Middle beginShape(); vertex(27, -54); bezierVertex(34, -59, 50, -62, 63, -58); bezierVertex(63, -55, 62, -50, 58, -45); bezierVertex(58, -46, 58, -46, 57, -48); bezierVertex(55, -44, 52, -41, 50, -40); endShape(); beginShape(); vertex(27, -54); bezierVertex(26, -50, 26, -44, 28, -41); bezierVertex(28, -41, 28, -43, 30, -45); bezierVertex(30, -40, 32, -32, 36, -30); bezierVertex(38, -28, 38, -25, 40, -24); bezierVertex(41, -29, 45, -33, 45, -34); bezierVertex(50, -38, 50, -42, 50, -44); endShape(); // Right beginShape(); vertex(67, -57); bezierVertex(66, -48, 70, -39, 77, -35); bezierVertex(77, -37, 76, -40, 77, -42); bezierVertex(79, -36, 80, -33, 83, -31); vertex(95, -28); endShape(); beginShape(); vertex(67, -57); bezierVertex(81, -53, 102, -32, 99, -3); vertex(93, 6); vertex(91, 1); vertex(89, 3); bezierVertex(89, -2, 91, -7, 93, -10); bezierVertex(91, -8, 89, -7, 87, -8); bezierVertex(93, -15, 82, -24, 83, -31); endShape(); popMatrix(); // } // Face // { strokeWeight(1.2); // Nose fill(235, 180, 145); triangle(40, 16, 26, 32, 40, 37); // Mouth noFill(); arc(36, 26, 40, 45, 65, 140); stroke(225, 190, 145); arc(36, 26, 40, 42, 65, 140); stroke(0, 0, 0); // Eyes fill(255, 255, 255); ellipse(22, 1, 29, 30); ellipse(67, 11, 30, 30); fill(0, 0, 0); arc(15, 4, 14, 14, 90, 270); arc(14.5, 4, 17, 14, 270, 450); arc(59, 13, 14, 14, 90, 270); arc(58.5, 13, 17, 14, 270, 450); // Eyebrows noFill(); arc(32, -17, 13, 11, 220, 290); arc(70, -10, 13, 11, 260, 350); stroke(225, 190, 145); arc(32, -17, 13, 8, 220, 290); arc(70, -10, 13, 7, 260, 350); stroke(0, 0, 0); // Right ear fill(225, 190, 145); beginShape(); vertex(85, 35); bezierVertex(90, 32, 95, 29, 105, 32); bezierVertex(113, 37, 110, 45, 106, 50); bezierVertex(100, 60, 75, 60, 72, 55); endShape(); arc(97, 43, 15, 15, 205, 320); // } popMatrix(); }; var beatrice = function(x, y, s) { stroke(0, 0, 0); strokeWeight(1.6); pushMatrix(); translate(x, y); scale(s / 100, s / 100); // Tail // { fill(155, 185, 205); beginShape(); vertex(30, 6); bezierVertex(35, 6, 40, 6, 44, 4); bezierVertex(46, 10, 50, 13, 53, 14); bezierVertex(46, 13, 35, 15, 30, 13); endShape(); strokeWeight(1); line(45, 7, 40, 8); line(46, 9, 41, 9.5); line(49, 11, 40.5, 11.5); strokeWeight(1.6); // } // Left wing // { ellipse(-22, -2, 11, 25); // } // Legs // { strokeWeight(1.2); fill(120, 120, 120); pushMatrix(); translate(10, -3); beginShape(); vertex(-17, 20); vertex(-8, 33); vertex(-9, 43); vertex(-15, 45); bezierVertex(-18, 46, -18, 49, -15, 50); vertex(-14.5, 48); vertex(-13.5, 49.5); vertex(-12.5, 47.5); vertex(-11.5, 49); vertex(-10.5, 47); bezierVertex(-8, 45, -6, 45, -4, 45); vertex(-7, 43); vertex(-5, 33); vertex(-10, 20); endShape(); noFill(); arc(-11, 46, 3, 4, 120, 250); arc(-13.5, 46.5, 3, 4, 130, 220); popMatrix(); fill(120, 120, 120); beginShape(); vertex(14, 20); vertex(23, 30); vertex(16, 38); vertex(8, 39); bezierVertex(2, 41, 2, 45, 8, 47); bezierVertex(10, 40, 17, 42, 20, 46); bezierVertex(21, 44, 20, 41, 19, 39); vertex(27, 30); vertex(19, 20); endShape(); noFill(); arc(7, 43, 3, 5, 110, 200); arc(8.5, 43, 3, 4, 120, 270); strokeWeight(1.6); // } // Body // { fill(255, 250, 240); arc(3, 0, 56, 48, 10, 180); arc(0, 0, 50, 50, 180, 360); strokeWeight(1.2); pushMatrix(); translate(10, 18.5); rotate(5); arc(-5, 2.7, 20, 7, 0, 155); rotate(5); arc(0, 0, 20, 7, -14, 150); popMatrix(); noStroke(); fill(225, 170, 140); beginShape(); vertex(0, -24.5); bezierVertex(-14, -24, -24, -14, -24.5, 0); bezierVertex(-10, -15, 0, 5, 10, 5); vertex(19, -7); bezierVertex(24, -14, 14, -24, 0, -24.5); endShape(); strokeWeight(1.6); stroke(0, 0, 0, 35); arc(-2, -20, 20, 10, 50, 130); stroke(0, 0, 0); // } // Right wing // { fill(85, 120, 145); beginShape(); vertex(15, -15); bezierVertex(8, -15, 0, 10, 30, 25); bezierVertex(36, 28, 40, 24, 38, 20); bezierVertex(39, 18, 33, 10, 33, 10); bezierVertex(30, 5, 30, -10, 20, -15); endShape(); strokeWeight(1.2); pushMatrix(); translate(32, 20); rotate(-40); arc(-1, 0, 4, 20, 5, 180); arc(2, 0, 4, 22, 0, 180); popMatrix(); fill(155, 185, 205); noStroke(); beginShape(); vertex(15, -14.5); bezierVertex(7.5, -12, 9.5, 2, 10.5, 5); vertex(30.5, 5); bezierVertex(29, 0, 27, -11, 20, -14); vertex(19, -15); endShape(); stroke(40, 90, 120); bezier(26, 5, 27, 10, 31, 10, 30, 2); beginShape(); vertex(10.5, 4); bezierVertex(16, 12, 19, 12, 19, 5); bezierVertex(25, 13, 28, 14, 26, 4); endShape(); stroke(0, 0, 0); strokeWeight(1.6); // } // Head // { noStroke(); fill(170, 175, 170); beginShape(); vertex(-13, -18); bezierVertex(-28, -26, -15, -41, -15, -44); bezierVertex(-10, -53, 13, -53, 14, -38); bezierVertex(18, -32, 20, -23, 10, -18); bezierVertex(10, -16, 3, -20, 0, -20); bezierVertex(-6, -20, -10, -16, -13, -18); endShape(); stroke(0, 0, 0); noFill(); beginShape(); vertex(-13, -18); bezierVertex(-28, -26, -15, -41, -15, -44); bezierVertex(-10, -53, 13, -53, 14, -38); bezierVertex(18, -32, 20, -23, 10, -18); endShape(); // } // Face // { // Eyes strokeWeight(1.2); fill(255, 255, 255); arc(-9, -35.1, 9, 4, 0, 180); arc(-9, -35, 9, 14, 180, 360); pushMatrix(); translate(8, -36); rotate(-8); scale(0.9, 1); arc(0, -0.1, 9, 4, -1, 181); arc(0, 0, 9, 13, 180, 360); popMatrix(); noStroke(); fill(0, 0, 0); arc(-4.5, -36.1, 9, 5, 100, 180); arc(-4.5, -36, 9, 10, 180, 255); pushMatrix(); translate(9.5, -37.5); rotate(65); ellipse(0, 0, 6.5, 4); popMatrix(); // Mouth pushMatrix(); translate(1, -0.3); stroke(0, 0, 0); fill(120, 125, 120); beginShape(); vertex(-4, -30); bezierVertex(-0.2, -34, 0.2, -34, 4, -30); endShape(); beginShape(); vertex(3.5, -30); bezierVertex(2.5, -25, -2.5, -25, -3.5, -30); endShape(); strokeWeight(0.8); fill(130, 135, 130); arc(0, -30, 4, 4, 0, 180); line(-4, -30, 4, -30); popMatrix(); // } popMatrix(); }; var lantern1 = function(x, y, w, h) { pushMatrix(); translate(x, y); scale(w / 100, h / 100); noStroke(); fill(255, 180, 0, 1); for (var i = 0; i < 40; i++) { ellipse(0, 0, 300 + i * 20, 300 + i * 20); } fill(0, 0, 0); ellipse(0, 0, 320, 400); for (var i = 0; i < 10; i++) { fill(255, 255, i * 12 + 80); ellipse(-5, 3 + i * i / 1.4, 270 - i * i * 2, 350 - i * i * 2); } fill(0, 0, 0); rect(-125, -120, 250, 35); rect(-125, 85, 250, 35); rect(-40, -240, 80, 50); quad(-50, 190, 50, 190, 70, 260, -70, 260); ellipse(0, 260, 140, 40); stroke(0, 0, 0); noFill(); strokeWeight(30); strokeCap(SQUARE); arc(0, 0, 160, 476, 133, 226); arc(0, 0, 160, 476, -44, 47); strokeWeight(20); ellipse(0, -280, 80, 80); line(0, -290, 0, -450); popMatrix(); }; var lantern2 = function(x, y, w, h) { pushMatrix(); translate(x, y); scale(w / 100, h / 100); noStroke(); fill(220, 145, 0, 1); for (var i = 0; i < 20; i++) { ellipse(0, 0, 300 + i * 40, 300 + i * 40); } fill(0, 0, 0); ellipse(0, 0, 320, 400); for (var i = 0; i < 10; i++) { fill(255, 255, i * 12 + 80); ellipse(-5, 3 + i * i / 1.4, 270 - i * i * 2, 350 - i * i * 2); } fill(0, 0, 0); rect(-125, -120, 250, 35); rect(-125, 85, 250, 35); rect(-40, -240, 80, 50); rect(-18, -200, 36, 400); quad(-50, 190, 50, 190, 70, 260, -70, 260); ellipse(0, 260, 140, 40); stroke(0, 0, 0); noFill(); strokeWeight(30); strokeCap(SQUARE); strokeWeight(20); ellipse(0, -280, 80, 80); line(0, -290, 0, -450); popMatrix(); }; var square = function(x, y1, y2, w, h1, h2) { stroke(25, 15, 5); fill(75, 55, 15); quad(x, y1 + h1 - 100, x + w, y2 + h2 - 60 , x + w, y2 - 75, x, y1 - 100); quad(x + w / 8, y1 + h1 / 8 * 7 - 100, x + w / 8 * 7, y2 + h2 / 4 * 3 - 60, x + w / 8 * 7, y2 + h2 / 8 - 75, x + w / 8, y1 + h1 / 6 - 100); noStroke(); fill(0, 0, 0, 10); pushMatrix(); translate(-5, 0); for (var i = 0; i < 6; i++) { translate(-1, 0); quad( x + w / 3.6, y1 + h1 / 4 - 100 + (w - 100) / 6, x + w / 8 * 7, y2 + h2 / 4 * 3 - 63, x + w / 8 * 5.5, y2 + h2 / 8 * 5 - 63 - (w - 100) / 4, x + w / 7, y1 + h1 / 6 - 100 ); } popMatrix(); noFill(); strokeWeight(1); pushMatrix(); for (var i = 0; i < 5; i++) { stroke(0, 0, 0, map(i, 5, 0, 0, 100)); translate(-1, 1); beginShape(); vertex(x + w / 8 * 7 + i + 1, y2 + h2 / 8 - 75); vertex(x + w / 8, y1 + h1 / 6 - 100); endShape(); } popMatrix(); noStroke(); fill(0, 0, 0, 70); rect(x + w / 8, y1 + h1 / 6 - 98, w / 15, h1 / 4 * 2.8); fill(75, 55, 15); rect(x + (w / h1) * 5, y1 + h1 / 6 - 100, 5, 10); stroke(25, 15, 5); for (var i = 0; i < 3; i++) { pushMatrix(); translate(0, (h1 + h2) / 2 * i / 5 - 50); line(x + w / 8, y1 + h1 / 8 * 7 - 100, x + w / 8 * 7, y2 + h2 / 4 * 3 - 60); popMatrix(); } fill(100, 80, 40); quad( x + w / 8, y1 + h1 / 8 * 7 - 100, x + w / 8 * 7, y2 + h2 / 4 * 3 - 60, x + w / 8 * 7, y2 + h2 / 8 * 7 - 75, x + w / 16 * 3, y1 + h1 / 6 * 5 - 100); fill(75, 55, 15); quad( x + w / 3.6, y1 + h1 / 4 - 100 + (w - 100) / 6, x + w / 8 * 7, y2 + h2 / 4 * 3 - 60, x + w / 8 * 5.5, y2 + h2 / 8 * 5 - 60 - (w - 100) / 4, x + w / 8, y1 + h1 / 6 - 100 ); fill(100, 80, 40); quad( x + w / 3.6, y1 + h1 / 4 - 100 + (w - 100) / 6, x + w / 8 * 7, y2 + h2 / 4 * 3 - 60, x + w / 8 * 7, y2 + h2 / 4 * 3.25 - 70 + (w - 100) / 4, x + w / 3, y1 + h1 / 4 - 97 + (w - 100) / 5 ); quad(x, y1 - 100, x + w, y2 - 75, x + w, y2 - 85, x + 10, y1 - 105); }; var leaf = function(x, y, w, r, d) { noStroke(); fill(100, 90, 25); pushMatrix(); translate(x, y); if (d === "right") { scale(-1, 1); } rotate(r); beginShape(); vertex(0, 0); bezierVertex(5, 5, 20, 5, 40, 0); bezierVertex(20, -w / 3, 10, -w, 0, 0); endShape(); popMatrix(); }; background(25, 20, 15); // Background planks stroke(25, 15, 5); fill(35, 25, 10); for (var i = 0; i < 20; i++) { rect(i * 20 + 100, 150, 20, 350); } line(200, 320, 220, 320); // Ground planks fill(80, 60, 15); for (var i = 0; i < 45; i ++) { quad(i * 10 + 60, 435, i * 10 + 70, 435, i * 50 - 1100, 600, i * 50 - 1150, 600); } // Plank texture stroke(0, 0, 0, 100); for (var i = 0; i < 120; i++) { if (tan(i * 10) < 0.3 \|\| sin(i * 10) < 0.1) { line(i * 10 + 65 - sin(i * 50) * 20, 460 + sin(i * 50) * 20, i * 50 - 1130 - sin(i * 50) * 20, 600); } } // Ground texture noStroke(); fill(0, 0, 0, 8); for (var i = 0; i < 200; i++) { ellipse(300 + sin(i * 203) * 300, 520 - cos(i * 7) * 80, 100, 30); } // Ground gradient for (var i = 0; i < 100; i++) { stroke(35, 25, 10, 255 - i * 3); line(0, i + 435, 600, i + 435); } // Plank wall on right stroke(25, 15, 5); fill(50, 35, 10); rect(500, 0, 10, 500); rect(380, 0, 10, 440); fill(75, 55, 15); quad(580, 0, 600, 0, 600, 550, 580, 540); quad(480, 0, 500, 0, 500, 500, 480, 490); quad(380, 440, 380, 0, 370, 0, 370, 435); square(500, 500, 500, 80, 100, 100); square(380, 465, 470, 100, 75, 80); // Gradients on wall for (var i = 0; i < 100; i++) { noStroke(); stroke(0, 0, 0, 100 - i); line(370 + i, 435 + i / 2, 370 + i, 0 + i / 3.6); } for (var i = 0; i < 255; i++) { stroke(25, 20, 15, 255 - i); line(0, i + 150, 600, i + 150); } // Hay on left fill(55, 40, 10, 50); var r = 0; for (var i = 18; i > -1; i--) { for (var j = 0; j < 100; j ++) { stroke( 85 + sin(i * 20 + 30) * 40 + Math.abs(sin(j * 30) * 20), 70 + sin(i * 20 + 30) * 40 + Math.abs(sin(j * 30) * 20), 10 + sin(i * 20 + 30) * 40 + Math.abs(sin(j * 30) * 20)); pushMatrix(); strokeWeight(1 + Math.abs(sin((i / 2 + j) * 10))); translate( j * 2 + i * 4 - 80, i * 25 + tan((j + i / 2) * 30) + sin((j + i / 2) * 30) * 10 - j / 3); rotate(constrain(sin(tan(((i / 2) ^ j + j ^ (i / 2) * j) * 6)) * 100 - r, -50, 60)); bezier(-50 - i * 1.5, -50, 10 - i, 20 + i, -5 - i / 2, 30 + i, i / 2, 60 - (j * (i / 2) / 80)); popMatrix(); } if (i < 6) { r += 10; } r = constrain(r, 0, 100); } noStroke(); leaf(55, 390, 6, 80, "left"); leaf(60, 395, 4, 120, "right"); leaf(64, 413, 5, 75, "left"); fill(0, 0, 0, 50); beginShape(); vertex(40, 250); bezierVertex(30, 300, 30, 450, 90, 450); bezierVertex(45, 270, 55, 360, 40, 250); endShape(); fill(0, 0, 0, 15); for (var i = 0; i < 30; i++) { ellipse(80 + sin(i * 200) * 70, 300 - cos(i * 230) * 50, 30, 20); } // Hay on right fill(55, 40, 10, 50); pushMatrix(); translate(600, 0); scale(-1, 1); r = 0; for (var i = 8; i > -1; i--) { for (var j = 0; j < 125; j ++) { stroke( 85 + sin(i * 20 + 30) * 40 + Math.abs(sin(j * 30) * 20), 70 + sin(i * 20 + 30) * 40 + Math.abs(sin(j * 30) * 20), 10 + sin(i * 20 + 30) * 40 + Math.abs(sin(j * 30) * 20)); pushMatrix(); strokeWeight(1 + Math.abs(sin((i / 2 + j) * 10))); translate(j * 2 + i * 4 - 25, i * 25 + tan((j + i / 2) * 30) + sin((j + i / 2) * 30) * 10 - j / 3); rotate(sin(tan(((i / 2) ^ j + j ^ (i / 2) * j) * 5)) * 100 - r); bezier(-50 - i * 1.5, -50, 10 - i, 20 + i, -5 - i / 2, 30 + i, i / 2, 60 - (j * (i / 2) / 80)); popMatrix(); } if (i < 6) { r += 10; } r = constrain(r, 0, 100); } popMatrix(); filter(BLUR, 1); var d, textured = true; // imageData weirdness function smear (p1, p2) { var n = p1 << 2; var n2 = p2 << 2; if (d[n] + d[n + 1] + d[n + 2] > d[n2] + d[n2 + 1] + d[n2 + 2]) { d[n] += (d[n2] - d[n]) / 20; d[n + 1] += (d[n2 + 1] - d[n + 1]) / 20; d[n + 2] += (d[n2 + 2] - d[n + 2]) / 20; } } // A random number from -amt / 2 to amt / 2 function polarRand (amt) { return random(-amt / 2, amt / 2); } // Keep him away long enough for the program to run function pauseOhNoesAngryFace () { this[["KAInfiniteLoopSetTimeout"]](10000); } if (textured) { pauseOhNoesAngryFace(); loadPixels(); d = imageData.data; var steps = 9, x, y; for (var i = 0; i < width * height; i++) { for (var j = 0; j < steps; j++) { x = i % width + cos(j * 360 / steps) * 5; y = ~~(Math.floor(i / width) + sin(j * 360 / steps) * 5); smear(i, ~~(x + y * width)); } } var jitter, vignette; for (var i = 0; i < width * height; i++) { jitter = polarRand(8) - ( (Math.floor( i / width / 4 + random(0.2) ) + (i % width) / 5 + random(0.8)) % 2 ) * map( noise( ( i % width ) / 100, Math.floor(i / width) / 100 ), 0, 1, -130, 300 ) / 15; vignette = dist(i % width, Math.floor(i / width), width / 2, height / 2) / 16; d[(i << 2) + 0] += 25 + jitter - vignette; d[(i << 2) + 1] += 25 + jitter * 2 - vignette; d[(i << 2) + 2] += 15 + jitter - vignette; } updatePixels(); } // Lanterns lantern1(0, 100, 15, 15); lantern2(100, 80, 12, 12); lantern1(150, 70, 13, 13); lantern2(230, 0, 11, 11); lantern2(370, 60, 11, 11); lantern1(420, 88, 13, 13); lantern2(520, 100, 12, 12); lantern1(600, 110, 15, 15); strokeWeight(2); stroke(0, 0, 0); bezier(0, 34, 50, 40, 150, 38, 230, -50); bezier(350, 0, 400, 30, 500, 55, 600, 45); // Characters greg(100, 461, 80); frog(50, 600, 120); gregArm(47, 547, 160); frogArm(90, 545, 80, 5); wirt(400, 380, 140); beatrice(342, 440, 110);
Folds	24,26,29,310,312,321,323,457,459,507,509,524,526,841,843,1046,1048,1079,1081,1111,1113,1189,1191,1206,1213,1215,1220,1222,1226,1230,1235,1237,1240,1243,1261,1265,1267,1270,1275,1294,1306,1308,1316,1333,1341,1350,1353,1355,1358,1360,1362,1396
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLKi-OrxCww
Votes	166
Spin-Offs	14
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	7 days ago, 1735689212766
Updated	7 days ago, 1735689216317
Source Deleted	unknown