Viewing Program

Program Data

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

Title	Amsterdam - ft. BirdySparrowCatcher
ID	5368861179723776
Created	4 years ago, 1614800994510
Updated	4 years ago, 1627596203282
Code	/** * - Amsterdam - * ~ by BirdySparrowCatcher & Daniel T ~ * * * - Subscribe to BirdySparrowCatcher: https://www.khanacademy.org/computer-programming/subscription-page/4796600695013376 * * - Subscribe to Daniel T: https://www.khanacademy.org/computer-programming/i/5957400542511104 * * + Started: 01/29/2021 * + Finished: 03/03/2021 * + Released: 03/03/2021 * * + Based on: https://cdn.dribbble.com/users/1731254/screenshots/11118166/amsterdam_colors_illustration_tubikarts_4x.png * **/ enableContextMenu(); var releasedate = 2021; var copyright = function() { fill(255,90); textAlign(LEFT, BOTTOM); textFont(createFont('Century Gothic Narrow'),9); text(releasedate + (year() > releasedate ? ("-" + year()) : "") + " Daniel T & BirdySparrowCatcher", 5, 498); }; var sky = function(){ background(93, 204, 232); for(var i = 0; i < 40; i++) { pushStyle(); noFill(); strokeWeight(4); stroke(255,random(50,150)); bezier(-200, random(-100, 300), random(10, 100), random(-100, 400), random(width-200, width-100), random(-50, 250), width+100, random(-300, 200)); popStyle(); } filter(BLUR, 6); }; var building1 = function(){ var B1W1 = function(x,y){ pushMatrix(); translate(x,y); stroke(240); strokeWeight(1.5); fill(60, 60, 216); quad(16, 102, 15, 118, 30, 118, 30, 102); strokeWeight(1); // vertical line(19,102,19,117); line(23,102,23,117); line(27,102,27,117); // horizontal line(18,107,30,107); line(16,112,30,112); popMatrix(); }; var B1W2 = function(x,y){ pushMatrix(); translate(x,y); stroke(240); strokeWeight(1.5); fill(60, 60, 216); quad(14, 130, 14, 154.5, 28, 155, 29, 130); strokeWeight(1); // vertical line(18,130,18,155); line(22,130,22,155); line(26,130,25,155); // horizontal line(14,135,28,136); line(14,140,28,141); line(14,145,28,146); line(14,150,28,151); popMatrix(); }; var B1W3 = function(x,y){ pushMatrix(); translate(x,y); stroke(240); strokeWeight(1.5); fill(60, 60, 216); quad(14, 165, 13, 194, 28, 194, 28, 166); strokeWeight(1); // vertical line(17,165,17,194); line(21,166,21,194); line(25,166,24,194); // horizontal line(14,170,28,171); line(14,175,28,176); line(14,181,28,181); line(14,187,28,187); popMatrix(); }; var B1W4 = function(x,y){ pushMatrix(); translate(x,y); stroke(240); strokeWeight(1.5); fill(60, 60, 216); quad(12, 204.5, 12, 235.5, 26, 236, 27, 205); strokeWeight(1); // vertical line(16,205,16,235); line(20,205,20,235); line(24,205,23,235); // horizontal line(12,211,26,211); line(12,216,26,216); line(12,222,26,222); line(12,228,26,228); popMatrix(); }; var B1W5 = function(x,y){ pushMatrix(); translate(x,y); stroke(240); strokeWeight(1.5); fill(60, 60, 216); quad(12, 249, 12, 286, 26, 286, 27, 249); strokeWeight(1); // vertical line(16,249,16,286); line(20,249,20,286); line(24,249,23,286); // horizontal line(12,254,26,254); line(12,260,26,260); line(12,265,26,265); line(12,270,26,270); line(12,276,26,276); line(12,281,26,281); popMatrix(); }; // building outline fill(194, 83, 9); noStroke(); beginShape(); vertex(0, 79); vertex(9, 79); bezierVertex(9, 79, 11, 65, 24, 63); bezierVertex(24, 63, 33, 64, 37, 79); vertex(63, 81); vertex(65, 164); vertex(61, 334); vertex(-1, 334); endShape(); // littler door fill(0, 92, 0); beginShape(); vertex(36, 334); vertex(37, 304); bezierVertex(37, 304, 37, 299, 44, 299); bezierVertex(44, 299, 48, 299, 49, 307); vertex(48, 334); endShape(); // bigger door beginShape(); vertex(6, 334); vertex(6, 307); bezierVertex(6, 307, 6, 300, 17, 300); bezierVertex(17, 300, 25, 300, 26, 306); vertex(26, 334); endShape(); // shadows on doorway indents fill(0, 0, 0, 100); beginShape(); vertex(8, 302); bezierVertex(8, 302, 14, 297, 25, 301); bezierVertex(25, 301, 30, 303, 29, 309); vertex(30, 334); vertex(26, 334); vertex(26, 306); bezierVertex(26, 306, 25, 301, 19, 300); bezierVertex(19, 300, 12, 299, 8, 302); endShape(); beginShape(); vertex(45, 300); bezierVertex(45, 300, 49, 301, 49, 306); vertex(49, 334); vertex(50, 334); vertex(51, 309); bezierVertex(51, 309, 51, 301, 45, 300); endShape(); // some texture :P fill(217, 122, 59); beginShape(); vertex(6, 296); bezierVertex(6, 296, 27, 289, 32, 305); vertex(35, 305); bezierVertex(35, 305, 35, 297, 44, 295); bezierVertex(44, 295, 50, 294, 54, 303); vertex(54, 303); bezierVertex(54, 303, 51, 295, 44, 294); bezierVertex(44, 294, 38, 294, 34, 302); bezierVertex(34, 302, 26, 287, 6, 296); endShape(); // shadow over doors fill(0, 0, 0, 70); quad(0, 291, 62, 292, 61, 334, -1, 334); // white paint noFill(); stroke(240,170); strokeWeight(3); beginShape(); vertex(1, 81); vertex(10, 81); bezierVertex(10, 81, 12, 68, 22, 65); bezierVertex(23, 65, 33, 65, 35, 81); vertex(62, 83); vertex(62, 93); vertex(0, 93); endShape(); // top window fill(60, 60, 216); strokeWeight(1.5); quad(20, 78, 20, 88, 29, 88, 29, 78); stroke(240); line(24, 78, 24, 86); B1W1(-25,0); B1W1(-2,0); B1W1(20,0); B1W2(-25,0); B1W2(-2,0); B1W2(20,0); B1W3(-25,0); B1W3(-2,0); B1W3(20,0); B1W4(-25,0); B1W4(-2,0); B1W4(20,0); B1W5(-25,0); B1W5(-2,0); B1W5(20,0); }; var building2 = function(){ var B2W1 = function(x,y){ pushMatrix(); translate(x,y); fill(52, 52, 153); stroke(255); strokeWeight(2.3); quad(78, 150, 107, 152, 107, 173, 78, 171); strokeWeight(1.5); line(85, 150, 86, 171); line(93, 151, 92, 172); line(100, 151, 99, 172); line(78, 159, 107, 161); line(100, 167, 105, 167); line(78, 165, 85, 166); popMatrix(); }; var B2W2 = function(x,y){ pushMatrix(); translate(x,y); fill(52, 52, 153); stroke(255); strokeWeight(2); quad(66, 182, 66, 205, 78, 205, 78, 182); strokeWeight(1.5); line(72, 182, 71, 204); line(66, 190, 77, 190); line(66, 197, 78, 197); popMatrix(); }; var B2W3 = function(x,y){ pushMatrix(); translate(x,y); fill(52, 52, 153); stroke(255); strokeWeight(2); quad(65, 214, 78, 215, 77, 244, 65, 244); strokeWeight(1.5); line(71, 215, 71, 244); line(65, 224, 77, 225); line(65, 234, 77, 234); popMatrix(); }; var B2W4 = function(x,y){ pushMatrix(); translate(x,y); fill(255); stroke(255); strokeWeight(1); quad(64, 255, 78, 255, 77, 286, 64, 286); fill(66, 66, 184); beginShape(); vertex(65, 262); vertex(65, 284); vertex(76, 283); vertex(76, 261); bezierVertex(76, 261, 75, 257, 70, 256); bezierVertex(70, 256, 67, 256, 65, 262); endShape(); strokeWeight(1.3); beginShape(); vertex(66, 258); vertex(70, 264); vertex(74, 258); endShape(); line(65, 265, 76, 265); line(65, 275, 76, 274); line(70, 264, 70, 283); popMatrix(); }; // outline fill(222, 135, 135); noStroke(); beginShape(); vertex(62, 144); vertex(66, 143); vertex(86, 122); vertex(87, 111); vertex(98, 111); vertex(100, 119); vertex(119, 146); vertex(118, 144); vertex(123, 144); vertex(123, 334); vertex(59, 333); endShape(); // roof fill(57, 63, 80); beginShape(); vertex(63, 119); vertex(86, 113); vertex(86, 122); vertex(66, 143); vertex(62, 144); endShape(); // floor level window doors fill(43, 63, 99); beginShape(); vertex(103, 334); vertex(103, 306); bezierVertex(103, 306, 103, 300, 108, 300); bezierVertex(108, 300, 113, 300, 113, 308); vertex(113, 334); endShape(); beginShape(); vertex(66, 333); vertex(66, 306); bezierVertex(66, 306, 66, 300, 70, 300); bezierVertex(70, 300, 75, 301, 75, 306); vertex(75, 333); endShape(); fill(240); beginShape(); vertex(104, 302); bezierVertex(104, 302, 109, 300, 110, 303); bezierVertex(110, 303, 111, 303, 111, 322); vertex(112, 334); vertex(113, 333); vertex(113, 307); bezierVertex(113, 307, 113, 299, 106, 300); bezierVertex(106, 300, 104, 302, 104, 302); endShape(); beginShape(); vertex(67, 303); bezierVertex(67, 303, 69, 300, 71, 302); bezierVertex(71, 302, 74, 303, 74, 311); vertex(74, 333); vertex(75, 333); vertex(76, 305); bezierVertex(76, 306, 75, 300, 69, 300); bezierVertex(69, 300, 67, 302, 67, 303); endShape(); // glass texturing noFill(); stroke(0); strokeWeight(0.6); bezier(106, 302, 106, 305, 106, 334, 106, 334); bezier(108, 302, 109, 303, 109, 334, 109, 334); line(104, 312, 110, 312); line(104, 318, 110, 317); line(105, 322, 110, 322); line(69, 304, 68, 329); line(72, 306, 72, 330); line(66, 315, 72, 315); line(67, 319, 72, 319); line(68, 311, 73, 311); line(66, 307, 72, 306); // paint fill(250,180); noStroke(); beginShape(); vertex(62, 144); vertex(66, 143); vertex(86, 122); vertex(87, 111); vertex(90, 111); vertex(90, 122); vertex(62, 158); endShape(); beginShape(); vertex(100, 119); vertex(100, 127); vertex(117, 149); vertex(119, 146); vertex(121, 152); vertex(123, 152); vertex(123, 144); vertex(118, 144); vertex(119, 146); endShape(); ellipse(95, 134, 6, 8); // shading around arched glass doors fill(0, 0, 0, 50); noStroke(); beginShape(); vertex(59, 301); bezierVertex(59, 301, 62, 294, 69, 294); bezierVertex(69, 294, 75, 293, 80, 300); vertex(81, 333); vertex(59, 333); endShape(); beginShape(); vertex(98, 302); bezierVertex(98, 302, 100, 295, 107, 295); bezierVertex(107, 295, 114, 294, 119, 301); vertex(119, 334); vertex(98, 334); endShape(); // a box ig xD fill(130, 62, 26); beginShape(); vertex(81, 314); vertex(80, 334); vertex(98, 334); vertex(98, 310); vertex(88, 310); vertex(88, 313); endShape(); fill(176, 95, 55); beginShape(); vertex(81, 316); vertex(88, 317); vertex(89, 329); vertex(92, 329); vertex(93, 319); vertex(92, 319); vertex(92, 324); vertex(90, 324); vertex(90, 313); vertex(98, 312); vertex(98, 310); vertex(88, 310); vertex(88, 313); vertex(81, 314); endShape(); B2W1(0,0); B2W2(0,0); B2W2(19,1); B2W2(38,2); B2W3(0,0); B2W3(19,1); B2W3(38,0); B2W4(0,-2); B2W4(19,1); B2W4(38,-1); }; var building3 = function(){ var B3W1 = function(x,y){ pushMatrix(); translate(x,y); fill(52, 52, 153); stroke(255); strokeWeight(1.3); quad(146, 156, 146, 167, 153, 167, 153, 156); strokeWeight(1); line(149, 156, 149, 166); line(146, 161, 152, 161); popMatrix(); }; var B3W2 = function(x,y){ pushMatrix(); translate(x,y); fill(52, 52, 153); stroke(255); strokeWeight(1.3); quad(128, 203, 128, 227, 139, 227, 139, 203); strokeWeight(1.2); line(134, 203, 133, 227); line(128, 211, 138, 211); line(128, 219, 138, 219); popMatrix(); }; // outline fill(197, 119, 15); noStroke(); beginShape(); vertex(123, 175); vertex(128, 175); vertex(147, 135); vertex(148, 129); vertex(153, 129); vertex(153, 134); vertex(172, 175); vertex(172, 333); vertex(123, 335); endShape(); // roof fill(116, 16, 16); beginShape(); vertex(117, 143); vertex(123, 133); vertex(148, 133); vertex(147, 135); vertex(128, 175); vertex(123, 175); vertex(123, 143); vertex(119, 144); vertex(119, 145); endShape(); // roof texture fill(145, 40, 40); beginShape(); vertex(143, 141); vertex(123, 141); vertex(142, 141); vertex(123, 142); vertex(142, 142); vertex(123, 143); vertex(138, 144); vertex(124, 145); vertex(139, 146); vertex(123, 147); vertex(139, 148); vertex(144, 141); endShape(); fill(52, 52, 153); stroke(255); strokeWeight(1.8); quad(139, 175, 160, 176, 160, 192, 138, 192); strokeWeight(1.4); line(144, 176, 144, 191); line(149, 176, 149, 191); line(154, 176, 154, 191); line(139, 184, 159, 184); // door fill(93, 67, 48); noStroke(); quad(141, 307, 142, 334, 151, 333, 151, 306); // shading fill(0, 0, 0, 40); beginShape(); vertex(124, 177); vertex(130, 175); vertex(147, 135); vertex(149, 131); vertex(151, 132); vertex(151, 136); vertex(134, 173); vertex(134, 176); vertex(125, 180); endShape(); beginShape(); vertex(153, 139); vertex(170, 174); vertex(167, 176); vertex(170, 178); vertex(171, 175); vertex(154, 138); endShape(); B3W1(0,0); B3W2(-1,-1); B3W2(14,0); B3W2(29,1); B3W2(-1,32); B3W2(14,33); B3W2(29,34); B3W2(-1,64); B3W2(14,64); B3W2(29,65); B3W1(-17,152); B3W1(11,152); }; var building4 = function(){ var B4W1 = function(x,y){ pushMatrix(); translate(x,y); fill(60, 76, 158); stroke(255); strokeWeight(1.3); quad(178, 175, 178, 196, 186, 196, 186, 176); popMatrix(); }; var B4W2 = function(x,y){ pushMatrix(); translate(x,y); fill(60, 76, 158); stroke(255); strokeWeight(1.3); quad(192, 177, 192, 197, 205, 198, 206, 177); line(199, 177, 199, 197); popMatrix(); }; var B4W3 = function(x,y){ pushMatrix(); translate(x,y); fill(60, 76, 158); stroke(255); strokeWeight(1.3); quad(178, 206, 178, 235, 185, 235, 185, 207); line(178, 216, 183, 216); popMatrix(); }; // outline fill(112, 69, 51); noStroke(); beginShape(); vertex(226, 336); vertex(172, 334); vertex(172, 116); vertex(184, 119); bezierVertex(184, 119, 182, 78, 195, 76); bezierVertex(195, 76, 216, 72, 217, 98); vertex(218, 119); vertex(230, 120); endShape(); // side fill(138, 82, 58); triangle(157, 144, 172, 142, 172, 176); // roof fill(48, 53, 70); beginShape(); vertex(185, 92); vertex(173, 98); vertex(139, 133); vertex(147, 133); vertex(148, 130); vertex(153, 130); vertex(153, 135); vertex(157, 144); vertex(172, 142); vertex(172, 116); vertex(184, 119); bezierVertex(184, 119, 186, 99, 186, 92); endShape(); // paint fill(0, 0, 0, 50); beginShape(); vertex(173, 120); vertex(190, 122); bezierVertex(190, 122, 189, 100, 190, 93); bezierVertex(190, 93, 190, 77, 203, 80); bezierVertex(203, 80, 210, 80, 213, 90); vertex(211, 125); bezierVertex(211, 125, 227, 128, 226, 127); bezierVertex(225, 127, 227, 153, 227, 153); vertex(230, 147); vertex(230, 120); vertex(218, 119); bezierVertex(218, 119, 218, 100, 217, 96); bezierVertex(217, 96, 218, 80, 202, 76); bezierVertex(202, 76, 187, 73, 185, 92); bezierVertex(185, 92, 184, 100, 184, 119); vertex(172, 116); endShape(); // paint noFill(); stroke(255, 255, 255, 128); strokeWeight(2); line(198, 91, 207, 90); line(200, 93, 207, 93); // windows fill(52, 52, 153); stroke(255); strokeWeight(2); quad(197, 97, 197, 110, 204, 110, 205, 97); strokeWeight(1); line(201, 97, 201, 110); line(197, 103, 205, 104); strokeWeight(1.5); quad(194, 120, 193, 136, 207, 136, 207, 121); strokeWeight(1); line(197, 120, 196, 136); line(200, 120, 199, 136); line(204, 121, 203, 136); line(193, 127, 207, 128); line(193, 131, 207, 131); strokeWeight(2); quad(181, 299, 217, 298, 217, 313, 181, 314); line(187, 299, 187, 313); line(193, 299, 193, 313); line(199, 299, 198, 313); line(204, 299, 204, 312); line(210, 299, 210, 312); // more paint ig xD fill(255, 255, 255, 200); noStroke(); ellipse(175, 117, 3, 3); ellipse(178, 118, 3, 3); ellipse(181, 118, 3, 3); ellipse(219, 120, 3, 3); ellipse(221, 120, 3, 3); ellipse(224, 120, 3, 3); B4W1(0,-30); B4W1(0,0); B4W1(34,-30); B4W1(34,0); B4W2(0,-31); B4W2(0,-2); B4W3(0,-1); B4W3(17,0); B4W3(33,0); B4W3(0,40); B4W3(17,41); B4W3(33,40); }; var building5 = function(){ // outline noStroke(); fill(160, 90, 44); beginShape(); vertex(288, 336); vertex(226, 336); vertex(230, 117); vertex(233, 117); vertex(253, 83); vertex(254, 74); vertex(263, 74); vertex(263, 87); vertex(284, 123); vertex(284, 121); vertex(290, 122); endShape(); // roof fill(67, 73, 93); beginShape(); vertex(225, 89); vertex(253, 79); vertex(253, 83); vertex(233, 117); vertex(230, 117); vertex(230, 119); vertex(217, 118); bezierVertex(217, 118, 218, 103, 218, 99); endShape(); // white paint fill(250); beginShape(); vertex(227, 119); bezierVertex(227, 119, 229, 117, 230, 116); bezierVertex(230, 116, 232, 117, 232, 119); vertex(253, 83); vertex(253, 75); vertex(254, 75); vertex(254, 84); vertex(233, 121); bezierVertex(233, 121, 232, 122, 229, 122); bezierVertex(229, 122, 228, 120, 227, 119); endShape(); // texture stuff noFill(); stroke(0, 0, 0, 80); strokeWeight(2); line(260, 78, 260, 85); line(253, 93, 253, 100); line(265, 97, 265, 101); line(271, 106, 271, 110); line(246, 103, 246, 107); line(246, 123, 246, 130); line(246, 152, 246, 159); line(245, 182, 245, 187); line(245, 213, 245, 220); line(272, 126, 272, 133); line(271, 154, 272, 161); line(270, 183, 271, 190); line(270, 215, 270, 222); // a beam fill(250); noStroke(); beginShape(); vertex(257, 95); vertex(262, 92); vertex(262, 96); vertex(258, 98); vertex(257, 97); endShape(); fill(179); quad(262, 92, 264, 93, 264, 96, 262, 96); fill(102); quad(262, 96, 258, 98, 261, 98, 264, 96); // paint noFill(); stroke(255); quad(243, 109, 243, 116, 246, 116, 246, 110); strokeWeight(1); quad(272, 113, 272, 119, 275, 119, 275, 114); fill(255); noStroke(); beginShape(); vertex(286, 124); bezierVertex(286, 126, 286, 130, 286, 130); vertex(283, 131); vertex(289, 131); vertex(289, 124); endShape(); beginShape(); vertex(250, 127); vertex(267, 127); vertex(267, 127); vertex(266, 126); vertex(270, 125); vertex(270, 126); vertex(268, 127); vertex(268, 129); vertex(251, 127); endShape(); var windowcolor = color(84, 84, 194); // windows fill(windowcolor); quad(234, 160, 240, 160, 240, 172, 234, 172); fill(0, 0, 0, 100); beginShape(); vertex(234, 159); vertex(241, 159); vertex(241, 172); vertex(240, 172); vertex(240, 160); vertex(234, 160); endShape(); fill(255); beginShape(); vertex(234, 159); vertex(235, 158); vertex(242, 158); vertex(242, 173); vertex(235, 173); vertex(234, 172); vertex(240, 172); vertex(241, 172); vertex(241, 159); endShape(); fill(windowcolor); quad(235, 130, 241, 130, 241, 143, 235, 143); fill(0, 0, 0, 128); beginShape(); vertex(235, 129); vertex(242, 129); vertex(242, 142); vertex(241, 143); vertex(241, 130); vertex(235, 130); endShape(); fill(255); beginShape(); vertex(235, 129); vertex(235, 128); vertex(243, 128); vertex(243, 144); vertex(236, 144); vertex(235, 143); vertex(241, 143); vertex(242, 142); vertex(242, 129); endShape(); fill(windowcolor); quad(275, 135, 281, 135, 280, 148, 275, 148); fill(0, 0, 0, 128); beginShape(); vertex(274, 134); vertex(282, 134); vertex(282, 147); vertex(280, 148); vertex(281, 135); vertex(275, 135); endShape(); fill(255); beginShape(); vertex(274, 134); vertex(275, 133); vertex(283, 133); vertex(283, 149); vertex(276, 149); vertex(275, 148); vertex(280, 148); vertex(282, 147); vertex(282, 134); endShape(); fill(windowcolor); quad(275, 163, 281, 163, 281, 176, 275, 176); fill(0, 0, 0, 128); beginShape(); vertex(275, 162); vertex(282, 162); vertex(282, 175); vertex(281, 176); vertex(281, 163); vertex(275, 163); endShape(); fill(255); beginShape(); vertex(275, 162); vertex(275, 161); vertex(283, 161); vertex(283, 177); vertex(276, 177); vertex(275, 176); vertex(281, 176); vertex(282, 175); vertex(282, 162); endShape(); fill(windowcolor); quad(233, 190, 239, 190, 239, 210, 233, 210); fill(0, 0, 0, 128); beginShape(); vertex(233, 188); vertex(240, 188); vertex(240, 210); vertex(239, 210); vertex(239, 190); vertex(233, 190); endShape(); fill(255); beginShape(); vertex(233, 188); vertex(234, 187); vertex(241, 187); vertex(241, 212); vertex(234, 212); vertex(233, 210); vertex(239, 210); vertex(240, 210); vertex(240, 188); endShape(); fill(windowcolor); quad(273, 194, 280, 195, 279, 213, 274, 213); fill(0, 0, 0, 128); beginShape(); vertex(273, 193); vertex(281, 193); vertex(280, 213); vertex(279, 213); vertex(280, 195); vertex(273, 194); endShape(); fill(255); beginShape(); vertex(273, 193); vertex(274, 191); vertex(282, 191); vertex(281, 215); vertex(275, 215); vertex(274, 213); vertex(279, 213); vertex(280, 213); vertex(281, 193); endShape(); fill(windowcolor); quad(234, 223, 240, 223, 239, 244, 234, 244); fill(0, 0, 0, 128); beginShape(); vertex(233, 221); vertex(241, 221); vertex(241, 243); vertex(239, 244); vertex(240, 223); vertex(234, 223); endShape(); fill(255); beginShape(); vertex(233, 221); vertex(234, 219); vertex(242, 219); vertex(242, 245); vertex(235, 246); vertex(234, 244); vertex(239, 244); vertex(241, 243); vertex(241, 221); endShape(); fill(windowcolor); quad(274, 225, 280, 225, 280, 244, 274, 244); fill(0, 0, 0, 128); beginShape(); vertex(274, 224); vertex(281, 224); vertex(281, 243); vertex(280, 244); vertex(280, 225); vertex(274, 225); endShape(); fill(255); beginShape(); vertex(274, 224); vertex(274, 222); vertex(282, 222); vertex(282, 245); vertex(275, 246); vertex(274, 244); vertex(280, 244); vertex(281, 243); vertex(281, 224); endShape(); fill(windowcolor); quad(232, 262, 238, 263, 237, 291, 232, 291); fill(0, 0, 0, 128); beginShape(); vertex(232, 260); vertex(239, 260); vertex(239, 290); vertex(237, 291); vertex(238, 263); vertex(232, 262); endShape(); fill(255); beginShape(); vertex(232, 260); vertex(232, 257); vertex(240, 258); vertex(240, 294); vertex(233, 294); vertex(232, 291); vertex(237, 291); vertex(239, 290); vertex(239, 260); endShape(); fill(windowcolor); quad(275, 263, 282, 264, 281, 291, 275, 291); fill(0, 0, 0, 128); beginShape(); vertex(274, 261); vertex(283, 261); vertex(283, 290); vertex(281, 291); vertex(282, 264); vertex(275, 263); endShape(); fill(255); beginShape(); vertex(274, 261); vertex(275, 259); vertex(284, 259); vertex(284, 293); vertex(276, 294); vertex(275, 291); vertex(281, 291); vertex(283, 290); vertex(283, 261); endShape(); fill(windowcolor); beginShape(); vertex(252, 155); bezierVertex(252, 155, 251, 135, 254, 134); bezierVertex(254, 134, 261, 129, 265, 140); vertex(265, 154); endShape(); fill(0, 0, 0, 77); beginShape(); vertex(255, 133); bezierVertex(255, 133, 262, 129, 264, 140); vertex(265, 154); vertex(252, 155); vertex(267, 156); vertex(266, 139); bezierVertex(266, 139, 263, 127, 255, 133); endShape(); fill(255); beginShape(); vertex(251, 149); bezierVertex(251, 149, 249, 134, 256, 131); bezierVertex(256, 131, 262, 128, 267, 136); vertex(268, 158); vertex(249, 157); vertex(253, 155); vertex(267, 156); vertex(267, 139); bezierVertex(267, 139, 263, 127, 255, 133); bezierVertex(255, 133, 252, 133, 251, 149); endShape(); fill(windowcolor); beginShape(); vertex(251, 184); bezierVertex(251, 184, 249, 166, 253, 165); bezierVertex(253, 165, 260, 161, 263, 171); vertex(264, 184); endShape(); fill(0, 0, 0, 77); beginShape(); vertex(254, 165); bezierVertex(254, 165, 261, 162, 263, 171); vertex(264, 183); vertex(251, 184); vertex(266, 185); vertex(265, 170); bezierVertex(265, 170, 262, 160, 254, 165); endShape(); fill(255); beginShape(); vertex(250, 179); bezierVertex(250, 179, 248, 166, 254, 163); bezierVertex(254, 163, 261, 160, 266, 168); vertex(267, 186); vertex(247, 186); vertex(251, 185); vertex(265, 184); vertex(266, 170); bezierVertex(266, 170, 262, 160, 253, 165); bezierVertex(253, 165, 250, 164, 250, 179); endShape(); fill(windowcolor); stroke(255); strokeWeight(1); beginShape(); vertex(250, 189); vertex(250, 211); vertex(266, 211); bezierVertex(266, 211, 266, 190, 266, 189); bezierVertex(265, 189, 250, 189, 250, 189); endShape(); noFill(); line(250, 205, 266, 205); fill(windowcolor); strokeWeight(1); beginShape(); vertex(249, 221); vertex(249, 245); vertex(265, 245); bezierVertex(265, 245, 266, 221, 265, 221); bezierVertex(265, 221, 249, 221, 249, 221); endShape(); strokeWeight(1); beginShape(); vertex(249, 259); vertex(249, 294); vertex(265, 294); bezierVertex(265, 294, 265, 259, 265, 259); bezierVertex(264, 259, 249, 259, 249, 259); endShape(); // door fill(71, 36, 25); noStroke(); quad(250, 303, 249, 336, 263, 336, 262, 302); noFill(); stroke(255); strokeWeight(1); beginShape(); vertex(249, 314); vertex(250, 302); vertex(263, 302); vertex(264, 324); endShape(); }; var building6 = function(){ var B6W1 = function(x,y){ pushMatrix(); translate(x,y); stroke(255); strokeWeight(1.3); fill(60, 76, 158); quad(299, 190, 299, 203, 305, 203, 305, 190); noFill(); stroke(180, 0, 0); strokeWeight(1); line(302, 191, 302, 202); line(300, 195, 304, 195); line(300, 191, 300, 202); line(304, 191, 304, 202); line(300, 191, 304, 191); line(300, 201, 304, 202); popMatrix(); }; var B6W2 = function(x,y){ pushMatrix(); translate(x,y); fill(60, 76, 158); stroke(255); strokeWeight(1.3); quad(313, 193, 321, 193, 321, 212, 314, 212); noFill(); line(314, 199, 321, 199); fill(180, 0, 0); noStroke(); quad(322, 193, 327, 190, 328, 214, 322, 211); quad(313, 193, 308, 190, 310, 214, 313, 212); popMatrix(); }; var B6W3 = function(x,y){ pushMatrix(); translate(x,y); fill(60, 76, 158); strokeWeight(2); stroke(255); quad(293, 216, 306, 216, 306, 231, 293, 231); noFill(); stroke(180, 0, 0); strokeWeight(1.4); quad(294, 217, 305, 217, 305, 230, 294, 230); line(300, 217, 299, 229); line(294, 221, 304, 221); line(295, 225, 304, 225); popMatrix(); }; // outline noStroke(); fill(109, 92, 84); beginShape(); vertex(287, 336); vertex(289, 190); vertex(312, 145); vertex(311, 138); vertex(320, 138); vertex(320, 149); vertex(340, 191); vertex(342, 335); endShape(); // roof fill(77, 84, 107); triangle(290, 155, 311, 148, 289, 190); // orange roof fill(212, 85, 0); triangle(321, 151, 341, 154, 340, 191); // paint fill(0, 0, 0, 51); quad(292, 192, 313, 148, 314, 149, 292, 201); quad(314, 139, 314, 147, 320, 149, 320, 138); // window fill(60, 76, 158); stroke(255); strokeWeight(1.7); quad(314, 170, 314, 183, 320, 183, 320, 170); noFill(); line(318, 175, 314, 175); B6W1(0,0); B6W1(32,1); B6W1(32,26); B6W1(32,55); B6W2(0,0); B6W2(0,30); B6W2(0,60); B6W3(0,0); B6W3(0,29); strokeWeight(2); stroke(255,150); beginShape(); vertex(295, 324); vertex(295, 302); vertex(305, 302); vertex(305, 319); endShape(); beginShape(); vertex(309, 316); vertex(309, 306); bezierVertex(309, 306, 314, 298, 319, 306); endShape(); beginShape(); vertex(325, 308); vertex(326, 302); vertex(334, 302); vertex(334, 326); endShape(); }; var distantChurch = function(){ fill(90); noStroke(); beginShape(); vertex(444, 117); vertex(445, 100); vertex(446, 99); vertex(448, 109); vertex(450, 108); vertex(449, 102); vertex(452, 102); vertex(452, 104); vertex(454, 103); vertex(471, 102); vertex(471, 88); vertex(470, 88); vertex(470, 102); vertex(468, 102); vertex(467, 87); vertex(466, 87); vertex(466, 103); vertex(464, 103); vertex(464, 89); vertex(462, 90); vertex(462, 103); vertex(459, 103); vertex(459, 90); vertex(457, 90); vertex(457, 103); vertex(455, 103); vertex(455, 90); vertex(453, 89); vertex(452, 102); vertex(449, 102); vertex(449, 84); vertex(454, 75); bezierVertex(454, 75, 451, 70, 453, 65); vertex(455, 62); vertex(456, 46); vertex(458, 44); vertex(458, 34); bezierVertex(458, 34, 456, 30, 460, 27); vertex(460, 20); vertex(461, 20); vertex(461, 28); bezierVertex(461, 28, 463, 30, 462, 35); vertex(462, 44); vertex(466, 47); vertex(467, 61); bezierVertex(467, 61, 472, 69, 468, 75); vertex(467, 77); vertex(473, 85); vertex(473, 114); vertex(477, 113); vertex(477, 100); vertex(479, 99); vertex(482, 138); endShape(); }; var building7 = function(){ var B7W1 = function(x,y){ pushMatrix(); translate(x,y); fill(68, 68, 179); strokeWeight(2); stroke(250); quad(558, 233, 585, 233, 586, 246, 558, 246); line(564, 233, 564, 245); line(572, 233, 572, 246); line(579, 233, 579, 246); line(558, 239, 586, 239); popMatrix(); }; // outline fill(62); beginShape(); vertex(516, 171); vertex(515, 163); vertex(529, 162); vertex(539, 168); vertex(539, 164); vertex(555, 163); vertex(559, 156); vertex(587, 155); vertex(600, 144); vertex(600, 340); vertex(542, 338); vertex(541, 189); vertex(545, 189); vertex(528, 179); vertex(528, 175); vertex(523, 175); endShape(); // side of sub-building (yellow) fill(225, 193, 53); quad(541, 222, 554, 216, 556, 339, 542, 338); // front fill(101, 105, 116); quad(554, 216, 596, 215, 593, 339, 556, 339); // paint on main fill(255, 255, 255, 28); quad(515, 163, 529, 162, 530, 179, 515, 171); beginShape(); vertex(557, 160); vertex(542, 187); vertex(547, 190); vertex(593, 190); vertex(593, 188); vertex(572, 189); vertex(591, 186); vertex(564, 186); vertex(568, 175); vertex(565, 179); vertex(566, 174); vertex(560, 186); vertex(558, 186); vertex(563, 176); bezierVertex(563, 176, 563, 170, 563, 170); bezierVertex(563, 169, 566, 160, 566, 160); vertex(564, 162); vertex(566, 157); vertex(560, 168); vertex(563, 159); vertex(547, 186); vertex(546, 186); vertex(559, 164); vertex(557, 166); vertex(558, 163); vertex(556, 165); endShape(); // more paint fill(245, 232, 166, 80); quad(541, 189, 600, 188, 600, 199, 542, 201); // das fenster fill(0, 0, 255); stroke(255); quad(568, 166, 568, 179, 577, 177, 577, 165); noFill(); line(572, 165, 572, 178); // farbe auf untergebäude fill(0, 0, 128, 51); noStroke(); beginShape(); vertex(596, 217); bezierVertex(592, 217, 556, 218, 556, 218); vertex(578, 218); vertex(556, 219); vertex(556, 221); vertex(578, 222); vertex(556, 223); vertex(596, 224); endShape(); // fenster zeichnen B7W1(0,0); B7W1(1,20); B7W1(1,40); }; var building8 = function(){ var B8W1 = function(x,y){ pushMatrix(); translate(x,y); fill(61, 61, 179); stroke(255); strokeWeight(1.5); quad(525, 199, 531, 199, 531, 214, 525, 213); popMatrix(); }; // dach noStroke(); fill(104, 104, 154); quad(507, 170, 513, 170, 545, 189, 507, 187); // vorderseite fill(201, 186, 103); quad(509, 187, 507, 339, 542, 339, 541, 189); // fenster zeichnen B8W1(0,0); B8W1(1,28); B8W1(1,54); // farbe strokeWeight(2); noFill(); stroke(255, 255, 255, 130); beginShape(); vertex(508, 194); vertex(515, 195); vertex(514, 279); endShape(); beginShape(); vertex(534, 229); vertex(534, 195); vertex(522, 194); vertex(523, 252); endShape(); stroke(255); line(517, 215, 538, 217); line(520, 223, 539, 224); // fenster seite fill(255); noStroke(); beginShape(); vertex(513, 175); vertex(528, 175); vertex(528, 186); vertex(527, 186); vertex(526, 177); vertex(521, 177); vertex(521, 185); vertex(520, 185); vertex(513, 178); endShape(); // fenster auf dach fill(0, 0, 130); quad(521, 186, 527, 186, 526, 177, 521, 176); }; var RoadShadows = function(){ noStroke(); fill(181, 193, 255); rect(0, 333, 600, 30); fill(126, 134, 166); rect(0, 333, 600, 17); ellipse(47, 355, 50, 7); ellipse(177, 353, 80, 7); }; var YellowCar = function(x, y) { var CarColor = color(255, 213, 0); pushMatrix(); translate(x,y); // body fill(CarColor); noStroke(); beginShape(); vertex(32, 334); bezierVertex(32, 334, 34, 331, 49, 330); bezierVertex(49, 330, 56, 322, 71, 321); bezierVertex(71, 321, 84, 321, 90, 328); bezierVertex(90, 328, 96, 329, 97, 334); vertex(85, 346); vertex(49, 347); bezierVertex(49, 347, 49, 338, 39, 337); bezierVertex(39, 337, 32, 338, 32, 348); bezierVertex(32, 348, 24, 348, 28, 343); bezierVertex(28, 343, 26, 341, 28, 340); bezierVertex(28, 340, 37, 335, 32, 334); endShape(); // head light fill(63, 212, 212); beginShape(); vertex(32, 334); bezierVertex(32, 334, 26, 335, 29, 339); bezierVertex(29, 339, 36, 335, 32, 334); endShape(); // side window fill(0, 0, 128); beginShape(); vertex(55, 329); bezierVertex(55, 329, 69, 318, 85, 325); vertex(82, 329); vertex(56, 330); endShape(); // fron tire fill(45, 46, 57); ellipse(41, 344, 15, 15); fill(128, 128, 128); ellipse(41, 344, 8, 8); // line dividing the window stroke(CarColor); strokeWeight(2); line(71, 323, 70, 330); // light shading fill(255, 255, 255, 100); noStroke(); beginShape(); vertex(60, 325); bezierVertex(60, 325, 52, 327, 49, 330); bezierVertex(49, 330, 38, 331, 33, 334); vertex(42, 334); bezierVertex(42, 334, 44, 336, 50, 335); vertex(79, 335); bezierVertex(79, 335, 78, 330, 67, 332); bezierVertex(67, 332, 55, 331, 51, 333); bezierVertex(51, 333, 52, 329, 60, 325); endShape(); // dark shading fill(0, 0, 0, 30); beginShape(); vertex(32, 345); bezierVertex(32, 345, 30, 339, 36, 336); bezierVertex(36, 336, 42, 332, 47, 339); bezierVertex(47, 339, 49, 341, 50, 343); vertex(66, 342); vertex(69, 331); vertex(70, 331); vertex(67, 342); vertex(76, 342); vertex(75, 347); vertex(50, 347); bezierVertex(50, 347, 48, 339, 42, 337); bezierVertex(42, 337, 34, 335, 32, 345); endShape(); // mirror fill(CarColor); beginShape(); vertex(55, 330); bezierVertex(55, 330, 57, 327, 60, 328); bezierVertex(60, 328, 61, 329, 59, 330); endShape(); popMatrix(); }; var BlueCar = function(x, y) { var Car2Color = color(77, 122, 199); pushMatrix(); translate(x,y); // body fill(Car2Color); beginShape(); vertex(140, 332); bezierVertex(140, 332, 146, 329, 160, 328); bezierVertex(160, 328, 169, 323, 177, 320); vertex(195, 320); bezierVertex(195, 320, 199, 321, 204, 325); bezierVertex(204, 325, 220, 328, 221, 332); vertex(221, 334); bezierVertex(221, 334, 223, 337, 222, 340); vertex(211, 339); bezierVertex(211, 339, 206, 333, 203, 338); bezierVertex(202, 338, 199, 341, 201, 346); vertex(154, 346); bezierVertex(154, 346, 158, 340, 151, 336); bezierVertex(151, 336, 141, 332, 141, 346); bezierVertex(141, 346, 134, 347, 133, 345); bezierVertex(133, 345, 132, 341, 133, 341); bezierVertex(133, 341, 132, 338, 136, 336); bezierVertex(136, 336, 140, 338, 141, 334); bezierVertex(141, 334, 141, 333, 140, 332); endShape(); // headlight fill(255); beginShape(); vertex(136, 336); bezierVertex(136, 336, 137, 333, 140, 332); bezierVertex(140, 332, 142, 333, 140, 336); bezierVertex(140, 336, 139, 337, 136, 336); endShape(); // side window fill(40, 40, 128); beginShape(); vertex(177, 321); bezierVertex(177, 321, 191, 321, 197, 323); bezierVertex(197, 323, 198, 329, 193, 329); bezierVertex(193, 329, 179, 330, 169, 329); bezierVertex(169, 329, 171, 324, 177, 321); endShape(); // window divider fill(80); beginShape(); vertex(176, 322); vertex(189, 323); vertex(187, 329); vertex(190, 329); vertex(191, 322); bezierVertex(191, 322, 194, 322, 193, 322); bezierVertex(193, 322, 185, 321, 177, 321); endShape(); fill(255, 255, 255, 50); beginShape(); vertex(135, 340); vertex(140, 340); bezierVertex(140, 340, 140, 333, 149, 333); bezierVertex(149, 333, 159, 333, 162, 330); bezierVertex(162, 330, 167, 324, 177, 320); vertex(161, 328); bezierVertex(161, 328, 145, 329, 141, 332); bezierVertex(141, 332, 143, 336, 137, 336); bezierVertex(137, 336, 135, 339, 135, 340); endShape(); fill(0, 0, 0, 80); beginShape(); vertex(135, 340); vertex(134, 341); vertex(139, 342); vertex(139, 344); vertex(133, 344); vertex(133, 345); bezierVertex(133, 345, 138, 346, 141, 346); bezierVertex(141, 346, 141, 339, 144, 336); bezierVertex(144, 336, 147, 333, 152, 337); bezierVertex(152, 337, 157, 340, 155, 346); vertex(201, 346); bezierVertex(201, 346, 199, 340, 203, 337); bezierVertex(203, 337, 207, 333, 211, 339); vertex(213, 339); bezierVertex(213, 339, 213, 334, 206, 333); bezierVertex(206, 333, 198, 333, 197, 344); vertex(157, 344); bezierVertex(157, 344, 159, 337, 151, 334); bezierVertex(151, 334, 144, 331, 139, 340); endShape(); // door handle fill(51); quad(184, 332, 186, 332, 187, 333, 184, 333); // tail light fill(255, 0, 0); beginShape(); vertex(220, 331); bezierVertex(220, 331, 218, 330, 218, 333); bezierVertex(218, 333, 218, 335, 221, 334); bezierVertex(221, 334, 222, 331, 220, 331); endShape(); // tires fill(46, 46, 56, 247); ellipse(206, 343, 0, 0); fill(128, 128, 128, 247); ellipse(206, 343, 10, 11); fill(51, 51, 51, 247); ellipse(148, 343, 15, 16); fill(128, 128, 128, 247); ellipse(148, 343, 10, 11); popMatrix(); }; var bigBuilding = function(){ var BBW1 = function(x,y){ pushMatrix(); translate(x,y); fill(60, 76, 158); stroke(255); strokeWeight(1.4); quad(352, 178, 359, 176, 360, 195, 352, 196); line(356, 177, 356, 195); line(352, 185, 359, 184); popMatrix(); }; var BBW2 = function(x,y){ pushMatrix(); translate(x,y); stroke(255); strokeWeight(1.4); fill(60, 76, 158); beginShape(); vertex(376, 221); vertex(376, 231); vertex(383, 230); vertex(382, 218); vertex(376, 218); endShape(); noFill(); line(379, 218, 379, 230); line(376, 223, 382, 223); // shader thing fill(101, 135, 84); noStroke(); beginShape(); vertex(384, 210); vertex(374, 210); bezierVertex(374, 210, 370, 213, 369, 220); vertex(383, 220); endShape(); fill(0, 0, 0, 50); beginShape(); vertex(384, 210); bezierVertex(384, 210, 379, 210, 379, 220); vertex(384, 220); endShape(); popMatrix(); }; var BBW3 = function(x,y){ pushMatrix(); translate(x,y); strokeWeight(1.4); fill(91, 108, 191); stroke(255); quad(409, 178, 409, 190, 417, 191, 418, 177); noFill(); line(413, 177, 413, 189); line(409, 185, 415, 185); // shader thingy fill(57, 83, 44); noStroke(); beginShape(); vertex(407, 169); vertex(422, 172); bezierVertex(422, 172, 425, 176, 424, 181); vertex(411, 181); vertex(407, 180); endShape(); fill(92, 123, 76); beginShape(); vertex(407, 169); bezierVertex(407, 169, 412, 172, 412, 181); vertex(407, 180); endShape(); popMatrix(); }; var BBW4 = function(x,y){ pushMatrix(); translate(x,y); strokeWeight(1.3); fill(64, 83, 166); stroke(255); quad(472, 268, 472, 282, 483, 281, 483, 267); line(476, 268, 476, 281); line(479, 267, 479, 280); line(472, 275, 482, 275); popMatrix(); }; // outline fill(215, 204, 140); noStroke(); beginShape(); vertex(341, 169); vertex(396, 158); vertex(509, 174); vertex(514, 339); vertex(378, 341); vertex(339, 318); vertex(338, 170); endShape(); // shading fill(0, 0, 0, 77); quad(396, 158, 395, 340, 514, 339, 509, 174); BBW1(0,0); BBW1(24,-4); BBW2(0,0); BBW2(-25,2); BBW2(0,34); BBW2(-25,36); BBW2(0,64); BBW2(-25,66); for(var i = -1; i < 100; i += 21){ BBW3(i,i/8); BBW3(i,35+i/9); } BBW4(-26,0); BBW4(-3,0); BBW4(20,0); // big whats it called? thing on side of building for shade fill(57, 84, 44); noStroke(); beginShape(); vertex(402, 238); vertex(499, 245); bezierVertex(499, 245, 509, 245, 513, 268); bezierVertex(514, 269, 513, 271, 513, 271); vertex(425, 268); vertex(403, 266); endShape(); fill(81, 109, 67); beginShape(); vertex(402, 238); bezierVertex(402, 238, 420, 239, 423, 255); bezierVertex(423, 255, 425, 264, 425, 268); vertex(403, 266); endShape(); // layer between roof and main structure fill(238, 241, 207); beginShape(); vertex(339, 170); vertex(339, 159); vertex(334, 159); vertex(334, 157); bezierVertex(334, 157, 360, 149, 396, 142); bezierVertex(396, 142, 449, 149, 509, 161); bezierVertex(509, 161, 516, 165, 509, 168); bezierVertex(509, 168, 506, 168, 508, 170); vertex(509, 174); vertex(396, 158); endShape(); // shading fill(0, 0, 0, 28); beginShape(); vertex(339, 159); vertex(396, 145); vertex(512, 166); vertex(507, 169); vertex(398, 149); vertex(398, 158); vertex(396, 158); vertex(394, 158); vertex(394, 151); vertex(390, 152); vertex(390, 158); vertex(388, 153); vertex(388, 158); vertex(387, 158); vertex(386, 152); vertex(346, 161); vertex(346, 167); vertex(346, 165); vertex(346, 168); vertex(344, 168); vertex(344, 161); vertex(339, 163); endShape(); // ze roof fill(73, 73, 113); beginShape(); vertex(338, 156); vertex(388, 108); vertex(388, 97); vertex(387, 95); vertex(384, 95); vertex(384, 93); vertex(395, 89); vertex(404, 91); vertex(404, 93); vertex(403, 94); vertex(403, 95); vertex(402, 96); vertex(402, 106); vertex(404, 106); vertex(404, 108); vertex(461, 120); vertex(508, 160); bezierVertex(508, 160, 420, 145, 396, 142); bezierVertex(396, 142, 350, 151, 338, 156); endShape(); // shading fill(0, 0, 0, 77); beginShape(); vertex(404, 91); vertex(404, 93); vertex(404, 93); vertex(395, 92); vertex(394, 95); vertex(388, 97); vertex(386, 95); vertex(395, 91); vertex(395, 89); endShape(); beginShape(); vertex(394, 94); vertex(402, 96); vertex(402, 106); vertex(404, 106); vertex(404, 108); vertex(461, 120); vertex(508, 160); bezierVertex(508, 160, 417, 144, 396, 142); endShape(); // roof window outline fill(242, 234, 203); beginShape(); vertex(430, 128); vertex(442, 126); vertex(466, 131); vertex(466, 134); vertex(465, 134); vertex(465, 151); vertex(442, 148); vertex(442, 129); vertex(431, 131); endShape(); // side fill(255, 255, 255, 30); triangle(431, 132, 442, 147, 442, 129); // three window parts fill(56, 56, 255); quad(443, 130, 443, 146, 449, 147, 449, 131); noFill(); stroke(242, 234, 203); line(446, 131, 446, 146); line(443, 137, 449, 138); line(443, 142, 449, 143); fill(56, 56, 255); noStroke(); quad(450, 131, 450, 148, 456, 148, 457, 133); noFill(); stroke(242, 234, 203); line(454, 132, 453, 148); line(450, 138, 457, 139); line(450, 143, 456, 144); fill(56, 56, 255); noStroke(); quad(458, 133, 458, 148, 464, 149, 464, 134); noFill(); stroke(242, 234, 203); strokeWeight(1); line(461, 133, 461, 149); line(458, 139, 464, 140); line(458, 144, 464, 145); fill(255, 255, 255, 26); // shading noStroke(); fill(0,30); beginShape(); vertex(442, 126); vertex(442, 147); vertex(465, 151); vertex(465, 134); vertex(466, 134); vertex(465, 131); endShape(); }; var WaterUnderCafe = function(){ noStroke(); fill(106, 138, 176); rect(0, 363, 600, 137); fill(51, 79, 133, 170); beginShape(); vertex(263, 403); vertex(600, 463); vertex(600, 500); vertex(550, 500); vertex(170, 410); endShape(); fill(51, 79, 133, 150); beginShape(); vertex(227, 397); vertex(600, 463); vertex(600, 500); vertex(490, 500); vertex(110, 407); endShape(); fill(51, 79, 133, 130); beginShape(); vertex(205, 393); vertex(600, 463); vertex(600, 500); vertex(430, 500); vertex(110, 407); endShape(); }; var Cafe = function(){ // boxes fill(168, 132, 132); noStroke(); quad(296, 310, 367, 311, 365, 344, 297, 344); fill(160, 90, 44); quad(367, 303, 410, 301, 409, 346, 365, 344); fill(77); quad(410, 291, 446, 293, 448, 349, 409, 346); fill(142, 114, 114); beginShape(); vertex(434, 281); vertex(506, 287); vertex(507, 347); vertex(448, 349); vertex(446, 293); vertex(433, 292); endShape(); // café supports fill(61, 89, 72); rect(197, 387, 5, 25); rect(225, 395, 17, 20); rect(330, 413, 13, 30); beginShape(); vertex(485, 440); vertex(507, 445); vertex(507, 467); vertex(503, 467); vertex(497, 463); vertex(497, 467); vertex(485, 470); endShape(); fill(112, 133, 112); quad(343, 435, 343, 443, 330, 443, 330, 430); quad(343, 433, 343, 434, 330, 428, 330, 427); quad(507, 447, 507, 445, 485, 440, 485, 443); beginShape(); vertex(485, 457); vertex(507, 463); vertex(507, 467); vertex(503, 467); vertex(497, 463); vertex(497, 467); vertex(485, 470); endShape(); // café floor noStroke(); fill(103, 130, 184); quad(187, 371, 600, 350, 601, 444, 186, 375); fill(100); quad(185, 375, 185, 389, 600, 462, 602, 444); // café plants fill(48, 143, 15); beginShape(); vertex(263, 346); bezierVertex(263, 346, 266, 338, 272, 335); vertex(280, 359); vertex(274, 331); bezierVertex(274, 331, 282, 324, 286, 322); vertex(292, 352); vertex(290, 319); bezierVertex(290, 319, 298, 316, 302, 315); vertex(304, 352); vertex(306, 353); vertex(307, 313); bezierVertex(307, 313, 319, 310, 325, 312); vertex(322, 354); vertex(331, 312); bezierVertex(331, 312, 342, 314, 346, 318); vertex(341, 334); vertex(347, 318); bezierVertex(347, 318, 359, 323, 362, 331); vertex(353, 350); bezierVertex(353, 350, 362, 337, 365, 336); bezierVertex(365, 336, 373, 348, 369, 361); vertex(264, 361); bezierVertex(264, 361, 261, 350, 263, 346); endShape(); fill(62, 180, 18); beginShape(); vertex(205, 353); bezierVertex(205, 353, 207, 349, 211, 347); vertex(216, 359); vertex(212, 345); bezierVertex(212, 345, 217, 342, 220, 341); vertex(224, 356); vertex(222, 339); bezierVertex(222, 339, 227, 338, 230, 337); vertex(231, 356); vertex(233, 356); vertex(233, 336); bezierVertex(233, 336, 240, 335, 245, 336); vertex(242, 357); vertex(248, 336); bezierVertex(248, 336, 255, 337, 258, 339); vertex(254, 347); vertex(259, 339); bezierVertex(259, 339, 266, 341, 268, 345); vertex(262, 354); bezierVertex(262, 354, 268, 348, 270, 348); bezierVertex(270, 348, 275, 354, 273, 360); vertex(206, 360); bezierVertex(206, 360, 204, 355, 205, 353); endShape(); fill(30, 104, 12); beginShape(); vertex(349, 346); bezierVertex(349, 346, 352, 338, 357, 334); vertex(364, 360); vertex(359, 331); bezierVertex(359, 331, 367, 323, 371, 321); vertex(376, 352); vertex(375, 318); bezierVertex(375, 318, 382, 315, 386, 314); vertex(388, 352); vertex(390, 353); vertex(391, 312); bezierVertex(391, 312, 402, 309, 408, 311); vertex(405, 354); vertex(413, 311); bezierVertex(413, 311, 425, 313, 428, 317); vertex(423, 333); vertex(429, 317); bezierVertex(429, 317, 440, 322, 443, 330); vertex(435, 350); bezierVertex(435, 350, 444, 337, 447, 335); bezierVertex(447, 335, 454, 348, 451, 362); vertex(350, 361); bezierVertex(350, 361, 346, 350, 349, 346); endShape(); fill(25, 79, 14); beginShape(); vertex(432, 350); bezierVertex(432, 350, 435, 343, 439, 340); vertex(444, 361); vertex(440, 337); bezierVertex(440, 337, 446, 330, 449, 329); vertex(453, 355); vertex(452, 326); bezierVertex(452, 326, 458, 323, 460, 323); vertex(462, 355); vertex(464, 355); vertex(465, 321); bezierVertex(465, 321, 473, 319, 478, 320); vertex(475, 356); vertex(481, 321); bezierVertex(481, 321, 490, 322, 493, 325); vertex(489, 339); vertex(494, 326); bezierVertex(494, 326, 502, 330, 504, 337); vertex(498, 353); bezierVertex(498, 353, 505, 342, 507, 341); bezierVertex(507, 341, 512, 352, 510, 363); vertex(433, 362); bezierVertex(433, 362, 430, 353, 432, 350); endShape(); fill(38, 103, 10); beginShape(); vertex(500, 349); bezierVertex(500, 349, 503, 338, 510, 333); vertex(519, 366); vertex(512, 328); bezierVertex(512, 328, 522, 318, 526, 316); vertex(534, 356); vertex(531, 312); bezierVertex(531, 312, 541, 308, 545, 307); vertex(548, 356); vertex(551, 357); vertex(552, 305); bezierVertex(552, 305, 565, 301, 573, 303); vertex(569, 359); vertex(580, 303); bezierVertex(580, 303, 593, 306, 598, 311); vertex(591, 332); vertex(599, 311); bezierVertex(599, 311, 613, 317, 616, 328); vertex(607, 353); bezierVertex(607, 353, 617, 336, 621, 334); bezierVertex(621, 334, 623, 363, 619, 381); vertex(501, 367); bezierVertex(501, 367, 496, 353, 500, 349); endShape(); // plants base noStroke(); fill(153, 83, 46); beginShape(); vertex(204, 359); vertex(202, 372); vertex(323, 370); vertex(367, 367); vertex(471, 371); vertex(602, 391); vertex(601, 376); vertex(434, 359); vertex(366, 363); vertex(365, 361); endShape(); // umbrella poles & tables+chairs noFill(); stroke(255); strokeWeight(3); line(322, 278, 323, 374); fill(255); noStroke(); beginShape(); vertex(297, 335); vertex(296, 374); vertex(298, 374); vertex(300, 355); bezierVertex(300, 355, 307, 353, 314, 357); bezierVertex(314, 357, 309, 351, 300, 353); vertex(299, 334); endShape(); beginShape(); vertex(306, 342); bezierVertex(306, 342, 337, 339, 353, 342); bezierVertex(353, 342, 355, 346, 341, 346); endShape(); noFill(); stroke(255); line(395, 284, 396, 370); fill(255); noStroke(); beginShape(); vertex(364, 336); vertex(364, 376); vertex(367, 376); vertex(368, 357); bezierVertex(368, 357, 400, 362, 410, 360); vertex(409, 383); vertex(411, 384); vertex(413, 374); vertex(419, 376); vertex(418, 384); vertex(421, 384); bezierVertex(421, 384, 426, 350, 421, 344); bezierVertex(421, 344, 416, 343, 412, 352); vertex(367, 348); bezierVertex(367, 348, 369, 335, 364, 336); endShape(); beginShape(); vertex(434, 357); vertex(435, 397); vertex(438, 397); vertex(439, 383); vertex(446, 385); vertex(448, 396); vertex(450, 395); vertex(450, 377); vertex(447, 377); vertex(439, 378); vertex(438, 355); endShape(); beginShape(); vertex(482, 379); bezierVertex(483, 383, 483, 397, 483, 397); bezierVertex(483, 397, 486, 398, 486, 396); bezierVertex(486, 394, 486, 385, 486, 385); vertex(489, 384); vertex(488, 397); vertex(491, 396); vertex(492, 385); vertex(497, 383); vertex(495, 397); vertex(500, 395); bezierVertex(500, 395, 505, 359, 502, 350); bezierVertex(502, 350, 493, 346, 492, 364); vertex(489, 379); endShape(); beginShape(); vertex(437, 367); bezierVertex(437, 367, 447, 380, 498, 370); bezierVertex(498, 370, 505, 365, 488, 363); bezierVertex(488, 363, 457, 360, 439, 363); bezierVertex(439, 363, 436, 364, 437, 367); endShape(); noFill(); stroke(255); line(538, 289, 540, 390); // umbrella 1 fill(54, 83, 213); noStroke(); beginShape(); vertex(285, 288); vertex(285, 296); vertex(352, 293); vertex(344, 280); vertex(320, 272); endShape(); fill(255, 255, 255, 51); quad(325, 274, 313, 289, 285, 288, 320, 273); fill(0, 0, 0, 51); beginShape(); vertex(325, 274); vertex(338, 290); vertex(285, 291); vertex(285, 296); vertex(352, 293); vertex(344, 280); endShape(); // umbrella 2 fill(53, 79, 212); beginShape(); vertex(393, 285); bezierVertex(393, 285, 393, 290, 386, 290); vertex(340, 293); bezierVertex(340, 293, 334, 291, 335, 286); bezierVertex(335, 286, 336, 281, 342, 279); vertex(393, 254); vertex(454, 275); bezierVertex(454, 275, 461, 283, 453, 285); vertex(442, 286); bezierVertex(442, 286, 438, 285, 437, 283); bezierVertex(437, 283, 437, 286, 431, 286); vertex(397, 289); bezierVertex(397, 289, 394, 289, 393, 285); endShape(); fill(255, 255, 255, 51); beginShape(); vertex(397, 256); vertex(386, 284); vertex(336, 284); bezierVertex(336, 284, 338, 280, 348, 277); vertex(393, 254); endShape(); fill(0, 0, 0, 51); beginShape(); vertex(397, 256); vertex(434, 277); vertex(386, 284); vertex(336, 284); bezierVertex(336, 284, 332, 289, 340, 293); vertex(386, 290); bezierVertex(386, 290, 391, 291, 393, 285); bezierVertex(393, 285, 394, 289, 397, 289); vertex(434, 286); bezierVertex(434, 286, 437, 283, 437, 283); bezierVertex(437, 283, 442, 286, 442, 286); vertex(453, 285); bezierVertex(453, 285, 460, 283, 454, 275); endShape(); // umbrella 3 fill(53, 79, 212); beginShape(); vertex(491, 281); bezierVertex(496, 279, 543, 261, 543, 261); vertex(590, 282); bezierVertex(590, 282, 591, 289, 590, 292); vertex(576, 293); bezierVertex(576, 293, 574, 292, 574, 289); vertex(571, 294); vertex(542, 294); bezierVertex(542, 294, 539, 295, 539, 291); bezierVertex(539, 291, 538, 295, 535, 295); vertex(494, 295); bezierVertex(494, 295, 488, 288, 491, 281); endShape(); fill(255, 255, 255, 51); quad(491, 282, 525, 284, 545, 267, 543, 261); fill(0, 0, 0, 51); beginShape(); vertex(543, 261); vertex(566, 287); vertex(491, 288); vertex(494, 295); vertex(535, 295); bezierVertex(535, 295, 538, 293, 539, 291); vertex(541, 294); vertex(571, 294); vertex(574, 289); bezierVertex(574, 289, 574, 292, 576, 293); vertex(590, 292); bezierVertex(590, 292, 591, 286, 590, 282); endShape(); // light poles noFill(); stroke(255, 204, 0); strokeWeight(3); beginShape(); vertex(202, 370); vertex(204, 234); vertex(192, 235); endShape(); beginShape(); vertex(486, 190); vertex(498, 191); vertex(500, 408); endShape(); // light line stroke(255); strokeWeight(1); beginShape(); vertex(192, 236); vertex(199, 236); bezierVertex(199, 236, 224, 266, 303, 260); bezierVertex(303, 260, 372, 257, 431, 226); bezierVertex(431, 226, 479, 204, 497, 200); endShape(); // the lights... ik it's really inefficient xD fill(255, 255, 255); noStroke(); ellipse(210, 248, 4, 4); ellipse(215, 251, 4, 4); ellipse(222, 253, 4, 4); ellipse(229, 256, 4, 4); ellipse(236, 258, 4, 4); ellipse(243, 260, 4, 4); ellipse(250, 262, 4, 4); ellipse(256, 263, 4, 4); ellipse(265, 264, 4, 4); ellipse(271, 264, 4, 4); ellipse(280, 265, 4, 4); ellipse(288, 266, 4, 4); ellipse(294, 266, 4, 4); ellipse(303, 265, 4, 4); ellipse(311, 264, 4, 4); ellipse(320, 263, 4, 4); ellipse(328, 262, 4, 4); ellipse(337, 261, 4, 4); ellipse(346, 260, 4, 4); ellipse(354, 258, 4, 4); ellipse(362, 255, 4, 4); ellipse(372, 253, 4, 4); ellipse(380, 250, 4, 4); ellipse(387, 247, 3, 3); ellipse(395, 244, 4, 4); ellipse(403, 242, 4, 4); ellipse(410, 239, 4, 4); ellipse(418, 235, 3, 3); ellipse(426, 231, 4, 4); ellipse(434, 227, 4, 4); ellipse(442, 224, 4, 4); ellipse(449, 222, 3, 3); ellipse(456, 219, 4, 4); ellipse(465, 215, 4, 4); ellipse(472, 212, 3, 3); ellipse(479, 209, 4, 4); ellipse(485, 206, 4, 4); ellipse(491, 204, 4, 4); //bicycles stroke(43, 72, 89); strokeWeight(2); noFill(); ellipse(265, 365, 15, 25); ellipse(295, 365, 15, 25); ellipse(320, 373, 17, 27); ellipse(347, 375, 17, 27); strokeWeight(1); line(263, 353, 265, 360); line(260, 355, 265, 363); line(257, 360, 265, 365); line(257, 367, 265, 367); line(258, 373, 265, 368); line(260, 375, 265, 370); line(262, 377, 265, 373); line(295, 365, 293, 353); line(295, 365, 297, 353); line(295, 365, 300, 355); line(295, 365, 303, 363); line(295, 365, 303, 370); line(295, 365, 300, 373); line(295, 365, 297, 377); line(295, 365, 293, 377); line(295, 365, 290, 373); line(295, 365, 287, 367); line(295, 365, 287, 360); line(295, 365, 290, 355); line(317, 370, 325, 363); line(317, 373, 327, 367); line(317, 373, 328, 375); line(317, 377, 327, 383); line(317, 380, 323, 385); line(353, 375, 345, 375); line(353, 383, 345, 375); line(347, 387, 345, 375); line(342, 385, 345, 375); line(340, 380, 345, 375); line(340, 377, 345, 375); line(340, 370, 345, 375); line(343, 365, 345, 375); line(345, 363, 345, 375); line(350, 363, 345, 375); line(353, 365, 345, 375); line(353, 370, 345, 375); noStroke(); fill(43, 72, 89); rect(265, 347, 7, 5); rect(293, 340, 2, 13); rect(280, 340, 20, 2); rect(298, 337, 2, 3); rect(280, 338, 2, 2); stroke(43, 72, 89); strokeWeight(3); noFill(); arc(297, 360, 15, 17, 180, 360); strokeWeight(2); line(285, 365, 290, 360); line(323, 360, 330, 365); line(337, 373, 330, 365); strokeWeight(4); line(350, 357, 340, 363); strokeWeight(1); line(330, 380, 340, 363); // fence on the café noStroke(); fill(148, 78, 34); noStroke(); beginShape(); vertex(195, 379); vertex(195, 344); vertex(213, 345); vertex(213, 384); vertex(220, 385); vertex(220, 346); vertex(243, 347); vertex(242, 389); vertex(250, 390); vertex(251, 347); vertex(272, 348); vertex(272, 359); vertex(279, 358); vertex(279, 349); vertex(310, 350); vertex(309, 398); vertex(317, 400); vertex(318, 351); vertex(351, 353); vertex(350, 405); vertex(356, 405); vertex(359, 353); vertex(401, 357); vertex(401, 414); vertex(410, 414); vertex(408, 357); vertex(456, 362); vertex(455, 420); vertex(462, 422); vertex(463, 362); vertex(520, 366); vertex(518, 432); vertex(528, 434); vertex(527, 366); vertex(599, 373); vertex(600, 446); vertex(609, 445); vertex(602, 361); vertex(191, 336); vertex(189, 338); vertex(189, 379); endShape(); // shading fill(0, 0, 0, 60); beginShape(); vertex(193, 379); vertex(193, 340); vertex(214, 343); vertex(213, 345); vertex(196, 344); vertex(195, 379); endShape(); beginShape(); vertex(217, 343); vertex(217, 384); vertex(220, 385); vertex(220, 346); vertex(243, 347); vertex(241, 344); endShape(); beginShape(); vertex(248, 345); vertex(247, 389); vertex(250, 390); vertex(251, 347); vertex(272, 348); vertex(272, 344); endShape(); beginShape(); vertex(275, 349); vertex(275, 359); vertex(279, 358); vertex(279, 349); vertex(310, 350); vertex(307, 347); vertex(279, 346); endShape(); beginShape(); vertex(315, 347); vertex(314, 399); vertex(317, 400); vertex(318, 351); vertex(351, 353); vertex(350, 349); endShape(); beginShape(); vertex(353, 350); vertex(353, 405); vertex(356, 405); vertex(359, 353); vertex(401, 357); vertex(394, 352); endShape(); beginShape(); vertex(405, 354); vertex(405, 414); vertex(410, 414); vertex(408, 357); vertex(456, 362); vertex(456, 362); vertex(456, 359); endShape(); beginShape(); vertex(462, 422); vertex(463, 362); vertex(519, 366); vertex(515, 361); vertex(461, 359); vertex(460, 421); endShape(); beginShape(); vertex(522, 433); vertex(524, 364); vertex(528, 361); vertex(598, 368); vertex(599, 373); vertex(527, 366); vertex(528, 434); endShape(); }; var tulips = function(x, y, sx, sy) { pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); //Leaves { //Leaf 1 { noStroke(); fill(207, 189, 75); beginShape(); vertex(0, 265); vertex(0, 500); bezierVertex(50, 410, 60, 337, 30, 210); endShape(); fill(0, 0, 0, 10); beginShape(); vertex(0, 293); vertex(0, 500); bezierVertex(50, 410, 60, 337, 33, 240); endShape(); fill(194, 175, 68); beginShape(); vertex(0, 307); vertex(0, 500); bezierVertex(50, 410, 60, 337, 35, 250); endShape(); fill(186, 168, 65); beginShape(); vertex(0, 320); vertex(0, 500); bezierVertex(50, 410, 60, 337, 37, 260); endShape(); noFill(); stroke(0, 0, 0, 20); strokeWeight(0.50); line(30, 240, 0, 283); line(40, 285, 35, 365); line(35, 283, 0, 365); } //Leaf 2 { noStroke(); fill(201, 181, 70); beginShape(); vertex(0, 430); bezierVertex(45, 340, 47, 330, 120, 280); bezierVertex(80, 390, 103, 360, 0, 500); endShape(); fill(0, 0, 0, 10); beginShape(); vertex(0, 430); bezierVertex(33, 350, 70, 337, 120, 280); bezierVertex(80, 390, 103, 360, 0, 500); endShape(); fill(173, 155, 64); beginShape(); vertex(0, 450); bezierVertex(70, 350, 70, 337, 120, 280); bezierVertex(80, 390, 103, 360, 0, 500); endShape(); noFill(); stroke(0, 0, 0, 40); strokeWeight(0.30); line(0, 435, 60, 330); stroke(0, 0, 0, 20); line(0, 437, 70, 323); line(0, 440, 53, 360); line(0, 443, 57, 360); } //Leaf 3 { noStroke(); fill(204, 182, 74); beginShape(); vertex(0, 500); bezierVertex(70, 413, 87, 290, 290, 290); bezierVertex(250, 347, 133, 477, 125, 500); endShape(); fill(189, 168, 76); beginShape(); vertex(30, 500); bezierVertex(90, 393, 173, 330, 290, 290); bezierVertex(250, 347, 133, 477, 125, 500); endShape(); fill(179, 155, 69); beginShape(); vertex(15, 500); bezierVertex(80, 460, 180, 353, 290, 290); bezierVertex(250, 347, 133, 477, 125, 500); endShape(); noFill(); stroke(0, 0, 0, 20); strokeWeight(0.50); line(0, 500, 80, 390); line(5, 500, 90, 387); line(10, 500, 95, 393); line(15, 500, 100, 395); stroke(0, 0, 0, 30); line(53, 473, 167, 345); line(57, 470, 177, 343); line(63, 465, 183, 347); line(67, 463, 190, 347); } //Leaf 4 { noStroke(); fill(173, 151, 71); beginShape(); vertex(235, 500); bezierVertex(285, 453, 330, 405, 350, 365); bezierVertex(200, 403, 133, 477, 125, 500); endShape(); fill(196, 170, 76); beginShape(); vertex(170, 500); bezierVertex(240, 460, 290, 405, 337, 377); vertex(350, 365); bezierVertex(200, 403, 133, 477, 125, 500); endShape(); fill(214, 198, 94); beginShape(); vertex(150, 467); bezierVertex(177, 433, 273, 377, 350, 365); vertex(340, 383); bezierVertex(203, 430, 247, 400, 150, 467); endShape(); noFill(); stroke(0, 0, 0, 30); line(275, 420, 163, 500); stroke(0, 0, 0, 50); line(343, 377, 207, 420); } //Leaf 5 { pushStyle(); scale(0.97, 1.0); noStroke(); fill(179, 154, 72); beginShape(); vertex(310, 500); bezierVertex(350, 473, 430, 460, 520, 483); vertex(500, 500); endShape(); fill(214, 191, 75); beginShape(); vertex(310, 500); bezierVertex(350, 473, 430, 460, 510, 480); bezierVertex(420, 487, 400, 486, 350, 500); endShape(); popStyle(); } } //Blooms { //Bloom 1 { noStroke(); fill(255, 20, 20); beginShape(); vertex(0, 260); bezierVertex(65, 245, 40, 360, 0, 390); endShape(); fill(0, 0, 0, 15); beginShape(); vertex(0, 330); vertex(0, 390); bezierVertex(35, 360, 55, 285, 27, 263); bezierVertex(10, 293, 20, 283, 0, 330); endShape(); fill(0, 0, 0, 20); beginShape(); vertex(0, 350); vertex(0, 390); bezierVertex(43, 350, 50, 280, 30, 265); bezierVertex(30, 280, 33, 293, 25, 310); bezierVertex(27, 290, 30, 285, 23, 270); vertex(20, 280); bezierVertex(20, 300, 20, 315, 0, 350); endShape(); } //Bloom 2 { fill(130, 114, 76); beginShape(); vertex(0, 495); bezierVertex(75, 357, 97, 343, 130, 305); vertex(125, 300); bezierVertex(55, 375, 20, 443, 0, 480); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(125, 300); vertex(130, 305); vertex(80, 363); vertex(83, 347); endShape(); fill(232, 39, 39); beginShape(); vertex(125, 310); vertex(115, 300); bezierVertex(80, 220, 190, 130, 210, 215); bezierVertex(240, 220, 243, 320, 135, 315); endShape(); fill(255, 8, 8); beginShape(); vertex(123, 300); bezierVertex(83, 270, 135, 170, 187, 183); bezierVertex(215, 210, 185, 183, 200, 205); bezierVertex(187, 215, 185, 223, 160, 240); bezierVertex(160, 230, 156, 223, 160, 225); bezierVertex(150, 240, 145, 240, 140, 270); bezierVertex(140, 250, 140, 230, 140, 240); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(163, 287); vertex(120, 303); bezierVertex(185, 275, 190, 245, 190, 240); bezierVertex(175, 270, 170, 270, 137, 290); bezierVertex(203, 250, 200, 190, 187, 183); bezierVertex(215, 190, 230, 300, 127, 303); endShape(); beginShape(); vertex(125, 310); bezierVertex(167, 327, 240, 297, 227, 235); bezierVertex(210, 255, 220, 270, 125, 310); endShape(); } //Bloom 3 { fill(120, 105, 71); beginShape(); vertex(115, 500); bezierVertex(120, 490, 133, 470, 157, 450); vertex(163, 455); bezierVertex(133, 480, 130, 497, 127, 500); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(127, 483); vertex(155, 450); vertex(163, 455); vertex(127, 497); endShape(); fill(237, 33, 33); beginShape(); vertex(163, 455); vertex(155, 450); vertex(153, 445); bezierVertex(145, 430, 140, 375, 250, 315); bezierVertex(263, 300, 285, 323, 280, 325); bezierVertex(305, 310, 325, 330, 320, 350); bezierVertex(363, 375, 275, 482, 175, 460); endShape(); fill(255, 37, 25); beginShape(); vertex(150, 430); bezierVertex(160, 370, 180, 363, 250, 315); bezierVertex(263, 300, 285, 323, 280, 325); bezierVertex(263, 300, 290, 350, 227, 370); bezierVertex(200, 380, 180, 370, 150, 440); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(153, 445); bezierVertex(155, 430, 170, 417, 180, 410); vertex(165, 430); bezierVertex(177, 425, 240, 415, 290, 357); bezierVertex(273, 367, 267, 377, 240, 395); bezierVertex(265, 373, 275, 367, 287, 347); vertex(260, 375); bezierVertex(277, 355, 280, 340, 273, 315); vertex(283, 325); bezierVertex(335, 415, 190, 420, 160, 455); endShape(); beginShape(); vertex(320, 333); bezierVertex(317, 325, 305, 330, 303, 333); bezierVertex(300, 350, 315, 370, 260, 410); bezierVertex(300, 395, 315, 380, 313, 345); vertex(315, 360); vertex(320, 350); bezierVertex(323, 350, 320, 335, 320, 333); endShape(); beginShape(); vertex(167, 457); vertex(210, 433); vertex(230, 427); vertex(190, 447); vertex(280, 407); vertex(197, 447); vertex(213, 445); vertex(200, 450); vertex(210, 447); vertex(205, 453); vertex(240, 440); vertex(200, 457); vertex(230, 450); vertex(253, 440); vertex(230, 453); bezierVertex(315, 427, 320, 380, 330, 365); bezierVertex(337, 420, 230, 480, 167, 457); endShape(); } //Bloom 4 { scale(0.96, 1.0); fill(235, 46, 42); beginShape(); vertex(380, 500); vertex(370, 480); bezierVertex(370, 427, 463, 370, 480, 435); vertex(493, 435); bezierVertex(523, 440, 520, 490, 460, 500); endShape(); fill(255, 51, 0); beginShape(); vertex(375, 457); bezierVertex(387, 425, 440, 393, 467, 413); vertex(425, 425); vertex(465, 420); vertex(420, 433); vertex(475, 423); endShape(); beginShape(); vertex(383, 500); bezierVertex(380, 490, 450, 440, 480, 435); vertex(493, 435); bezierVertex(513, 443, 510, 453, 510, 463); bezierVertex(503, 457, 490, 450, 465, 460); vertex(453, 470); vertex(463, 457); vertex(447, 467); vertex(453, 457); vertex(437, 470); vertex(440, 465); endShape(); fill(0, 0, 0, 30); beginShape(); vertex(380, 500); vertex(370, 480); bezierVertex(365, 463, 403, 440, 405, 440); vertex(385, 460); vertex(400, 450); vertex(395, 460); vertex(405, 450); vertex(413, 450); vertex(407, 457); vertex(470, 433); vertex(440, 450); vertex(467, 440); bezierVertex(435, 457, 410, 475, 393, 490); vertex(470, 443); vertex(383, 500); endShape(); beginShape(); vertex(400, 500); bezierVertex(430, 493, 470, 465, 493, 460); vertex(503, 450); vertex(497, 460); vertex(490, 467); vertex(500, 463); vertex(510, 450); bezierVertex(517, 480, 483, 497, 460, 500); endShape(); } } popStyle(); popMatrix(); }; var poleThingies = function(x, y) { pushMatrix(); translate(x, y); fill(255, 240, 171); quad(190,353,187,463,182,460,181,353); beginShape(); vertex(275, 353); vertex(265, 353); vertex(265, 477); vertex(272, 480); endShape(); rect(380, 365, 10, 135); rect(560, 380, 10, 120); fill(255, 214, 48); rect(187, 353, 10, 110); beginShape(); vertex(275, 353); vertex(280, 353); vertex(285, 357); vertex(285, 480); vertex(270, 480); endShape(); beginShape(); vertex(390, 365); vertex(400, 370); vertex(400, 500); vertex(390, 500); endShape(); rect(570, 380, 10, 120); popMatrix(); }; //[ sky(); building1(); building2(); building3(); building4(); building5(); building6(); distantChurch(); building7(); building8(); bigBuilding(); RoadShadows(); YellowCar(-2,8); BlueCar(1,8); WaterUnderCafe(); Cafe(); poleThingies(); tulips(0, 225, 0.53, 0.55); copyright(); //] drawing everything //[ if(width < 599 \|\| height < 500) { throw{message: "Please refresh the page to view this graphic."}; } var graphic = get(0,0,width,height); if (width === 599) { background(255); image(graphic,0,50,width,400); } //] thumbnail
Folds	20,25,27,38,40,255,256,500,502,631,632,780,781,1238,1239,1359,1360,1418,1419,1525,1526,1588,1590,1598,1600,1693,1694,1818,1820,2116,2118,2148,2150,2815,2817,3257,3258,3298,3300,3328,3330,3340
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN27tt7ECQw
Votes	268
Spin-Offs	5
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Daniel T
Author Name	dt.ka
Author ID	kaid_1088724296543359205380923
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739381114338
Updated	8 months ago, 1744845371650
Source Deleted	unknown