Viewing Program

Program Data

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

Title	Midnight Lake (Khantober)
ID	5188686164197376
Created	8 years ago, 1508073663151
Updated	8 years ago, 1508074122702
Code	/** * Midnight Lake * WillTheProgrammer * Khantober 2017 * * Based off of this picture: * https://cdn.dribbble.com/users/413563/screenshots/2422744/midnight-fishing.jpg / // Draws a symetrical triangle (for trees) var tri = function(x, y, sizeX, sizeY){ sizeY = (sizeY === undefined) ? sizeX : sizeY; triangle(x, y - sizeY, x - sizeX/2, y, x + sizeX/2, y); }; { // Sky gradient noStroke(); for(var i = 0; i < 100; i++){ fill(lerpColor( color(0, 65, 70), color(104, 176, 148), i/100)); rect(0, i5, 600, 5); } // Fog fill(199, 217, 227, 30); ellipse(-5, 263, 350, 300); fill(58, 112, 112); ellipse(113, 267, 250, 250); fill(199, 217, 227, 35); ellipse(80, 321, 350, 300); // Stars for(var i = 0; i < 100; i++){ pushMatrix(); translate(sin(i159)288, cos(i73)220); scale((sin(i2) + 1)/3); fill(219, 219, 219, 200 - cos(i73)200); rect(0, 0, 3, 20); rect(-9, 8, 20, 3); popMatrix(); } // Moon gradient fill(199, 217, 227, 10); for(var i = 0; i < 5; i++){ ellipse(300, 195, 150 + i50, 150 + i50); } // Moon fill(255, 255, 255); ellipse(300, 195, 150, 150); fill(199, 204, 214); ellipse(300, 197, 150, 126); // Mountains fill(12, 87, 82); pushMatrix(); translate(200, 200); rotate(45); rect(-37, 67, 100, 100); rect(0, 22, 100, 100); rect(42, -100, 167, 152); rect(33, -60, 167, 152); popMatrix(); // Scales down the size of the hills pushMatrix(); translate(-3, 489); scale(0.63); translate(0, -500); // Farthest-back hill fill(1, 63, 64); for(var i = 0; i < 8; i++){ ellipse(20 + i73, 108 + i27, 100, 75); ellipse(67 + i55, 119 + i23, 100, 84); } ellipse(140, 141, 100, 100); ellipse(117, 136, 100, 100); ellipse(211, 181, 100, 100); ellipse(430, 266, 167, 100); tri(21, 88, 22, 55); tri(36, 82, 22, 55); tri(53, 95, 22, 55); tri(81, 88, 32, 55); tri(112, 108, 19, 55); tri(126, 100, 22, 55); tri(145, 95, 21, 59); tri(194, 136, 22, 55); tri(223, 141, 18, 40); tri(282, 177, 20, 55); tri(304, 185, 22, 55); tri(319, 202, 20, 55); tri(358, 205, 28, 68); tri(384, 211, 22, 55); tri(411, 232, 19, 55); tri(428, 229, 19, 55); tri(440, 245, 24, 55); // Slightly closer hill fill(0, 77, 80); for(var i = 0; i < 5; i++){ ellipse(20 + i78, 205 + i30, 200, 200); ellipse(100 + i52, 160 + i30, 165, 84); } ellipse(402, 270, 100, 50); ellipse(436, 282, 100, 50); noFill(); stroke(0, 77, 80); strokeWeight(10); arc(80, 114, 47, 20, 65, 151); strokeWeight(7); arc(198, 146, 47, 20, 116, 168); noStroke(); // Fog fill(133, 196, 187, 80); ellipse(217, 261, 200, 200); ellipse(363, 282, 140, 140); fill(36, 115, 115); ellipse(81, 260, 200, 200); ellipse(-4, 169, 100, 100); // The very blue hill fill(0, 97, 99); pushMatrix(); translate(236, 235); scale(1.2, 1); beginShape(); curveVertex(-199,-11); curveVertex(-175,-22); curveVertex(-145,-26); curveVertex(-110,0); curveVertex(-39,-28); curveVertex(-10,-32); curveVertex(24,-30); curveVertex(64,11); curveVertex(90,13); curveVertex(99,32); curveVertex(145,48); curveVertex(151,76); curveVertex(132,67); curveVertex(30,82); curveVertex(-185,92); curveVertex(-199,-11); curveVertex(-175,-22); curveVertex(-145,-26); endShape(); popMatrix(); ellipse(327, 265, 40, 40); ellipse(376, 272, 62, 40); ellipse(404, 281, 40, 40); ellipse(418, 289, 40, 40); tri(15, 216, 20, 54); tri(123, 236, 20, 54); tri(169, 220, 19, 61); tri(181, 220, 19, 43); tri(211, 224, 33, 74); tri(236, 214, 19, 51); tri(257, 214, 23, 73); tri(311, 250, 16, 45); tri(330, 249, 19, 60); tri(430, 282, 24, 55); ellipse(411, 282, 100, 40); ellipse(488, 284, 100, 40); ellipse(449, 302, 200, 40); // The dark hill fill(0, 43, 44); ellipse(224, 331, 197, 30); ellipse(180, 321, 30, 30); ellipse(198, 314, 30, 30); ellipse(209, 315, 38, 30); ellipse(228, 314, 35, 35); ellipse(259, 318, 50, 45); ellipse(289, 321, 30, 30); pushMatrix(); rotate(-6); ellipse(281, 350, 68, 30); popMatrix(); ellipse(315, 311, 30, 30); ellipse(321, 305, 30, 30); ellipse(333, 305, 21, 30); pushMatrix(); rotate(-6); tri(354, 363, 119, 64); popMatrix(); ellipse(359, 305, 30, 30); ellipse(345, 311, 30, 30); rect(355, 272, 30, 30, 13); ellipse(380, 277, 30, 30); ellipse(396, 277, 30, 30); ellipse(412, 287, 30, 30); ellipse(432, 298, 30, 30); tri(189, 318, 24, 58); tri(212, 318, 36, 71); tri(249, 324, 24, 58); tri(272, 336, 28, 60); tri(355, 322, 31, 58); tri(374, 283, 29, 58); tri(401, 289, 29, 58); // The lighter hill fill(0, 60, 65); tri(6, 314, 23, 54); tri(13, 314, 18, 49); tri(23, 314, 15, 39); tri(37, 308, 15, 39); tri(99, 329, 20, 33); tri(117, 307, 16, 41); pushMatrix(); translate(-35, 39); rotate(-6); scale(0.9); ellipse(20, 337, 110, 80); ellipse(74, 363, 110, 80); ellipse(147, 350, 110, 80); ellipse(179, 364, 110, 80); stroke(0, 60, 65); noFill(); strokeWeight(7); for(var i = 0; i < 5; i++){ bezier(220, 342 + i6, 246, 374 + i6, 276, 348 + i6, 284, 377 + i6); } arc(92, 319, 52, 17, 20, 102); popMatrix(); // The dark hill in the front pushMatrix(); translate(0, 1); noStroke(); fill(0, 43, 45); tri(39, 386, 39, 75); tri(61, 386, 19, 47); translate(-40, 2); rotate(-5); beginShape(); vertex(204, 387); vertex(82, 396); vertex(65, 386); vertex(63, 374); vertex(82, 361); vertex(108, 370); vertex(124, 361); vertex(137, 368); vertex(163, 365); vertex(174, 354); vertex(183, 361); vertex(189, 362); vertex(204, 368); vertex(224, 376); endShape(CLOSE); popMatrix(); noFill(); stroke(0, 43, 45); strokeWeight(8); arc(20, 374, 69, 32, 38, 126); arc(35, 421, 119, 64, 272, 280); arc(58, 377, 69, 26, 30, 126); noStroke(); popMatrix(); // The hill in the bottom corners pushMatrix(); translate(0, 500); scale(0.6); translate(0, -500); stroke(0, 43, 45); strokeWeight(4); fill(0, 43, 45); beginShape(); vertex(60, 460); bezierVertex(151, 456, 139, 495, 191, 502); vertex(0, 500); vertex(0, 457); endShape(CLOSE); noStroke(); tri(9, 472, 68, 170); tri(42, 472, 44, 89); tri(56, 472, 32, 58); tri(77, 472, 34, 65); popMatrix(); // Gets an image of everything var colorImage = get(0, 0, 300, 500); } // Mounatins, hills, and sky { background(0, 0, 0); // The mask image pushMatrix(); translate(-3, 489); scale(0.63); translate(0, -500); noStroke(); fill(255, 255, 255); for(var i = 0; i < 8; i++){ ellipse(20 + i73, 108 + i27, 100, 75); ellipse(67 + i55, 119 + i23, 100, 84); } ellipse(430, 266, 167, 100); fill(255, 255, 255); ellipse(262, 224, 295, 260); rect(0, -313, 675, 575); ellipse(134, 357, 195, 122); noFill(); stroke(255, 255, 255); strokeWeight(8); arc(20, 374, 69, 32, 38, 126); arc(35, 421, 119, 64, 272, 280); arc(58, 377, 69, 26, 30, 126); noStroke(); popMatrix(); fill(0, 0, 0); pushMatrix(); translate(0, 489); rotate(-14); translate(0, -489); for(var i = 0; i < 6; i++){ arc(73 + i45, 503, 183, 159, 173, 369); } popMatrix(); stroke(255, 255, 255); strokeWeight(8); line(167, 377, 458, 303); noStroke(); fill(255, 255, 255); ellipse(30, 319, 200, 151); rect(0, 388, 30, 30); // Gets an image of the mask var maskImage = get(0, 0, 300, 500); // Masks the image colorImage.mask(maskImage); } // Mask image { // Sky (again) noStroke(); for(var i = 0; i < 100; i++){ fill(lerpColor( color(0, 65, 70), color(104, 176, 148), i/100)); rect(0, i5, 600, 5); } // Array to hold the image snippets var slicedImages = []; // Slices the images image(colorImage, 0, 0); fill(53, 115, 113); rect(225, 119, 16, 100); for (var i = 0; i < 500; i += 5) { slicedImages.push(get(0, i, 310, 2)); } // Puts them back together with an offset for (var i = 0; i < slicedImages.length; i++) { image(slicedImages[i], sin(i 8) * 20, i*2); } // Take a blurred image fill(227, 227, 227); pushMatrix(); translate(259, 49); rotate(-15); ellipse(0, 0, 69, 25); popMatrix(); filter(BLUR, 4); var warpedImage = get(0, 0, 300, 160); // Water pushMatrix(); translate(35, 570); scale(1.1, -1.1); rotate(15); image(warpedImage, 0, 0); popMatrix(); fill(122, 122, 122, 40); rect(0, 317, 300, 200); } // Water { // The rest of the image image(colorImage, 0, 0); // The hill in the bottom corners pushMatrix(); translate(0, 500); scale(0.6); translate(0, -500); stroke(0, 43, 45); strokeWeight(4); fill(0, 43, 45); beginShape(); vertex(60, 460); bezierVertex(151, 456, 139, 495, 191, 502); vertex(0, 500); vertex(0, 457); endShape(CLOSE); noStroke(); tri(9, 472, 68, 170); tri(42, 472, 44, 89); tri(56, 472, 32, 58); tri(77, 472, 34, 65); popMatrix(); // Mirrors the image pushMatrix(); translate(600, 0); scale(-1, 1); image(get(0, 0, 300, 500), 0, 0); popMatrix(); fill(255, 255, 255, 18); textAlign(RIGHT, BOTTOM); textSize(15); text("6.28", 600, 500); } // Final picture
Folds	11,14,16,293,295,344,346,392,394,430
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKyd0uKbCQw
Votes	217
Spin-Offs	26
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	WillTheProgrammer
Author Name	WillTheProgrammer
Author ID	kaid_519533518564725127068312
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739376742609
Updated	10 months ago, 1739376744600
Source Deleted	unknown