Viewing Program

Program Data

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

Title	Sunset Lake (Graphic)
ID	4715227865890816
Created	5 years ago, 1606596142868
Updated	4 years ago, 1615767349312
Code	/** This is my biggest graphic so far, guys. It took me about a week, and I used the reference image below. I did change some stuff tho because I was sorta lazy XD. Let me know what you think in the Tips and Thanks. I might add some more detail if I find time later today... * Reference image: https://dribbble.com/shots/2595382-Summer-on-the-lake/attachments/516955?mode=media * * Began: 11/21/2020 * * Finished: 11/27/20 * * Released: 11/28/20 **/ noStroke(); // The Sky { background(0, 71, 84); var skyEllipse = function(x,y) { fill(255, 97, 160,40); ellipse(x,y,100,100); ellipse(x,y,110,110); ellipse(x,y,120,120); ellipse(x,y,130,130); ellipse(x,y,140,140); ellipse(x,y,150,150); ellipse(x,y,160,160); ellipse(x,y,170,170); ellipse(x,y,180,180); ellipse(x,y,190,190); ellipse(x,y,200,200); ellipse(x,y,220,220); ellipse(x,y,240,240); ellipse(x,y,260,260); ellipse(x,y,280,280); ellipse(x,y,300,300); ellipse(x,y,320,320); ellipse(x,y,340,340); ellipse(x,y,360,360); ellipse(x,y,380,380); ellipse(x,y,400,400); }; skyEllipse(482,266); fill(255, 127, 172,50); rect(0,250,600,150); rect(0,240,600,160); rect(0,230,600,170); rect(0,220,600,180); rect(0,210,600,190); rect(0,200,600,200); rect(0,190,600,210); rect(0,180,600,220); rect(0,170,600,230); rect(0,160,600,240); rect(0,150,600,250); rect(0,140,600,260); rect(0,130,600,270); rect(0,120,600,280); fill(255, 252, 204,50); rect(0,230,600,150); rect(0,220,600,160); rect(0,210,600,170); rect(0,200,600,180); rect(0,190,600,190); rect(0,180,600,200); rect(0,170,600,210); } // The Water { fill(255, 0, 106); rect(0,350,600,50); fill(201, 0, 84); rect(0,400,600,200); fill(0, 125, 123); rect(0,450,600,150); fill(251, 255, 224); rect(0,250,600,154); fill(255, 156, 217); rect(0,250,600,50); filter(BLUR,20); fill(255, 153, 187); rect(0,240,600,4); filter(BLUR,1); } // The Sun, Moon, and Stars { // The Stars var star = function(x,y) { noStroke(); fill(255, 255, 255,20); ellipse(x,y,8,8); fill(0, 0, 0,30); ellipse(x,y,4,4); fill(255, 255, 255,160); ellipse(x,y,2,2); }; star(38,24); star(168,28); star(192,34); star(280,20); star(360,70); star(382,20); star(398,10); star(402,110); star(458,30); star(468,32); star(468,82); star(498,52); star(504,48); star(512,42); star(518,42); star(510,54); star(594,10); // The Moon fill(209, 84, 136); ellipse(116,90,56,56); fill(219, 119, 160); ellipse(116,88,52,50); fill(255, 163, 203); ellipse(118,84,44,40); fill(209, 84, 136,200); ellipse(116,100,4,4); pushMatrix(); rotate(-18); ellipse(96,130,6,4); rotate(-38); ellipse(12,142,2,6); popMatrix(); ellipse(130,90,3,3); ellipse(138,86,3,3); ellipse(134,80,3,5); ellipse(100,88,2,6); fill(209,94, 136,120); ellipse(106,92,3,3); ellipse(108,78,3,5); // The Sun fill(255, 0, 72); ellipse(455,232,35,35); fill(255, 0, 72,50); ellipse(455,232,40,40); ellipse(455,232,45,45); ellipse(455,232,50,50); ellipse(455,232,55,55); ellipse(455,232,60,60); ellipse(455,232,65,65); ellipse(455,232,70,70); // Reflections in the Water (for the sun, mountains, and lighthouse) (not commented sorry about that friends) fill(255, 25, 90); pushMatrix(); rectMode(CENTER); rect(455,258,100,30); ellipse(452,276,34,3); ellipse(440,279,34,3); ellipse(430,283,40,2); ellipse(416,288,20,3); ellipse(338,270,100,6); ellipse(332,276,120,4); ellipse(258,276,20,2); ellipse(312,282,150,3); ellipse(328,288,150,3); ellipse(348,292,120,3); ellipse(362,298,80,3); ellipse(368,303,60,3); ellipse(384,307,30,3); ellipse(400,310,10,3); ellipse(218,273,20,3); ellipse(210,277,18,2); ellipse(218,280,28,2); ellipse(226,285,28,2); ellipse(112,264,150,6); ellipse(86,270,180,4); ellipse(66,282,180,3); ellipse(62,288,180,3); ellipse(68,291,180,3); ellipse(58,296,180,3); ellipse(34,305,200,3); ellipse(26,309,200,4); ellipse(20,314,200,6); ellipse(20,320,150,6); ellipse(22,328,150,4); ellipse(50,334,100,4); ellipse(66,338,90,4); ellipse(76,343,60,4); ellipse(102,348,30,4); ellipse(192,336,80,4); ellipse(190,340,80,4); ellipse(184,344,80,4); ellipse(184,349,70,3); ellipse(184,354,30,3); ellipse(188,358,30,2); ellipse(190,362,26,2); ellipse(194,365,20,2); ellipse(550,294,250,8); ellipse(550,302,300,6); ellipse(559,308,300,4); ellipse(600,318,300,6); ellipse(600,325,300,6); ellipse(608,328,300,6); ellipse(622,334,300,6); ellipse(508,340,30,4); ellipse(504,345,30,3); ellipse(504,350,10,2); ellipse(514,376,100,3); ellipse(518,379,100,3); ellipse(524,384,100,3); ellipse(594,388,140,4); ellipse(610,394,140,4); ellipse(618,398,140,4); ellipse(630,404,140,3); popMatrix(); // The Shooting Star rectMode(CORNER); fill(255, 255, 255); ellipse(500,100,2,2); pushMatrix(); rotate(-56); ellipse(197,461,3,20); popMatrix(); triangle(488,90,400,36,485,90); } // The Land Nearest to the Canvas { // Land Section #1 (the farthest section of land) fill(255, 201, 223); beginShape(); vertex(0,370); curveVertex(0,370); curveVertex(50,390); curveVertex(100,410); curveVertex(172,424 - 10); curveVertex(232,466 - 10); vertex(229,600); vertex(0,600); endShape(CLOSE); fill(255, 140, 186); beginShape(); vertex(0,370); curveVertex(0,370); curveVertex(50,390); curveVertex(100,414); curveVertex(172,424); curveVertex(220,466); vertex(250,600); vertex(0,600); endShape(CLOSE); // Shading for Land Section #1 fill(112, 76, 189,100); beginShape(); vertex(0,420); curveVertex(0,420); curveVertex(50,436); curveVertex(100,448); curveVertex(152,472); vertex(250,600); vertex(0,600); endShape(CLOSE); fill(112, 76, 189,50); beginShape(); vertex(0,420 - 4); curveVertex(0,420 - 4); curveVertex(50,436 - 4); curveVertex(100,448 - 4); curveVertex(152,472 - 4); vertex(250,600); vertex(0,600); endShape(CLOSE); fill(112, 76, 189,30); beginShape(); vertex(0,420 - 8); curveVertex(0,420 - 8); curveVertex(50,436 - 8); curveVertex(100,448 - 8); curveVertex(152,472 - 8); vertex(250,600); vertex(0,600); endShape(CLOSE); fill(112, 76, 189,30); beginShape(); vertex(0,420 - 12); curveVertex(0,420 - 12); curveVertex(50,436 - 12); curveVertex(100,448 - 12); curveVertex(152,472 - 12); vertex(250,600); vertex(0,600); endShape(CLOSE); fill(112, 76, 189,30); beginShape(); vertex(0,420 - 20); curveVertex(0,420 - 20); curveVertex(50,436 - 20); curveVertex(100,448 - 20); curveVertex(152,472 - 12); vertex(250,600); vertex(0,600); endShape(CLOSE); fill(112, 76, 189,30); beginShape(); vertex(0,420 - 28); curveVertex(0,420 - 28); curveVertex(50,436 - 20); curveVertex(100,448 - 20); curveVertex(152,472 - 12); vertex(250,600); vertex(0,600); endShape(CLOSE); fill(112, 76, 189,30); beginShape(); vertex(0,420 - 38); curveVertex(0,420 - 38); curveVertex(50,436 - 30); curveVertex(100,448 - 28); curveVertex(152,472 - 22); vertex(250,600); vertex(0,600); endShape(CLOSE); // Other Necessary Shapes for the Land fill(255, 140, 186); beginShape(); vertex(330,424); vertex(0,550); vertex(0,600); vertex(330,600); endShape(CLOSE); pushMatrix(); stroke(255, 120, 174); strokeWeight(1); line(312,438,312,522); popMatrix(); // Land Section #2 (the second nearest section of land) noStroke(); fill(255, 97, 160); beginShape(); vertex(0,446); curveVertex(0,446); curveVertex(50,456); curveVertex(80,458); curveVertex(130,456); curveVertex(150,454); curveVertex(200,444); curveVertex(290,412); curveVertex(328,422); vertex(330,424); vertex(330,426); vertex(310,442); curveVertex(298,466); curveVertex(260,482); curveVertex(218,474); vertex(286,440); curveVertex(242,470); curveVertex(256,492); curveVertex(280,508); curveVertex(338,534); curveVertex(350,600); vertex(300,600); vertex(0,600); endShape(CLOSE); // Land Section #3 (the nearest section of land) fill(255, 0, 106); beginShape(); vertex(0,450); curveVertex(0,450); curveVertex(66,480); curveVertex(160,514); curveVertex(226,526); curveVertex(258,528); curveVertex(300,524); curveVertex(450,510); curveVertex(550,488); curveVertex(600,476); vertex(600,460); vertex(600,600); vertex(0,600); endShape(CLOSE); } // Shading for Land Section #3 (the nearest section of land) { fill(94, 68, 117,100); beginShape(); vertex(0,584); curveVertex(0,584); curveVertex(66,592); curveVertex(122,594); curveVertex(154,594); curveVertex(236,580); curveVertex(278,576); curveVertex(450,576); curveVertex(530,580); curveVertex(600,566); vertex(600,526); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,50); beginShape(); vertex(0,584 - 4); curveVertex(0,584 - 4); curveVertex(66,592 - 4); curveVertex(150,594 - 4); curveVertex(154,594 - 4); curveVertex(236,580 - 4); curveVertex(278,576 - 4); curveVertex(450,576 - 4); curveVertex(530,580 - 4); curveVertex(600,566 - 4); vertex(600,526 - 4); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,20); beginShape(); vertex(0,584 - 8); curveVertex(0,584 - 8); curveVertex(66,592 - 8); curveVertex(150,594 - 8); curveVertex(154,594 - 8); curveVertex(236,580 - 8); curveVertex(278,576 - 8); curveVertex(450,576 - 8); curveVertex(530,580 - 8); curveVertex(600,566 - 8); vertex(600,526 - 8); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,40); beginShape(); vertex(0,584 - 12); curveVertex(0,584 - 12); curveVertex(66,592 - 12); curveVertex(150,594 - 12); curveVertex(154,594 - 12); curveVertex(236,580 - 12); curveVertex(278,576 - 12); curveVertex(450,576 - 12); curveVertex(530,580 - 12); curveVertex(600,566 - 12); vertex(600,526 - 12); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,30); beginShape(); vertex(0,584 - 20); curveVertex(0,584 - 20); curveVertex(66,592 - 20); curveVertex(150,594 - 20); curveVertex(154,594 - 20); curveVertex(236,580 - 20); curveVertex(278,576 - 20); curveVertex(450,576 - 20); curveVertex(530,580 - 20); curveVertex(600,566 - 20); vertex(600,526 - 20); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,20); beginShape(); vertex(0,584 - 28); curveVertex(0,584 - 28); curveVertex(66,592 - 28); curveVertex(150,594 - 28); curveVertex(154,594 - 28); curveVertex(236,580 - 28); curveVertex(278,576 - 28); curveVertex(450,576 - 28); curveVertex(530,580 - 28); curveVertex(600,566 - 28); vertex(600,526 - 28); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,20); beginShape(); vertex(0,584 - 36); curveVertex(0,584 - 36); curveVertex(66,592 - 36); curveVertex(150,594 - 36); curveVertex(154,594 - 36); curveVertex(236,580 - 36); curveVertex(278,576 - 36); curveVertex(450,576 - 36); curveVertex(530,580 - 36); curveVertex(600,566 - 36); vertex(600,526 - 36); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,10); beginShape(); vertex(0,584 - 50); curveVertex(0,584 - 50); curveVertex(66,592 - 50); curveVertex(150,594 - 50); curveVertex(154,594 - 50); curveVertex(236,580 - 46); curveVertex(278,576 - 44); curveVertex(450,576 - 44); curveVertex(530,580 - 50); curveVertex(600,566 - 50); vertex(600,526 - 50); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,20); beginShape(); vertex(0,584 - 70); curveVertex(0,584 - 70); curveVertex(66,592 - 60); curveVertex(150,594 - 50); curveVertex(154,594 - 50); curveVertex(236,580 - 46); curveVertex(278,576 - 44); curveVertex(450,576 - 44); curveVertex(530,580 - 50); curveVertex(600,566 - 50); vertex(600,526 - 50); vertex(600,600); vertex(0,600); endShape(CLOSE); fill(94, 68, 117,20); beginShape(); vertex(0,584 - 100); curveVertex(0,584 - 100); curveVertex(66,592 - 80); curveVertex(150,594 - 50); curveVertex(154,594 - 50); curveVertex(236,580 - 46); curveVertex(278,576 - 44); curveVertex(450,576 - 44); curveVertex(530,580 - 50); curveVertex(600,566 - 50); vertex(600,526 - 50); vertex(600,600); vertex(0,600); endShape(CLOSE); } // The Houses on the Land { // House #1 var house = function(x,y){ noStroke(); fill(147, 124, 163); rect(x,y,10,12); fill(212, 181, 232); quad(x - 6,y + 10,x - 6,y - 2,x,y,x,y + 12); triangle(x - 6,y - 2,x,y,x - 3,y - 10); fill(79, 52, 94); quad(x,y,x - 3,y - 10,x + 8,y - 10,x + 12,y); fill(0, 0, 0); quad(x - 4,y + 10,x - 4,y + 4,x - 2,y + 5,x - 2,y + 11); rect(x + 1,y + 4,2,2); rect(x + 5,y + 5,2,2); pushMatrix(); stroke(79, 52, 94); strokeWeight(2); line(x - 3,y - 8,x - 6,y - 2); popMatrix(); }; house(140,420); // House #2 noStroke(); fill(167, 176, 204); rect(432,506,14,12); triangle(432,506,446,506,439,492); fill(171, 216, 255); quad(424,516,424,500,432,506,432,518); fill(89, 67, 112); quad(422,504,428,490,440,490,434,508); fill(255, 255, 255); rect(438,510,6,8); fill(181, 4, 169); rect(433,512,3,3); pushMatrix(); stroke(75, 10, 110); line(438,491,448,506); // The Smoke by House #2 pushMatrix(); noFill(); strokeWeight(3); stroke(255, 255, 255,150); ellipse(448,488,4,10); ellipse(450,482,4,6); ellipse(450,476,2,3); popMatrix(); } // The Land to the Far Left of the Canvas { // Land Section #3 (Farthest) noStroke(); fill(255, 189, 214); triangle(0,300,94,132,164,262); fill(255, 36, 120,100); triangle(0,300,86,146,138,268); fill(255, 36, 120,100); triangle(0,300,88,142,142,266); fill(255, 36, 120,50); triangle(0,300,90,140,146,264); fill(255, 36, 120,50); triangle(0,300,91,138,158,264); // Land Section #2 (Second Nearest) noStroke(); fill(255, 138, 181); beginShape(); vertex(0,300); vertex(0,20); vertex(10,16); vertex(24,20); vertex(60,80); vertex(120,240); vertex(124,244); vertex(144,280); vertex(122,284); vertex(120,284); vertex(100,282); endShape(CLOSE); // Shading fill(255, 255, 255,80); beginShape(); vertex(10,16); vertex(6,22); vertex(22,62); vertex(56,78); vertex(24,21); endShape(CLOSE); fill(255, 255, 255,30); beginShape(); vertex(22,62); vertex(18,102); vertex(30,70); vertex(40,80); vertex(50,100); vertex(56,80); vertex(58,120); vertex(100,244); vertex(106,206); vertex(60,80); endShape(CLOSE); // Land Section #3 (Nearest) fill(255, 107, 146); beginShape(); vertex(0,320); curveVertex(0,320); curveVertex(50,314); curveVertex(120,304); curveVertex(126,298); vertex(126,298); vertex(100,278); vertex(68,244); vertex(24,120); vertex(0,122); vertex(0,136); endShape(CLOSE); // Shading fill(0, 0, 0,10); beginShape(); vertex(0,320); vertex(80,310); vertex(50,290); vertex(46,280); vertex(10,250); vertex(20,220); vertex(10,204); vertex(0,200); endShape(CLOSE); } // A Small Peak of Land { fill(255, 110, 173); beginShape(); vertex(210,270); vertex(224,200); vertex(230,180); vertex(228,160); vertex(228,130); vertex(240,134); vertex(256,160); vertex(292,220); vertex(300,250); vertex(310,270); endShape(CLOSE); // Shading // Dark Shading fill(0, 0, 0,30); beginShape(); vertex(228,130); vertex(240,134); vertex(244,140); vertex(240,132); vertex(230,140); vertex(234,142); vertex(240,150); vertex(230,140); vertex(240,160); vertex(240,164); vertex(242,170); vertex(238,160); vertex(240,180); vertex(244,170); vertex(243,180); vertex(240,190); vertex(242,184); vertex(240,200); vertex(244,190); vertex(244,200); vertex(222,212); vertex(232,170); vertex(229,186); endShape(CLOSE); // Light Shading fill(255, 255, 255,60); beginShape(); vertex(240,134); vertex(240,144); vertex(244,142); vertex(240,144); vertex(238,150); vertex(238,170); vertex(250,166); vertex(244,170); vertex(250,176); vertex(244,180); vertex(246,190); vertex(250,210); vertex(256,220); vertex(260,210); vertex(256,220); vertex(250,200); vertex(262,220); vertex(264,230); vertex(266,220); vertex(264,240); vertex(266,250); vertex(266,260); vertex(268,250); vertex(274,240); vertex(280,250); vertex(290,230); vertex(290,234); vertex(294,222); endShape(CLOSE); fill(255, 255, 255,80); triangle(252,158,274,224,282,206); } // The Large Mass of Land in the Middle of the Canvas { fill(255, 71, 142); beginShape(); vertex(230,274); vertex(240,260); vertex(280,250); vertex(285,240); vertex(330,180); vertex(330,170); vertex(340,150); vertex(344,160); vertex(350,164); vertex(360,78); vertex(368,72); vertex(390,230); vertex(404,226); vertex(410,230); vertex(448,270); vertex(420,274); vertex(380,280); vertex(350,274); vertex(340,270); vertex(380,264); endShape(CLOSE); // Shading // Dark Shading fill(0, 0, 0,20); beginShape(); vertex(230,274); vertex(240,260); vertex(280,250); vertex(285,240); vertex(330,180); vertex(330,170); vertex(340,150); vertex(344,160); vertex(350,164); vertex(380,264); endShape(CLOSE); triangle(278,270,366,220,378,264); beginShape(); vertex(278,270); vertex(270,260); vertex(276,266); vertex(280,268); vertex(290,250); vertex(288,244); vertex(294,250); vertex(300,258); vertex(310,240); vertex(300,234); vertex(320,240); vertex(330,220); vertex(320,240); vertex(350,210); vertex(330,200); vertex(350,190); vertex(367,220); endShape(CLOSE); fill(0, 0, 0,50); beginShape(); vertex(330,170); vertex(340,150); vertex(342,164); vertex(344,170); vertex(350,172); vertex(344,174); vertex(340,180); vertex(334,174); vertex(330,180); endShape(CLOSE); beginShape(); vertex(350,274); vertex(340,270); vertex(372,278); vertex(390,272); vertex(400,276); endShape(CLOSE); fill(0, 0, 0,30); triangle(340,269,360,267,383,281); // Light Shading fill(255, 255, 255,60); beginShape(); vertex(360,78); vertex(368,72); vertex(370,100); vertex(366,96); vertex(364,92); vertex(372,110); vertex(370,108); vertex(366,106); vertex(364,100); vertex(372,106); vertex(370,114); vertex(364,110); vertex(376,134); vertex(370,130); vertex(360,130); vertex(378,144); vertex(370,142); vertex(360,158); vertex(378,140); endShape(CLOSE); triangle(368,72,374,210,380,168); triangle(368,72,358,140,380,168); triangle(368,72,364,190,380,168); beginShape(); vertex(404,226); vertex(410,230); vertex(448,270); vertex(440,266); vertex(420,264); vertex(400,252); vertex(380,246); endShape(CLOSE); beginShape(); vertex(404,226); vertex(410,230); vertex(448,270); vertex(440,266); vertex(430,260); vertex(420,260); vertex(424,256); vertex(426,250); vertex(416,244); vertex(400,230); vertex(410,236); vertex(400,246); endShape(CLOSE); } // The Lighthouse { // The Actual Lighthouse // The Tall Striped Section fill(255, 252, 217); quad(180,302,184,223,194,223,198,302); fill(143, 0, 48); quad(183,228,184,223,194,223,195,228); quad(183,240,183,233,195,233,195,240); quad(183,254,183,246,195,246,195,254); quad(182,268,182,260,196,260,196,268); quad(182,274,181,284,197,284,196,274); quad(181,290,180,302,198,302,197,290); fill(255, 255, 255,30); quad(180,302,184,223,194,223,198,302); quad(182,302,186,223,192,223,196,302); quad(184,302,188,223,190,223,194,302); quad(186,302,190,223,188,223,192,302); // The Top of the Lighthouse fill(189, 0, 66); rect(181,218,16,6); fill(0, 0, 0,50); rect(181,218,16,3); fill(255, 254, 199); rect(183,214,12,4); pushMatrix(); stroke(191, 0, 86); strokeWeight(1); line(183,214,183,218); line(187,214,187,218); line(190,214,190,218); line(194,214,194,218); popMatrix(); fill(189, 0, 69); rect(182,211,13,2); // The Windows on the Lighthouse noStroke(); fill(255, 250, 189); rect(188,235,3,3); rect(188,249,3,3); rect(188,263,3,3); rect(188,277,3,3); // The Bottom Section fill(255, 189, 223); rect(176,302,26,1); fill(255, 255, 255); rect(177,303,24,2); fill(204, 130, 156); rect(177,305,24,1); fill(255, 222, 234); rect(177,307,24,5); fill(189, 0, 69); arc(189,306,4,8,180,360); // The Small Island the Lighthouse is Standing on fill(219, 0, 84); beginShape(); vertex(177,312); vertex(174,314); vertex(172,318); vertex(166,322); vertex(160,330); vertex(150,336); vertex(146,338); vertex(142,338); vertex(141,339); vertex(142,340); vertex(148,340); vertex(154,338); vertex(160,338); vertex(150,345); vertex(160,342); vertex(204,342); vertex(204,338); vertex(214,338); vertex(216,337); vertex(218,336); vertex(220,335); vertex(224,334); vertex(220,334); vertex(216,332); vertex(210,330); vertex(204,322); vertex(210,322); vertex(214,328); vertex(220,332); vertex(230,334); vertex(230,330); vertex(220,324); vertex(214,320); vertex(202,313); endShape(CLOSE); // The Ramps Leading Down From the Lighthouse pushMatrix(); stroke(138, 0, 53); strokeWeight(4); line(189,308,184,326); line(184,326,204,338); stroke(252, 255, 199); strokeWeight(1); line(189,308,184,326); line(184,326,204,338); stroke(255, 178, 178); line(204,339,220,339); popMatrix(); noStroke(); fill(255, 229, 239); triangle(182,327,207,341,179,335); triangle(191,309,189,327,186,325); fill(153, 0, 54); rect(220,338,1,3); rect(218,338,1,3); rect(214,338,1,3); // Little Trees on the Island var Ltree = function(x,y) { fill(255, 92, 135); triangle(x,y,x - 3,y + 12,x + 3,y + 12); fill(135, 0, 56); rect(x - 1,y + 12,2,4); }; var Stree = function(x,y) { fill(255, 130, 165); triangle(x,y,x - 2,y + 8,x + 2,y + 8); fill(135, 0, 56); rect(x,y + 8,1,2); }; Ltree(171,310); Ltree(174,308); Ltree(198,310); Stree(148,328); Stree(193,330); Stree(203,317); Stree(201,320); Stree(209,310); } // Stuff in the Water { // The Small Boat fill(0, 0, 143); ellipse(376,472,20,5); fill(250, 250, 250); quad(370,480,364,472,388,472,380,480); pushMatrix(); stroke(0, 0, 0); strokeWeight(1); line(376,470,376,466); popMatrix(); fill(255, 229, 229); noStroke(); triangle(376,466,368,466,376,446); // Reflection of the Boat fill(0, 0, 0,50); quad(370,480,364,486,390,486,380,480); triangle(372,486,376,486,376,496); // The Whale Thing // Reflection of the Whale Thingy fill(0, 0, 0,50); triangle(388,384,394,388,396,395); rect(383,385,12,6,10); rect(393,388,12,6,10); fill(255, 222, 222); pushMatrix(); rotate(-46); ellipse(-22,554,10,3); popMatrix(); ellipse(374,406,4,3); ellipse(396,386,2,2); // The Actual Whale Thingy pushMatrix(); translate(-4,-59); fill(186, 4, 80); beginShape(); vertex(360,468); curveVertex(360,457); curveVertex(366,448); curveVertex(373,444); curveVertex(380,444); curveVertex(390,448); curveVertex(392,448); vertex(392,448); curveVertex(392,448); curveVertex(380,460); curveVertex(370,462); curveVertex(360,460); endShape(CLOSE); popMatrix(); fill(255, 204, 204); ellipse(364,398,2,2); fill(156, 0, 68); triangle(388,384,394,388,396,371); rect(383,372,12,6,10); rect(396,372,12,6,10); } // The Large Mass of Land on the Right Side of the Canvas { fill(209, 0, 91); beginShape(); vertex(600,12); vertex(596,13); vertex(595,22); vertex(590,22); vertex(566,10); vertex(556,18); vertex(546,18); vertex(552,20); vertex(546,18); vertex(548,28); vertex(536,28); vertex(524,34); vertex(524,40); vertex(528,44); vertex(522,58); vertex(530,78); vertex(506,88); vertex(506,128); vertex(490,188); vertex(490,250); vertex(440,290); vertex(532,294); vertex(528,300); vertex(532,304); vertex(450,310); vertex(449,311); vertex(448,312); vertex(449,313); vertex(450,314); vertex(452,316); vertex(554,336); vertex(578,330); vertex(600,350); endShape(CLOSE); beginShape(); vertex(600,346); curveVertex(550,344); curveVertex(520,358); vertex(480,368); vertex(470,374); vertex(480,378); curveVertex(550,374); curveVertex(600,372); vertex(600,320); endShape(CLOSE); ellipse(606,380,100,20); // Shading // Dark Shading (Not commented well sorry) fill(0, 0, 0,40); beginShape(); vertex(566,10); vertex(568,50); vertex(574,60); vertex(576,68); vertex(580,150); vertex(590,160); vertex(600,170); vertex(594,150); vertex(600,140); vertex(590,28); vertex(582,40); vertex(578,24); endShape(CLOSE); beginShape(); vertex(440,290); vertex(444,288); vertex(450,286); vertex(460,284); vertex(470,288); vertex(468,280); vertex(478,288); vertex(488,270); vertex(480,266); vertex(494,248); vertex(500,244); vertex(504,240); vertex(508,240); vertex(500,232); vertex(496,224); vertex(510,220); vertex(506,210); vertex(500,200); vertex(498,190); vertex(496,180); vertex(500,158); vertex(490,184); vertex(490,252); endShape(CLOSE); beginShape(); vertex(542,80); vertex(538,104); vertex(536,108); vertex(530,110); vertex(524,100); vertex(530,90); vertex(534,82); vertex(534,72); vertex(530,60); vertex(540,64); vertex(528,50); vertex(542,44); endShape(CLOSE); // Triangles and Other Shapes (light & dark shading) fill(255, 255, 255,80); triangle(590,122,562,104,562,90); triangle(566,50,590,42,566,90); triangle(590,122,562,202,562,154); triangle(568,251,568,186,582,250); triangle(582,250,558,336,558,302); fill(0, 0, 0,30); triangle(590,44,592,106,566,90); triangle(590,122,562,152,562,90); triangle(590,122,568,186,582,250); triangle(582,250,558,250,558,302); // The Big Waterfall fill(196, 184, 255); beginShape(); vertex(566,16); vertex(566,80); vertex(560,90); vertex(570,250); vertex(556,252); vertex(558,300); vertex(542,304); vertex(542,44); vertex(543,43); vertex(544,42); vertex(546,40); vertex(548,38); endShape(CLOSE); fill(224, 158, 255,200); beginShape(); vertex(566,16); vertex(566,30); vertex(560,40); vertex(564,30); vertex(556,302); vertex(558,30); vertex(542,304); vertex(542,44); vertex(543,43); vertex(544,42); vertex(546,40); vertex(548,38); endShape(CLOSE); fill(255, 255, 255,150); beginShape(); vertex(566,16); vertex(542,64); vertex(542,60); vertex(544,70); vertex(550,78); vertex(548,76); vertex(552,66); vertex(554,60); vertex(558,70); vertex(550,76); vertex(560,70); vertex(566,40); endShape(CLOSE); fill(255, 199, 255,150); beginShape(); vertex(566,16); vertex(542,44); vertex(542,50); vertex(544,60); vertex(550,68); vertex(548,56); vertex(552,46); vertex(554,40); vertex(558,50); vertex(550,56); vertex(560,50); vertex(566,40); endShape(CLOSE); rect(554,114,3,68); rect(548,92,3,48); rect(544,38,3,88); rect(558,196,3,38); rect(548,160,3,128); fill(255, 255, 255,100); rect(556,118,3,10); rect(550,100,5,20); fill(204, 0, 68); triangle(550,180,555,180,552,190); fill(122, 0, 47); triangle(550,100,560,99,556,118); fill(255, 255, 255,200); rect(556,170,2,18); rect(558,164,1,20); rect(559,168,2,8); rect(556,110,3,10); rect(556,104,1,20); // The Small Waterfall fill(221, 212, 255); beginShape(); vertex(506,88); vertex(506,220); vertex(516,244); vertex(516,280); vertex(524,270); vertex(524,244); vertex(516,224); vertex(516,84); endShape(CLOSE); fill(205, 176, 255); beginShape(); vertex(506,220); vertex(516,244); vertex(524,244); vertex(516,224); endShape(CLOSE); fill(255, 255, 255); beginShape(); vertex(506,220); vertex(516,224); vertex(516,216); vertex(514,220); vertex(510,220); vertex(507,216); vertex(506,218); endShape(CLOSE); // The Little House Near the Small Waterfall // The Ledge the House is Sitting on fill(130, 0, 61); ellipse(516,155,28,8); triangle(530,150,540,166,518,162); fill(184, 0, 83); beginShape(); vertex(542,150); vertex(530,154); vertex(522,150); vertex(518,154); vertex(514,154); vertex(516,158); vertex(510,178); vertex(516,184); vertex(530,186); vertex(534,200); vertex(542,192); endShape(CLOSE); fill(130, 0, 61); triangle(512,153,528,166,538,178); // The Actual House fill(255, 184, 217); rect(518,144,10,8); fill(189, 130, 158); quad(518,144,518,152,514,151,514,143); fill(140, 0, 65); quad(514,142,518,144,528,144,520,136); fill(71, 71, 71); rect(520,148,2,5); rect(524,148,2,2); // More Water Stuff fill(204, 208, 255,150); beginShape(); vertex(595,22); vertex(590,22); vertex(590,200); vertex(595,204); endShape(CLOSE); fill(255, 255, 255,180); beginShape(); vertex(595,204); vertex(595,274); vertex(600,280); vertex(600,206); endShape(CLOSE); } // The Trees (I made these a lot simpler than in the reference image) { var LargeT = function(x,y) { fill(99, 0, 45); rect(x - 2,y + 6,4,80); fill(237, 0, 103); triangle(x,y,x - 20,y + 80,x + 20,y + 80); fill(255, 0, 115); triangle(x,y,x - 18,y + 80,x + 18,y + 80); fill(255, 54, 151); triangle(x,y,x - 16,y + 80,x + 16,y + 80); fill(255, 115, 183); triangle(x,y,x - 14,y + 80,x + 14,y + 80); fill(255, 148, 202); triangle(x,y,x - 10,y + 80,x + 10,y + 80); fill(255, 194, 226); triangle(x,y,x - 6,y + 80,x + 6,y + 80); fill(255, 235, 246); triangle(x,y,x - 2,y + 80,x + 2,y + 80); }; var MediumT = function(x,y) { fill(99, 0, 45); rect(x - 2,y + 6,4,66); fill(237, 0, 103); triangle(x,y,x - 14,y + 66,x + 14,y + 66); fill(255, 0, 115); triangle(x,y,x - 12,y + 66,x + 12,y + 66); fill(255, 54, 151); triangle(x,y,x - 10,y + 66,x + 10,y + 66); fill(255, 115, 183); triangle(x,y,x - 6,y + 66,x + 6,y + 66); fill(255, 148, 202); triangle(x,y,x - 2,y + 66,x + 2,y + 66); fill(255, 178, 218); triangle(x,y,x - 1,y + 66,x + 1,y + 66); }; var SmollT = function(x,y) { fill(99, 0, 45); rect(x - 2,y + 10,4,50); fill(237, 0, 103); triangle(x,y,x - 10,y + 56,x + 10,y + 56); fill(255, 0, 115); triangle(x,y,x - 8,y + 56,x + 8,y + 56); fill(255, 54, 151); triangle(x,y,x - 6,y + 56,x + 6,y + 56); fill(255, 115, 183); triangle(x,y,x - 4,y + 56,x + 4,y + 56); fill(255, 148, 202); triangle(x,y,x - 2,y + 56,x + 2,y + 56); fill(255, 178, 218); triangle(x,y,x - 1,y + 56,x + 1,y + 56); }; var TinyTree = function(x,y) { fill(99, 0, 45); rect(x - 2,y + 18,4,26); fill(237, 0, 103); triangle(x,y,x - 6,y + 40,x + 6,y + 40); fill(255, 0, 115); triangle(x,y,x - 4,y + 40,x + 4,y + 40); fill(255, 99, 174); triangle(x,y,x - 2,y + 40,x + 2,y + 40); }; var SuperTinyPurpleT = function(x,y) { fill(0, 0, 0); rect(x,y + 3,1,12); fill(122, 0, 138); triangle(x,y,x - 4,y + 12,x + 4,y + 12); fill(155, 0, 176); triangle(x,y,x - 2,y + 12,x + 2,y + 12); fill(221, 0, 255); triangle(x,y,x - 1,y + 12,x + 1,y + 12); }; var SuperTinyPinkT = function(x,y) { fill(117, 70, 117); rect(x,y + 3,1,12); fill(222, 0, 81); triangle(x,y,x - 3,y + 12,x + 3,y + 12); fill(255, 8, 144); triangle(x,y,x - 2,y + 12,x + 2,y + 12); fill(255, 145, 211); triangle(x,y,x - 1,y + 12,x + 1,y + 12); }; MediumT(100,472); LargeT(80,480); LargeT(408,472); MediumT(550,490); MediumT(584,430); MediumT(480,450); MediumT(510,458); SmollT(238,380); SmollT(184,456); SmollT(100,410); SmollT(124,430); TinyTree(258,384); TinyTree(90,424); TinyTree(192,474); TinyTree(70,430); TinyTree(80,436); TinyTree(110,446); SuperTinyPurpleT(570,348); SuperTinyPurpleT(550,348); SuperTinyPurpleT(560,352); SuperTinyPurpleT(554,354); SuperTinyPurpleT(540,346); SuperTinyPurpleT(578,356); SuperTinyPurpleT(568,356); SuperTinyPurpleT(563,340); SuperTinyPurpleT(556,340); SuperTinyPurpleT(582,340); SuperTinyPurpleT(588,350); SuperTinyPurpleT(596,366); SuperTinyPinkT(118,284); SuperTinyPinkT(110,280); SuperTinyPinkT(104,282); SuperTinyPinkT(86,258); SuperTinyPinkT(72,272); SuperTinyPinkT(88,272); SuperTinyPinkT(82,286); SuperTinyPinkT(60,256); SuperTinyPinkT(78,266); SuperTinyPinkT(30,246); SuperTinyPinkT(38,266); SuperTinyPinkT(58,286); } // A Small House { var housey = function(x,y) { fill(255, 237, 237); rect(x,y,12,8); fill(143, 0, 50); triangle(x,y,x + 12,y,x + 6,y - 6); fill(8, 8, 8); rect(x + 2,y + 2,3,6); rect(x + 8,y + 2,3,3); }; housey(492,304); } // SILVER LYNX LOGO Created by Canada Goose :D { var x = 490;//x position var y = 498;//y position var speed = 0.2; var silverLynxLogo = function(x, y, s){ pushMatrix(); translate(x, y); scale(s); //silver thingy //circle for the rim noStroke(); fill(179, 179, 179); ellipse(200, 200, 90, 90); //circles for the inside fill(168, 168, 168); ellipse(200, 200, 72, 72); fill(158, 158, 158); ellipse(201, 202, 68, 68); //shine on the rim strokeWeight(5); stroke(189, 189, 189); noFill(); ellipse(200, 200, 80, 80); strokeWeight(2); stroke(204, 204, 204); ellipse(200, 200, 80, 80); //lynx head(made of many arcs :P) stroke(0, 0, 0); noFill(); strokeWeight(1.2); arc(201, 228, 20, 20, -70, -6); arc(204, 228, 20, 20, -173, -116); arc(204, 221, 20, 20, -15, 23); arc(199, 220, 20, 20, 146, 191); arc(208, 214, 20, 20, -7, 33); arc(194, 214, 20, 20, 139, 183); arc(211, 211, 20, 20, -34, 8); arc(191, 211, 20, 20, 168, 213); arc(211, 203, 20, 23, -51, -3); arc(191, 203, 20, 23, 183, 232); arc(212, 186, 15, 17, -24, 65); arc(189, 186, 15, 17, 109, 201); arc(208, 182, 20, 17, -20, 80); arc(192, 182, 20, 17, 93, 197); arc(202, 199, 32, 22, 235, 294); strokeWeight(0.8); arc(209, 222, 40, 22, 263, 327); arc(195, 222, 40, 22, 208, 272); arc(207, 224, 40, 22, 270, 335); arc(198, 224, 40, 22, 196, 261); //eyes arc(208, 207, 15, 15, 258, 304); arc(194, 207, 15, 15, 231, 287); arc(210, 195, 12, 14, 432, 493); arc(193, 195, 12, 14, 414, 471); //nose arc(201, 216, 10, 12, 240, 304); arc(201, 206, 9, 11, 414, 491); //SL text fill(0, 0, 0); textSize(15); text("S L", 189, 184); popMatrix(); }; silverLynxLogo(x, y, 0.4);//I'm assuming you would want maybe this size for a corner logo :D } // Hello, hello ice 2 meet u my friend (credit to Ice to Meet You for wanting me to do this XD)
Folds	15,77,80,96,99,248,251,422,425,596,599,654,657,742,745,824,827,968,971,1112,1115,1177,1180,1475,1478,1619,1622,1637,1640,1715
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgO3PmI-wCAw
Votes	193
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	𝕊𝕀𝕃𝕍𝔼ℝ 𝕃𝕐ℕ𝕏 ℙℝ𝕆𝔾ℝ𝔸𝕄𝕄𝕀ℕ𝔾
Author Name	SilverLynxProgramming101
Author ID	kaid_466988933609811137023210
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739366804768
Updated	10 months ago, 1739366814305
Source Deleted	unknown