Viewing Program

Program Data

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

Title	Lakeside Cottage
ID	4696063077384192
Created	10 years ago, 1437802885825
Updated	5 years ago, 1608148209093
Code	/******************************************************** * Build-a-House: Lakeside Cottage * MKaelin368 (KWC), August 2015 * * This project features an animated stream and clouds. * * * __NEW__: Code is finally optimized and cleaned up * along with a few changes to the scene visuals. * * * * Enjoy! :-) * * ================================================== * @author_profile: * https://www.khanacademy.org/profile/MKaelin368 * * @date_released 08/??/15 * @last_modified 12/16/20 *******************************************************/ // #using namespace __env__ var sketchProc = function () { // -- older version toggle -- var OLD_VERSION = !!(0); // -- sets shape offset modes -- rectMode(PConstants.CORNER); ellipseMode(PConstants.CENTER); / * Vertical Gradient Function * * @created_by MKaelin368 (KWC) (c) 2019 / var verticalGradient = function ( x, y, w, h, s, c1, c2 ) { var step = s && s > 0 ? s : 1; pushMatrix(); translate(x, y); scale(w, step); strokeWeight(1); for (var i = 0; i < h; i += step) { stroke(lerpColor(c1, c2, i / h)); point(0, i / step); } popMatrix(); }; /* * Pine Tree Painting Function * * @created_by MKaelin368 (KWC) (c) 2015 / var pineTree = function (x, y, sX, sY) { pushMatrix(); translate(x, y); fill(OLD_VERSION ? color(112, 82, 4) : color(105, 77, 6)); beginShape(); vertex(-26 sX, 190 * sY); vertex(-13 * sX, 173 * sY); vertex(-6 * sX, 13 * sY); vertex(-10 * sX, -148 * sY); vertex(6 * sX, -148 * sY); vertex(11 * sX, -8 * sY); vertex(10 * sX, 131 * sY); vertex(15 * sX, 170 * sY); vertex(24 * sX, 189 * sY); vertex(6 * sX, 186 * sY); vertex(-4 * sX, 195 * sY); vertex(-12 * sX, 186 * sY); endShape(PConstants.CLOSE); fill(OLD_VERSION ? color(63, 105, 29) : color(40, 89, 0)); beginShape(); vertex(6 * sX, 65 * sY); vertex(-21 * sX, 86 * sY); vertex(-11 * sX, 60 * sY); vertex(-49 * sX, 73 * sY); vertex(-17 * sX, 39 * sY); vertex(-53 * sX, 52 * sY); vertex(-19 * sX, 9 * sY); vertex(-45 * sX, 18 * sY); vertex(-8 * sX, -17 * sY); vertex(10 * sX, -17 * sY); vertex(41 * sX, 7 * sY); vertex(49 * sX, 17 * sY); vertex(23 * sX, 8 * sY); vertex(54 * sX, 55 * sY); vertex(28 * sX, 45 * sY); vertex(42 * sX, 75 * sY); endShape(PConstants.CLOSE); beginShape(); vertex(-9 * sX, -95 * sY); vertex(7 * sX, -95 * sY); vertex(46 * sX, -67 * sY); vertex(12 * sX, -74 * sY); vertex(29 * sX, -49 * sY); vertex(3 * sX, -57 * sY); vertex(-14 * sX, -47 * sY); vertex(-42 * sX, -42 * sY); vertex(-28 * sX, -60 * sY); vertex(-54 * sX, -58 * sY); vertex(-25 * sX, -76 * sY); endShape(PConstants.CLOSE); beginShape(); vertex(0 * sX, -198 * sY); vertex(39 * sX, -154 * sY); vertex(15 * sX, -163 * sY); vertex(42 * sX, -124 * sY); vertex(19 * sX, -138 * sY); vertex(38 * sX, -112 * sY); vertex(0 * sX, -119 * sY); vertex(-37 * sX, -111 * sY); vertex(-13 * sX, -145 * sY); vertex(-38 * sX, -131 * sY); vertex(-11 * sX, -171 * sY); vertex(-32 * sX, -162 * sY); endShape(PConstants.CLOSE); popMatrix(); }; /** * Grass Patch Painting Function * * @created_by MKaelin368 (KWC) (c) 2015 / var grassPatch = function (x, y, sX, sY) { pushMatrix(); translate(x, y); fill(OLD_VERSION ? color(64, 102, 36) : color(36, 84, 0)); beginShape(); vertex(-15 sX, 198 * sY); bezierVertex(-42 * sX, 125 * sY, -54 * sX, 139 * sY, -105 * sX, 55 * sY); bezierVertex(-76 * sX, 76 * sY, -72 * sX, 86 * sY, -50 * sX, 98 * sY); bezierVertex(-67 * sX, 70 * sY, -70 * sX, 44 * sY, -80 * sX, -32 * sY); bezierVertex(-59 * sX, -4 * sY, -63 * sX, 55 * sY, -25 * sX, 83 * sY); bezierVertex(-45 * sX, -4 * sY, -44 * sX, -35 * sY, -16 * sX, -106 * sY); bezierVertex(-14 * sX, -41 * sY, -33 * sX, -27 * sY, -4 * sX, 63 * sY); bezierVertex(14 * sX, -11 * sY, 23 * sX, -7 * sY, 77 * sX, -81 * sY); bezierVertex(74 * sX, -47 * sY, -3 * sX, 60 * sY, 19 * sX, 91 * sY); bezierVertex(34 * sX, 78 * sY, 31 * sX, 84 * sY, 75 * sX, 42 * sY); bezierVertex(59 * sX, 100 * sY, -7 * sX, 107 * sY, 15 * sX, 198 * sY); endShape(); popMatrix(); }; /** * Cloud Painting Function * * @created_by MKaelin368 (KWC) (c) 2015-2020 / var cloud = OLD_VERSION ? function (x, y, sX, sY) { stroke(92, 92, 92); strokeWeight(1); fill(161, 159, 148); pushMatrix(); translate(x, y); beginShape(); vertex(-128 sX, -121 * sY); bezierVertex(-122 * sX, -140 * sY, -100 * sX , -139 * sY, -103 * sX, -133 * sY); bezierVertex(-90 * sX, -150 * sY, -79 * sX, -154 * sY, -74 * sX , -145 * sY); bezierVertex(-51 * sX, -150 * sY, -53 * sX, -171 * sY, -16 * sX, -139 * sY); bezierVertex(19 * sX , -140 * sY, 30 * sX, -110 * sY, -12 * sX, -114 * sY); bezierVertex(-12 * sX , -90 * sY, -55 * sX , -114 * sY , -48 * sX, -109 * sY); bezierVertex(-76 * sX, -95 * sY, -84 * sX, -116 * sY , -90 * sX, -108 * sY); bezierVertex(-116 * sX, -103 * sY, -135 * sX , -104 * sY, -128 * sX, -121 * sY); endShape(); popMatrix(); } : function (x, y, sX, sY) { stroke(71, 68, 60); strokeWeight(1); pushMatrix(); translate(x, y); fill(130, 88, 50); beginShape(); vertex(-65 * sX, -24 * sY); bezierVertex(-75 * sX, -44 * sY, -46 * sX , -53 * sY, -31 * sX, -43 * sY); bezierVertex(-32 * sX, -54 * sY, -7 * sX, -64 * sY, 1 * sX , -55 * sY); bezierVertex(13 * sX, -69 * sY, 49 * sX, -71 * sY, 46 * sX, -45 * sY); bezierVertex(69 * sX , -52 * sY, 83 * sX, -36 * sY, 68 * sX, -23 * sY); bezierVertex(85 * sX , -18 * sY, 81 * sX , 5 * sY , 53 * sX, -2 * sY); bezierVertex(52 * sX, 5 * sY, 23 * sX, 12 * sY , 18 * sX, -1 * sY); bezierVertex(6 * sX, 9 * sY, -21 * sX, 13 * sY , -26 * sX, -1 * sY); bezierVertex(-26 * sX, 9 * sY, -59 * sX, 13 * sY , -58 * sX, 0 * sY); bezierVertex(-98 * sX, 16 * sY, -82 * sX , -28 * sY, -65 * sX, -24 * sY); endShape(); noStroke(); fill(217, 104, 56); beginShape(); vertex(-60 * sX, -8 * sY); bezierVertex(-77 * sX, -7 * sY, -39 * sX , -23 * sY, -34 * sX, -9 * sY); bezierVertex(-43 * sX, -6 * sY, -12 * sX, -28 * sY, 10 * sX , -12 * sY); bezierVertex(8 * sX, -19 * sY, 44 * sX, -23 * sY, 45 * sX, -10 * sY); bezierVertex(79 * sX , -22 * sY, 93 * sX , 3 * sY , 53 * sX, -2 * sY); bezierVertex(52 * sX, 5 * sY, 23 * sX, 12 * sY , 18 * sX, -1 * sY); bezierVertex(6 * sX, 9 * sY, -21 * sX, 13 * sY , -26 * sX, -1 * sY); bezierVertex(-26 * sX, 9 * sY, -59 * sX, 13 * sY , -58 * sX, 0 * sY); bezierVertex(-98 * sX, 9 * sY, -82 * sX , -14 * sY, -60 * sX, -8 * sY); endShape(); popMatrix(); }; // -- reflection object -- var reflection = { "0": 10, "1": -5, "2": 0, "v0": 0.25, "v1": 0.25, "v2": -0.25, "fill": OLD_VERSION ? color(87, 123, 145) : color(0, 0, 0, 77), "stroke": OLD_VERSION ? color(0, 0, 0) : color(0, 60, 94), update: function () { if (this[0] <= -10 \|\| this[0] >= 10) { this.v0 = -1; } if (this[1] <= -10 \|\| this[1] >= 10) { this.v1 = -1; } if (this[2] <= -10 \|\| this[2] >= 10) { this.v2 = -1; } this[0] += this.v0; this[1] += this.v1; this[2] += this.v2; }, paint: function () { // -- sets outline width -- strokeWeight(1); // -- reflection colors -- fill(this.fill); stroke(this.stroke); var a = this[0] 2.0, b = this[1] * 1.4, c = this[2] * 0.9, d = this[0] * 0.7, e = this[1] * 0.5, f = this[2] * 0.4, g = this[0] * 0.4, h = this[1] * 0.3, i = this[2] * 0.3; // -- left side -- beginShape(); curveVertex(-5, 212); curveVertex(0, 385); curveVertex(60 - a, 363); // -- 0 -- curveVertex(72 - b, 332); curveVertex(66 - c, 299); curveVertex(64 - d, 284); // -- 3 -- curveVertex(63 - e, 267); curveVertex(61 - f, 251); curveVertex(66 - g, 242); curveVertex(61 - h, 228); curveVertex(64 - i, 219); // -- 8 -- curveVertex(46, 205); curveVertex(32, 215); endShape(); // -- right side -- beginShape(); curveVertex(429, 415); curveVertex(248, 380); curveVertex(192 + a, 363); // -- 0 -- curveVertex(150 + b, 332); curveVertex(127 + c, 299); curveVertex(114 + d, 284); // -- 3 -- curveVertex(106 + e, 267); curveVertex(100 + f, 249); curveVertex(101 + g, 236); // -- 6 -- curveVertex(100 + h, 227); curveVertex(96 + i, 219); // -- 8 -- curveVertex(97, 208); curveVertex(255, 211); endShape(); }, process: function () { this.update(); this.paint(); } }; // -- clouds object -- var clouds = { "0": 300, "1": 300, "v0": -0.25, "v1": -0.1875, update: function () { if (this[0] <= -300) { this[0] = 300; } if (this[1] <= -600) { this[1] = 300; } this[0] += this.v0; this[1] += this.v1; }, paint: OLD_VERSION ? function () { // -- sets outline width -- strokeWeight(1); cloud(390 + this[1], 186, -0.75, 0.75); cloud(200 + this[0], 200, 1, 1); } : function () { // -- sets outline width -- strokeWeight(1); cloud(260 + this[1], 86, -0.5, 0.35); cloud(120 + this[0], 90, 0.75, 0.65); }, process: function () { this.update(); this.paint(); } }; // -- scene layer object -- var layers = { "background": function () { // -- gradient sky -- verticalGradient(0, 0, width, height / 2.3, 1, OLD_VERSION ? color(255, 255, 0) : color(247, 62, 0), OLD_VERSION ? color(255, 89, 0) : color(255, 225, 0) ); // -- sets outline width -- strokeWeight(1); // -- sun -- fill(OLD_VERSION ? color(255, 183, 0) : color(255, 217, 0)); stroke(OLD_VERSION ? color(207, 135, 0) : color(255, 208, 0)); ellipse(109 , 150 + (OLD_VERSION ? 0 : 8), 56, 56); // -- distant mountain colors -- fill(121, 125, 5); stroke(42, 43, 2); // -- far back -- beginShape(); vertex(42, 166); bezierVertex(295, 108, 174, 196, 404, 152); vertex(400, 400); endShape(PConstants.CLOSE); // -- closer mountain colors -- fill(87, 125, 5); stroke(0, 0, 0); // -- far left -- beginShape(); vertex(-17, 198); bezierVertex(4, 96, 146, 213, 109, 192); vertex(400, 400); endShape(PConstants.CLOSE); // -- middle left -- beginShape(); vertex(48, 196); bezierVertex(125, 142, 150, 181, 178, 192); vertex(400, 400); endShape(PConstants.CLOSE); // -- center -- beginShape(); vertex(109, 202); bezierVertex(226, 157, 203, 186, 369, 201); vertex(400, 400); endShape(PConstants.CLOSE); // -- right side -- beginShape(); vertex(253, 202); bezierVertex(418, 135, 416, 167, 445, 201); vertex(400, 400); endShape(PConstants.CLOSE); // -- lake surface -- if (OLD_VERSION) { fill(4, 96, 138); rect(0, 193, 400, 210); } else { verticalGradient(0, 193, width, height / 1.9, 1, color(0, 107, 153), color(0, 57, 82) ); } }, "foreground": function () { // -- sets outline width -- strokeWeight(1); // -- river bank colors -- fill(OLD_VERSION ? color(166, 116, 15) : color(125, 92, 26)); stroke(0, 0, 0); // -- left side of river -- beginShape(); vertex(0, 200); bezierVertex(28, 199, 58, 191, 50, 230); bezierVertex(61, 259, 68, 260, 38, 284); bezierVertex(51, 281, 56, 377, 39, 327); vertex(51, 400); vertex(0, 400); endShape(PConstants.CLOSE); // -- right side of river -- beginShape(); vertex(118, 200); bezierVertex(160, 199, 247, 193, 405, 200); vertex(400, 400); vertex(230, 405); bezierVertex(262, 370, 180, 317, 174, 306); bezierVertex(159, 276, 88, 288, 119, 220); bezierVertex(91, 224, 90, 198, 111, 200); endShape(PConstants.CLOSE); // -- forest floor -- fill(OLD_VERSION ? color(65, 125, 5) : color(51, 102, 0)); beginShape(); vertex(106, 198); bezierVertex(169, 194, 367, 195, 405, 199); vertex(400, 376); vertex(255, 376); bezierVertex(225, 354, 210, 311, 179, 290); bezierVertex(161, 283, 146, 280, 149, 269); bezierVertex(154, 267, 80, 261, 113, 213); bezierVertex(134, 212, 79, 215, 93, 200); endShape(PConstants.CLOSE); beginShape(); vertex(0, 188); bezierVertex(43, 197, 70, 202, 55, 223); bezierVertex(77, 248, 68, 245, 27, 272); bezierVertex(68, 282, 54, 345, 52, 356); vertex(45, 400); vertex(0, 400); endShape(PConstants.CLOSE); // -- forest path -- fill(OLD_VERSION ? color(214, 174, 81) : color(191, 150, 63)); if (OLD_VERSION) { beginShape(); vertex(199, 223); bezierVertex(174, 237, 232, 254, 268, 261); bezierVertex(348, 275, 394, 293, 384, 362); vertex(246, 361); bezierVertex(269, 339, 281, 287, 214, 268); bezierVertex(180, 252, 158, 232, 179, 221); endShape(PConstants.CLOSE); } else { beginShape(); vertex(199, 223); bezierVertex(174, 237, 232, 254, 268, 261); bezierVertex(348, 275, 394 - 5, 293, 384 - 2, 362); vertex(246 + 4, 361); bezierVertex(269 + 31, 339 - 8, 281 + 12, 287, 214, 268); bezierVertex(180, 252, 158, 232, 179, 221); endShape(PConstants.CLOSE); } }, "rocks": function () { // -- sets outline width -- strokeWeight(1); // -- sets river rock colors -- fill(OLD_VERSION ? color(112, 112, 112) : color(91, 99, 110)); stroke(0, 0, 0); // -- back right river rock -- beginShape(); vertex(133, 302); bezierVertex(108, 306, 118, 283, 129, 287); bezierVertex(134, 292, 140, 298, 137, 299); endShape(PConstants.CLOSE); // -- front river rock -- beginShape(); vertex(128, 359); bezierVertex(138, 339, 143, 341, 156, 355); bezierVertex(155, 368, 132, 365, 130, 362); endShape(PConstants.CLOSE); // -- back left river rock -- beginShape(); vertex(71, 288); bezierVertex(72, 276, 84, 284, 88, 291); bezierVertex(90, 289, 81, 303, 71, 294); endShape(PConstants.CLOSE); // -- sets forest rock colors -- fill(OLD_VERSION ? color(112, 112, 112) : color(99, 99, 99)); stroke(0, 0, 0); // -- center -- beginShape(); vertex(104, 200); bezierVertex(108, 178, 115, 192, 115, 190); bezierVertex(137, 210, 116, 199, 110, 202); endShape(PConstants.CLOSE); // -- left -- beginShape(); vertex(-5, 295); bezierVertex(-5, 285, 10, 241, 25, 264); bezierVertex(41, 297, 42, 310, 0, 297); endShape(PConstants.CLOSE); // -- right -- beginShape(); vertex(315, 262); bezierVertex(312, 255, 334, 226, 347, 236); bezierVertex(370, 269, 363, 272, 331, 268); endShape(PConstants.CLOSE); }, "trees": function () { // -- sets outline -- strokeWeight(1); stroke(0, 0, 0); // -- left side -- pineTree(4, 117, 0.384, 0.444); pineTree(34, 97, 0.643, 0.650); pineTree(16, 91, -0.782, 0.825); // -- right side -- pineTree(157, 142, -0.432, 0.355); pineTree(296, 125, 0.384, 0.444); pineTree(179, 132, 0.384, 0.399); pineTree(345, 132, 0.384, 0.399); pineTree(382, 132, 0.533, 0.458); pineTree(366, 127, -0.609, 0.527); pineTree(389, 101, 0.782, 0.825); }, "grasses": function () { // -- sets outline -- strokeWeight(1); stroke(0, 0, 0); // -- left side -- grassPatch(72, 367, 0.230, 0.210); grassPatch(0, 367, -0.230, 0.210); grassPatch(9, 330, 0.150, 0.120); grassPatch(211 , 316, 0.130, 0.210); // -- left side of path -- grassPatch(261, 316, -0.120 , 0.107); grassPatch(260, 330, 0.130, 0.110); // -- right side of path -- grassPatch(381, 316, 0.120, 0.107); grassPatch(377, 338, -0.130, 0.110); var i = 5, q = OLD_VERSION ? 0 : 1; while (i-- > (1 - q)) { // -- left side of path -- grassPatch(277 - (i * (13 + q)), 312 - (i * (11 - q)), 0.090 + (-i * 0.01), 0.110 + (-i * 0.01)); // -- right side of path -- grassPatch(411 - (i * 14), 308 - (i * 11), 0.156 + (-i * 0.015), 0.180 + (-i * 0.015)); // -- left river bank -- grassPatch(-8 - (i * -13), 330 - (i * 11), 0.156 + (-i * 0.01), 0.180 + (-i * 0.01)); } }, "logCabin": function () { // -- disables outline -- noStroke(); if (!OLD_VERSION) { // -- front porch shadow -- fill(0, 0, 0, 127); quad(144, 217, 226, 204, 287, 220, 249, 224); } // -- sets outline -- strokeWeight(1); stroke(0, 0, 0); // -- walls fill -- fill(105, 65, 22); beginShape(); vertex(187, 177); vertex(313, 128); vertex(339, 157); vertex(334, 209); vertex(192, 202); endShape(PConstants.CLOSE); // -- right wall log separations -- line(292, 205, 337, 201); line(288, 197, 338, 195); line(288, 187, 338, 186); line(288, 176, 338, 176); line(288, 164, 341, 166); line(288, 154, 335, 157); line(288, 145, 327, 148); // -- front wall log separations -- line(193, 197, 279, 199); line(193, 189, 279, 190); line(193, 181, 279, 181); line(192, 174, 279, 172); // -- house base -- fill(OLD_VERSION ? color(161, 149, 135) : color(115, 107, 99)); quad(189, 206, 284, 207, 284, 219, 189, 215); if (!OLD_VERSION) { fill(133, 121, 108); } quad(284, 207, 340, 202, 340, 211, 284, 219); // -- front door -- fill(87, 32, 17); quad(228, 181, 242, 181, 242, 203, 228, 202); // -- lit windows -- fill(232, 235, 85); quad(252, 181, 273, 181, 273, 195, 252, 195); quad(197, 181, 218, 181, 218, 195, 197, 195); quad(300, 179, 327, 179, 327, 194, 300, 196); // -- upstairs window -- fill(56, 55, 40); quad(307, 151, 320, 152, 320, 165, 307, 165); // -- left side window divisions -- line(203, 182, 203, 193); line(211, 182, 211, 193); line(198, 188, 217, 188); // -- right side window divisions -- line(258, 182, 258, 193); line(266, 182, 266, 193); line(253, 188, 272, 188); // -- side window divisions -- line(309, 179, 309, 193); line(319, 178, 319, 193); line(326, 187, 301, 188); // -- upstairs window divisions -- line(314, 151, 314, 163); line(308, 158, 320, 159); // -- window sills -- fill(120, 60, 42); quad(195, 195, 218, 195, 218, 198, 195, 198); quad(250, 195, 274, 195, 274, 198, 250, 198); quad(299, 195, 328, 193, 328, 197, 299, 199); quad(307, 165, 321, 165, 321, 169, 307, 169); // -- front left side log sides -- fill(102, 73, 28); ellipse(190, 199, 5, 8); ellipse(190, 190, 5, 8); ellipse(190, 183, 5, 8); ellipse(190, 175, 5, 8); // -- front left side log fronts -- fill(158, 112, 43); ellipse(188, 199, 5, 8); ellipse(188, 190, 5, 8); ellipse(188, 182, 5, 8); ellipse(188, 174, 5, 7); // -- front deck base -- fill(105, 78, 46); beginShape(); vertex(192, 203); vertex(248, 207); vertex(286, 206); vertex(286, 209); vertex(248, 212); vertex(153, 208); vertex(151, 204); endShape(PConstants.CLOSE); // -- front deck top -- fill(133, 97, 58); quad(198, 202, 287, 205, 249, 208, 150, 204); // -- chimney body -- fill(OLD_VERSION ? color(161, 149, 135) : color(130, 125, 118)); quad(301, 113, 314, 114, 314, 136, 301, 133); if (!OLD_VERSION) { fill(125, 117, 109); } quad(314, 114, 322, 114, 322, 136, 314, 136); // -- chimney cap -- fill(OLD_VERSION ? color(145, 138, 105) : color(135, 132, 120)); beginShape(); vertex(299, 113); vertex(315, 112); vertex(324, 115); vertex(324, 121); vertex(313, 118); vertex(299, 119); endShape(PConstants.CLOSE); // -- porch hand railing -- fill(179, 129, 79); quad(212, 197, 249, 198, 247, 201, 213, 200); quad(249, 198, 274, 196, 274, 200, 244, 201); quad(153, 196, 197, 196, 197, 199, 151, 199); // -- porch roof supports -- beginShape(); vertex(244, 176); vertex(249, 176); vertex(249, 224); vertex(247, 225); vertex(244, 224); endShape(PConstants.CLOSE); beginShape(); vertex(210, 176); vertex(215, 176); vertex(215, 221); vertex(211, 222); vertex(210, 220); endShape(PConstants.CLOSE); beginShape(); vertex(177, 176); vertex(182, 173); vertex(182, 217); vertex(178, 219); vertex(177, 217); endShape(PConstants.CLOSE); beginShape(); vertex(149, 176); vertex(154, 173); vertex(154, 217); vertex(151, 218); vertex(149, 217); endShape(PConstants.CLOSE); // -- back right side log sides -- fill(102, 73, 28); ellipse(336, 165, 5, 8); ellipse(336, 173, 5, 8); ellipse(336, 181, 5, 8); ellipse(336, 189, 5, 8); ellipse(336, 198, 5, 8); // -- back right side log fronts -- fill(158, 112, 43); ellipse(338, 165, 5, 8); ellipse(338, 173, 5, 8); ellipse(338, 181, 5, 8); ellipse(338, 189, 5, 8); ellipse(338, 198, 5, 8); // -- front right side log sides -- fill(102, 73, 28); rect(283, 156, 2, 49); ellipse(288, 163, 6, 9); ellipse(288, 173, 6, 9); ellipse(288, 183, 6, 9); ellipse(288, 193, 6, 9); ellipse(288, 203, 6, 9); ellipse(281, 200, 6, 9); ellipse(281, 191, 6, 9); ellipse(281, 181, 6, 9); ellipse(281, 171, 6, 9); // -- front right side log fronts -- fill(158, 112, 43); ellipse(290, 163, 6, 9); ellipse(290, 173, 6, 9); ellipse(290, 183, 6, 9); ellipse(290, 193, 6, 9); ellipse(290, 203, 6, 9); ellipse(279, 200, 6, 9); ellipse(279, 191, 6, 9); ellipse(279, 181, 6, 9); ellipse(279, 171, 6, 9); // -- front porch stair fill -- fill(128, 84, 40); beginShape(); vertex(187, 207); vertex(208, 208); vertex(208, 210); vertex(198, 223); vertex(175, 221); vertex(175, 219); vertex(179, 218); vertex(179, 215); vertex(182, 214); vertex(182, 211); vertex(185, 210); vertex(185, 207); endShape(PConstants.CLOSE); // -- front porch stair divisions -- line(176, 218, 197, 220); line(180, 215, 198, 216); line(183, 212, 201, 213); line(186, 210, 203, 211); // -- roof top -- fill(120, 60, 42); quad(216, 137, 316, 130, 290, 159, 182, 161); quad(182, 161, 290, 159, 250, 173, 138, 173); // -- roof edge -- fill(94, 58, 32); beginShape(); vertex(136, 173); vertex(244, 173); vertex(287, 161); vertex(316, 130); vertex(343, 159); vertex(341, 162); vertex(315, 136); vertex(288, 164); vertex(244, 177); vertex(138, 176); endShape(PConstants.CLOSE); // -- firewood pile fill -- fill(102, 73, 28); beginShape(); vertex(317, 201); vertex(332, 200); vertex(334, 202); vertex(334, 205); vertex(337, 207); vertex(337, 210); vertex(340, 213); vertex(339, 216); vertex(323, 220); endShape(PConstants.CLOSE); // -- firewood log fronts -- fill(171, 122, 74); ellipse(309, 216, 6, 7); ellipse(315, 216, 6, 7); ellipse(321, 217, 6, 7); ellipse(313, 210, 6, 7); ellipse(319, 211, 6, 7); ellipse(316, 205, 6, 7); // -- firewood log separations -- line(323, 214, 337, 211); line(321, 208, 334, 206); // -- firewood pile supports -- fill(179, 129, 79); quad(338, 207, 337, 218, 334, 219, 335, 207); quad(331, 208, 329, 220, 326, 221, 327, 209); }, "bridge": function () { // -- sets outline -- strokeWeight(1); stroke(0, 0, 0); // -- back posts -- fill(OLD_VERSION ? color(153, 85, 12) : color(130, 67, 0)); rect(222, 270, 31, 132); rect(382, 273, 34, 132); fill(OLD_VERSION ? color(209, 157, 104) : color(166, 116, 66)); ellipse(238, 269, 32, 7); ellipse(399, 274, 33, 8); // -- planks -- quad(261, 351, 382, 358, 382, 375, 239, 363); quad(240, 363, 382, 374, 382, 397, 210, 380); quad(211, 380, 382, 397, 382, 428, 174, 400); // -- right light railing piece -- beginShape(); vertex(186, 310); vertex(236, 353); vertex(237, 364); vertex(230, 366); vertex(169, 316); endShape(PConstants.CLOSE); // -- left light railing piece -- quad(132, 329, 86, 402, 66, 402, 108, 337); // -- right dark railing piece -- fill(OLD_VERSION ? color(153, 85, 12) : color(130, 67, 0)); beginShape(); vertex(192, 314); vertex(231, 347); vertex(230, 355); vertex(223, 361); vertex(174, 322); vertex(186, 321); endShape(PConstants.CLOSE); // -- left dark railing piece -- beginShape(); vertex(130, 337); vertex(95, 402); vertex(66, 402); vertex(104, 342); vertex(116, 345); vertex(129, 337); endShape(PConstants.CLOSE); // -- center dark railing piece -- quad(52, 329, 219, 284, 234, 296, 52, 357); // -- right center dark railing piece -- beginShape(); vertex(402,291); vertex(396,293); vertex(394,297); vertex(396,402); vertex(402,402); endShape(PConstants.CLOSE); // -- left center light railing piece -- fill(OLD_VERSION ? color(209, 157, 104) : color(166, 116, 66)); beginShape(); vertex(59,329); vertex(66,327); vertex(76,334); vertex(74,347); vertex(52,357); endShape(PConstants.CLOSE); // -- right center light railing piece -- beginShape(); vertex(214,285); vertex(231,283); vertex(236,288); vertex(234,296); vertex(225,300); vertex(225,290); endShape(PConstants.CLOSE); // -- front post -- fill(OLD_VERSION ? color(153, 85, 12) : color(130, 67, 0)); rect(7, 315, 55, 85); fill(OLD_VERSION ? color(209, 157, 104) : color(166, 116, 66)); ellipse(34, 314, 55, 15); // -- log rings -- stroke(89, 44, 3); ellipse(34, 314, 45, 10); ellipse(34, 314, 34, 5); ellipse(34, 314, 20, 2); ellipse(238, 269, 23, 4); ellipse(238, 269, 12, 2); ellipse(399, 274, 23, 4); ellipse(398, 274, 12, 2); // -- log splits -- stroke(0, 0, 0); beginShape(); vertex(48, 319); vertex(42, 345); vertex(37, 331); vertex(35, 321); endShape(); beginShape(); vertex(13, 318); vertex(19, 340); vertex(21, 330); vertex(22, 321); endShape(); beginShape(); vertex(249, 270); vertex(244, 286); vertex(243, 290); vertex(241, 272); endShape(); // -- log shading -- stroke(OLD_VERSION ? color(112, 75, 45) : color(102, 61, 30)); strokeWeight(5); line(78, 344, 223, 296); line(250, 353, 250, 273); line(59, 402, 59, 318); line(10, 402, 10, 318); line(91, 402, 123, 343); line(225, 358, 181, 324); line(385, 402, 385, 279); } }; // -- images dictionary -- var images = { "background": (function () { // -- paints sky and mountains -- layers.background(); // -- capture output image data -- return get(0, 0, width, height); }()), "overlay": (function () { // -- fills output canvas clear -- background(0, 0, 0, 0); // -- paints overlay -- layers.foreground(); layers.rocks(); layers.trees(); layers.grasses(); layers.logCabin(); layers.bridge(); /* if (OLD_VERSION) { noStroke(); fill(0, 0, 0); rect(0, 0, 400, 25); rect(0, 400 - 25, 400, 25); } */ // -- capture output image data -- return get(0, 0, width, height); }()) }; // -- main update loop callback -- this.draw = function () { // -- paints background layer -- image(images.background, 0, 0); // -- updates and paints water reflection -- reflection.process(); // -- updates and paints clouds -- clouds.process(); // -- paints foreground layer -- image(images.overlay, 0, 0); }; // -- immediately calls `draw()` -- redraw(); }; // -- runs sketch procedure -- sketchProc();
Folds	41,52,60,129,137,167,176,200,201,250,267,281,282,335,336,339,349,359,361,369,370,378,379,382,388,468,469,552,553,613,614,634,635,671,672,983,984,1142,1147,1154,1155,1179
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMictuGrCAw
Votes	208
Spin-Offs	1
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	KWC
Author Name	MKaelin368
Author ID	kaid_1018232416454567422505063
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739366574622
Updated	10 months ago, 1739366582818
Source Deleted	unknown