Viewing Program

Program Data

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

Title	Sierra Dawn [GRAPHIC]
ID	4684040310833152
Created	3 years ago, 1612760556843
Updated	3 years ago, 1612841805496
Code	/ Sierra Dawn [GRAPHIC] / / My third graphic / / I hope you like it! / / REFERENCE IMAGE / / https://tinyurl.com/y6fpx6yf / // Colors { var skyColors = [color(214, 163, 186), color(250, 207, 187)]; var mountainColors = [color(246, 229, 246), color(130, 99, 133)]; var sunColor = color(253, 253, 253); var groundColors = [color(45, 42, 69), color(61, 58, 90), color(77, 70, 107)]; var cloudColor = color(249, 227, 248); var birdColor = color(255, 234, 243); //} // Code { // Sky { var color1 = skyColors[0]; var color2 = skyColors[1]; for(var i = 0; i < 300; i++) { var decimal = map(i, 0, 300, 0, 1); var lineColor = lerpColor(color1, color2, decimal); stroke(lineColor); line(0, i, width, i); } //} noStroke(); // Sun { fill(255, 255, 255, 25); ellipse(360, 200, 280, 280); ellipse(360, 200, 200, 200); fill(sunColor); ellipse(360, 200, 120, 120); //} // Mountains { // Mountain #1 { // Mountain Peak { fill(mountainColors[0]); beginShape(); vertex(75, 210); vertex(40, 260); vertex(65, 245); vertex(77.5, 260); vertex(85, 245); vertex(110, 260); endShape(); //} // Mountain { fill(mountainColors[1]); beginShape(); vertex(40, 260); vertex(65, 245); vertex(77.5, 260); vertex(85, 245); vertex(110, 260); vertex(112.5, 265); vertex(85, 315); vertex(5, 310); endShape(); //} // Shade { fill(0, 0, 0, 20); beginShape(); vertex(75, 210); vertex(5, 310); vertex(50, 315); endShape(); //} //} // Mountain #2 { // Mountain Peak { fill(mountainColors[0]); beginShape(); vertex(215, 100); vertex(160, 190); vertex(200, 170); vertex(215, 190); vertex(230, 170); vertex(270, 190); endShape(); //} // Mountain { fill(mountainColors[1]); beginShape(); vertex(160, 190); vertex(75, 325); vertex(360, 340); vertex(270, 190); vertex(230, 170); vertex(215, 190); vertex(200, 170); endShape(); //} // Mountain Shadow { fill(0, 0, 0, 50); beginShape(); vertex(215, 100); vertex(190, 210); vertex(195, 250); vertex(165, 310); vertex(170, 325); vertex(75, 327); endShape(); //} //} // Mountain #3 { // Mountain Peak { fill(mountainColors[0]); beginShape(); vertex(360, 185); vertex(325, 245); vertex(350, 230); vertex(357, 250); vertex(365, 230); vertex(390, 245); endShape(); //} // Mountain { fill(mountainColors[1]); beginShape(); vertex(325, 245); vertex(350, 230); vertex(357, 250); vertex(365, 230); vertex(390, 245); vertex(410, 287); vertex(380, 330); vertex(356, 335); vertex(313, 262); endShape(); //} // Mountain Shadow { fill(0, 0, 0, 50); beginShape(); vertex(360, 185); vertex(345, 255); vertex(360, 300); vertex(345, 317); vertex(315, 260); endShape(); //} //} // Mountain #4 { // Mountain Peak { fill(mountainColors[0]); beginShape(); vertex(490, 150); vertex(447, 220); vertex(480, 200); vertex(490, 220); vertex(500, 200); vertex(530, 220); endShape(); //} // Mountain { fill(mountainColors[1]); beginShape(); vertex(448, 220); vertex(480, 200); vertex(490, 220); vertex(500, 200); vertex(530, 220); vertex(575, 295); vertex(375, 335); endShape(); //} // Mountain Shadow { fill(0, 0, 0, 50); beginShape(); vertex(490, 150); vertex(375, 335); vertex(490, 310); vertex(450, 280); vertex(473, 230); endShape(); //} //} //} // Ground { // Back foreground { fill(groundColors[2]); beginShape(); vertex(0, 310); bezierVertex(150, 310, 360, 340, 360, 340); vertex(360, 400); vertex(0, 400); endShape(); //} // Middle foreground { fill(groundColors[1]); beginShape(); vertex(600, 290); bezierVertex(475, 300, 250, 360, 250, 360); vertex(600, 400); endShape(); //} // Front foreground { fill(groundColors[0]); beginShape(); vertex(0, 350); bezierVertex(300, 350, 600, 380, 600, 380); vertex(600, 400); vertex(0, 400); endShape(); //} //} // Clouds { var cloud = function(x, y, flipDir, multBy) { pushMatrix(); translate(x, y); scale(multBy); if(flipDir === "left") { beginShape(); vertex(230, 79); bezierVertex(246, 62, 260, 73, 260, 73); bezierVertex(266, 58, 277, 70, 277, 70); bezierVertex(277, 59, 290, 65, 290, 65); bezierVertex(290, 56, 310, 55, 310, 60); bezierVertex(316, 50, 325, 58, 325, 58); bezierVertex(355, 20, 375, 70, 375, 65); bezierVertex(392, 50, 410, 70, 406, 72); bezierVertex(422, 67, 420, 79, 423, 79); endShape(); } else if(flipDir === "right") { beginShape(); vertex(-230, 79); bezierVertex(-246, 62, -260, 73, -260, 73); bezierVertex(-266, 58, -277, 70, -277, 70); bezierVertex(-277, 59, -290, 65, -290, 65); bezierVertex(-290, 56, -310, 55, -310, 60); bezierVertex(-316, 50, -325, 58, -325, 58); bezierVertex(-355, 20, -375, 70, -375, 65); bezierVertex(-392, 50, -410, 70, -406, 72); bezierVertex(-422, 67, -420, 79, -423, 79); endShape(); } popMatrix(); }; fill(cloudColor); cloud(0, 0, "left", 1); cloud(640, 5, "right", 0.25); cloud(175, 25, "right", 0.25); cloud(467, 197, "right", 0.175); cloud(345, 100, "right", 1); cloud(961, 90, "right", 1); //} // Birds { var bird = function(x, y, multBy){ pushMatrix(); translate(x, y); scale(multBy); beginShape(); vertex(104, 112); bezierVertex(95, 105, 87, 115, 87, 115); bezierVertex(95, 104, 100, 106, 102, 107); bezierVertex(112, 98, 117, 101, 117, 101); bezierVertex(108, 103, 106, 112, 104, 112); endShape(); popMatrix(); }; fill(birdColor); // Left group { bird(20, 25 + 10, 0.75); bird(31, 49 + 10, 0.5); bird(78, 56 + 10, 0.3); //} // Right group { bird(20 + 400, 25 - 10, 0.75); bird(31 + 400, 49 - 10, 0.5); bird(78 + 400, 56 - 10, 0.3); //} //} // Trees { var regTree = function(x, y, multBy) { pushMatrix(); translate(x, y); scale(multBy); rect(48, 345, 4, 12); triangle(50, 270, 40, 300, 60, 300); triangle(50, 290, 35, 325, 65, 325); triangle(50, 310, 30, 350, 70, 350); popMatrix(); }; var circleTree = function(x, y, multBy) { pushMatrix(); scale(multBy); translate(x, y); beginShape(); ellipse(0, 20.89, 13, 13); ellipse(-9, 32, 13, 13); ellipse(9, 34, 15, 15); ellipse(-15, 51, 15, 15); ellipse(14, 62, 22, 22); ellipse(-18, 73, 22, 22); triangle(0, 19, -5, 100, 0.5, 100); quad(0, 46, 0, 48, 8, 42, 8, 40); quad(0, 74, -2, 73, 8, 63, 8, 67); quad(-11, 30, -14, 32, -2, 36, -1, 42); quad(-11, 51, -14, 53, -2, 63, -3, 59); quad(-11, 74, -14, 75, -2, 87, -3, 82); endShape(); popMatrix(); }; // Front trees { fill(groundColors[0]); regTree(0, -4, 1); regTree(34, 84, 0.75); circleTree(7, 206, 1.15); //} // Middle trees { fill(groundColors[1]); regTree(556, 155, 0.4); circleTree(1192, 487, 0.5); circleTree(814, 546, 0.5); regTree(368, 185, 0.4); regTree(338, 103, 0.65); regTree(285, 209, 0.4); //} // Back trees { fill(groundColors[2]); regTree(90, 190, 0.35); circleTree(646, 1483, 0.2); regTree(157, 249, 0.2); regTree(200, 252, 0.2); circleTree(1123, 1524, 0.2); regTree(266, 259, 0.2); //} //} //}
Folds	7,16,18,373
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN32wYOpCAw
Votes	37
Spin-Offs	-1
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	CodeEngineer
Author Name	CodeEngineer
Author ID	kaid_1042098132686409870152592
Author Profile Access	COACH

Archive Data

Added	22 days ago, 1734569837005
Updated	22 days ago, 1734569837005
Source Deleted	unknown