Viewing Program

Program Data

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

Title	Compact Landmarks - Contest: Mapmaking
ID	6609565726588928
Created	4 years ago, 1634830044047
Updated	4 years ago, 1634848257283
Code	/ Compact Landmarks by aquagirl272 Entry for KA Contest: Mapmaking - info for judges: { I have been programming off and on for about 60 months (5 years). I only recently (6 months) began coding regularly and got involved with the community. I have completed 100 percent of Khan Academy's 'Intro to JS' course. I would prefer to be placed in the Intermediate bracket. } Well, then! This was an exciting program for me. I packed a LOT of work and effort into one month - I haven't really worked with a deadline before (I ended up with only 3 landmarks because of it haha). And so - if you were going to make a map, you have to decide what goes on it, right? This program illustrates just a (very) few landmarks and icons that "made the maps" by being unique and impressive architecturally. At each graphic, if you hover over the i in the corner you can read a short summary of the history of each landmark. Including graphics of a world map, the Golden Gate Bridge, St. Basil's Cathedral, and the Sydney Opera House, this took up a whole 4600 lines of code and is my best and favorite program I have made. I definitely learned several new skills (see credits) in order to make this. I hope everyone likes and enjoys it! NOTE: There's a lot of code in this, so you may have to reload/restart the program once or twice if you have super slow computer like me :) If all else fails, try writing a comment. It'll reboot the program pretty good and should work. SUB TO ME AT: https://www.khanacademy.org/computer-programming/sub-to-aquagirl272/4843739276066816 STARTED: 9/19/2021 FINISHED: 10/20/2021 RELEASED: 10/21/2021 / //stuffs I did/said when making this (yes, this again :D): /** "I bet google will be so confused when I seach 'where is the great wall of china'" "Well that one cone dome looks worse than the others... mind-blown i forgot it's shadooowwww!!!" one minute later... "ahhhh much better :)" "I'll just leech some color from you" stares studiously at reference picture while munching trail mix trying to figure out how ima do it "annnnd i'm done! ngl that's pretty clean" (I believe this was when making the Cathedral) listening to copious amounts of ed sheeran and juice wrld over here "What a gnarly shade of yellow" "Oh! I just realized that the columns hold the bridge up!!" (Sydney Opera House) "I'm going to need more yogurt covered pretzels for this level of brain power" "Let's see if this thing works" 10 seconds later "I knew it wouldn't be that easy" "You are NOT broken" "Come on aquagirl, just make it into ANOTHER masked image and hope it will work" remembers i decided not to make it masked "Ooooh yeah! because it's like, drawing and you won't be coloring in between the lines because who does that???" "Hello, Oh Noes, what impossible issue do you have for me today?" after making a bunch of adjustments/improvements i pull up st basils cathedral only to see the golden gate bridge in the background lol "IT WORKS!!!" talking about the code I had scrawled for the intro legitimately in the dark in a notebook right before falling asleep */ //credits: / First of all, thanks to elizabeth (@kaid_879429862105799252962492) for some tips and tricks particularly about St. Basil's Cathedral. She's the one that told me my trees were kinda bad, and then after I changed them taught me how to use randomSeed(); to choose specifically which random I wanted. Thank you!! Secondly, thanks to Bob Lyon for help when I thought my images were broken. He showed me that I need background(0, 0,); after my images so that the original would show up. Thanks to him!! And another big thanks to Daniel T. and his Masking Tutorial (https://www.khanacademy.org/computer-programming/i/5828661346779136). I legitimately could not have made this without masking, and his tutorial was great. Also, I found out how to use filter(BLUR); from looking through his code, so thanks to him for that too! Annnnd Sanicc for being a good big bro and saying my stuff looked good and giving little tips here and there. And he especially helped me with delagging my program. It was SOOOOO laggy for a bit there, cause I had around 4k lines of code INSIDE the draw, and he was like, "make everything an image". So I did and VWALA it worked :) Now, I also need to thank Proton (as usual), for his Draggable Bezier Curve (https://www.khanacademy.org/computer-programming/draggable-bezier-curve/1034974270). I have used it in many of my graphics, this one not so much as others because it has a lot of other shapes as well. I have altered and edited it in a spinoff (https://www.khanacademy.org/computer-programming/spin-off-of-draggable-bezier-curve-howarts/4953024056213504) to fit my needs and such. I only used my spinoff to make this, but the code is still his except a few minor alterations. Thank you, Proton! Thanks to Wikipedia as well - I found most of the information for the descriptions of each landmark on there. Annnnd thanks to Business Name Generator (https://businessnamegenerator.com/), which helped me when I could NOT come up with a name for this besides 'wip dip' xD These are my reference pictures for the following (the transition/intro map and pencil were entirely my imagination xD): World Map http://www.clipartbest.com/cliparts/niE/np5/niEnp5BiA.png The Golden Gate Bridge https://www.pngwing.com/en/free-png-notbc St. Basil's Cathedral https://www.123rf.com/photo_34229828_stock-vector-kremlin-saint-basil-s-cathedral-moscow-russia-vector-illustration-cartoon-.html The Sydney Opera House https://www.gograph.com/clipart/sidney-opera-house-and-bridge-for-traveling-gg102573004.html / /* To Do: **/ frameRate(60);//I like this :) just regulates the fps //NOTE: In interpreting my variable explanations, stuff in curly brackets {} are images and are tagged like so: @imageName , functions might also be tagged like that if they are mixed around with images. In the parentheses () is the english translation xD var scene = -1;//my scene var var nextScene = "undefined";//nextScene holds the value of the scene that the program goes to after the transition is done. See clickPoint, backButton, and "transition scene" {var introLetter = "aquagirl272"; var introLetterSpacing = [0, 0, 0, 0, 0, 0, -7, -7, -13, -13, -13];//because font is cursive, spacing needs to be right var introLetter2 = "presents..."; var introBack = 0;//intro background fade to map var introTimer = -20;//my timer that sets the pace var introPencilUpOn = true;//stuff that makes the pencil go up and down var introPenX = 335;//my pencils x and y var introPenY = 100; var introPenR = 45;//penicl rotation }//intro variables { {pushMatrix(); translate(50, 50); background(0, 0, 0, 0); noStroke(); randomSeed(21);//my favorite randomSeed for(var i = 0; i < 50; i++){ pushMatrix(); translate(random(-12, 12), random(-12, 12)); rotate(random(0, 360)); fill(random(50, 255), random(50, 255), random(0, 30)); ellipse(0, 0, random(2, 6), random(2, 6)); popMatrix(); } var leafThing1 = get(); background(0, 0, 0, 0); popMatrix(); var leafThingy = function(x, y){ image(leafThing1, x-50, y-50); };}//@leafThingy (a square of leaf ellipses (@leafThing1) with random fills and rotation that is then aligned in an x-y function (@leafThingy). I used randomSeed in here for @leafThing1.) {pushMatrix(); leafThingy(88, 338); pushMatrix(); translate(265, 35); rotate(45); for(var l = 75; l < 125; l+=25){ for(var j = 325; j < 375; j+=25){ leafThingy(l, j); } } popMatrix(); for(var l = 75; l < 125; l+=25){ for(var j = 325; j < 375; j+=25){ leafThingy(l, j); } } var treeThingy = get(); popMatrix();}//@treeThingy (calls @leafThingy in two loops - one straight, one rotated 45 degrees. The rotation makes it look more circlular and full. It's drawn 9 times in a 3x3 pattern for each.) var treeTrunk = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.noStroke(); msk.quad(80,310,96,310,90,372,86,372); msk.ellipse(88, 372, 15, 6); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.background(120, 36, 0); fill(194, 120, 0); for(var i = 0; i < 60; i++){ var lineR = random(75, 105); bkg.strokeWeight(1.5); bkg.stroke(random(0, 200), random(0, 120), 0); bkg.line(lineR, random(305, 380), lineR, random(305, 380)); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//a masked tree trunk - the shape is a quad with an ellipse at the base. The fill is several vertical lines with random (brown to reddish) strokes and x's. var tree = function(x, y){ pushMatrix(); translate(x, y); image(treeTrunk, 0, 0); image(treeThingy, 0, -20); popMatrix(); };//puts it all together at appropriate x and y's }//@tree (the stuff for my tree in St. Basil's Cathedral) { pushMatrix(); background(135, 169, 255); stroke(113, 142, 214); strokeWeight(3); noFill(); for(var i = 20; i < 600; i += 40){ for(var j = 5; j < 400; j += 30){ arc(i, j, 40, 30, 0, 180); } }//wave background stroke(0, 112, 28); //noStroke(); fill(0, 143, 38); strokeWeight(2); beginShape(); vertex(252,144); vertex(223,178); vertex(229,220); vertex(275,224); vertex(286,240); vertex(285,286); vertex(305,324); vertex(319,320); vertex(345,273); vertex(336,251); vertex(363,230); vertex(368,206); vertex(349,212); vertex(339,198); vertex(328,167); vertex(295,153); vertex(286,143); endShape(CLOSE);//AFRICA beginShape(); vertex(106,197); vertex(125,206); vertex(146,221); vertex(149,232); vertex(184,246); vertex(175,260); vertex(171,287); vertex(158,295); vertex(157,305); vertex(136,334); vertex(137,359); vertex(148,378); vertex(127,369); vertex(117,348); vertex(106,278); vertex(80,249); vertex(79,229); vertex(88,202); endShape(CLOSE);//SOUTH AMERICA beginShape(); vertex(78,207); vertex(64,203); vertex(64,196); vertex(49,183); vertex(40,184); vertex(28,172); vertex(27,142); vertex(16,129); vertex(23,104); vertex(38,89); vertex(40,59); vertex(25,53); vertex(10,59); vertex(8,50); vertex(44,28); vertex(68,41); vertex(86,36); vertex(98,46); vertex(126,50); vertex(133,59); vertex(118,59); vertex(104,71); vertex(118,82); vertex(120,91); vertex(135,72); vertex(144,67); vertex(151,71); vertex(164,92); vertex(148,96); vertex(136,110); vertex(103,140); vertex(52,149); vertex(45,168); vertex(58,180); vertex(71,171); vertex(68,182); endShape(CLOSE);//NORTH AMERICA beginShape(); vertex(193,80); vertex(187,55); vertex(196,50); vertex(196,38); vertex(186,35); vertex(182,30); vertex(197,23); vertex(257,23); vertex(238,60); vertex(209,60); endShape(CLOSE);//GREENLAND beginShape(); vertex(497,334); vertex(503,299); vertex(548,272); vertex(560,273); vertex(558,283); vertex(566,285); vertex(574,272); vertex(590,316); vertex(559,351); vertex(544,351); vertex(538,329); endShape(CLOSE);//AUSTRALIA beginShape(); vertex(349,205); vertex(374,197); vertex(385,178); vertex(365,174); vertex(358,155); vertex(369,166); vertex(393,171); vertex(410,179); vertex(423,210); vertex(439,216); vertex(433,200); vertex(452,178); vertex(472,201); vertex(478,217); vertex(491,235); vertex(491,223); vertex(487,203); vertex(498,210); vertex(504,199); vertex(490,185); vertex(499,175); vertex(508,183); vertex(515,151); vertex(498,131); vertex(505,121); vertex(512,136); vertex(527,145); vertex(528,138); vertex(519,121); vertex(526,115); vertex(525,94); vertex(509,82); vertex(527,75); vertex(531,60); vertex(536,79); vertex(552,90); vertex(547,71); vertex(555,57); vertex(557,55); vertex(556,49); vertex(480,40); vertex(479,40); vertex(477,41); vertex(455,48); vertex(426,46); vertex(426,38); vertex(410,37); vertex(358,60); vertex(334,65); vertex(320,58); vertex(314,48); vertex(284,81); vertex(285,89); vertex(300,86); vertex(312,75); vertex(314,88); vertex(300,100); vertex(270,101); vertex(265,119); vertex(250,120); vertex(248,133); vertex(262,140); vertex(269,128); vertex(291,119); vertex(295,135); vertex(307,133); vertex(304,122); vertex(314,136); vertex(325,119); vertex(334,121); vertex(337,127); vertex(322,127); vertex(318,142); vertex(328,143); vertex(330,156); vertex(317,155); vertex(330,163); endShape(CLOSE);//ASIA/EUROPE //little ISLANDS scattered around NORTH AMERICA and SOUTH AMERICA quad(22,162, 21,152, 15,151, 18,161); quad(89,161, 89,154, 86,154, 86,160); beginShape(); vertex(82,166); vertex(80,168); vertex(90,174); vertex(91,176); vertex(98,176); endShape(CLOSE); quad(93,180, 93,183, 86,183, 86,180); quad(101,181, 102,179, 111,179, 110,183); quad(120,189, 120,186, 126,185, 125,189); quad(128,199, 133,199, 133,201, 129,200); //little ISLANDS that are somehow all part of Canada? quad(100,41, 103,44, 107,44, 108,40); quad(103, 37, 99, 35, 107, 28, 115, 33); quad(112, 39, 119, 34, 125, 38, 122, 46); quad(118, 28, 118, 23, 129, 24, 130, 30); quad(135, 29, 134, 25, 139, 24, 140, 27); quad(136, 35, 130, 37, 129, 41, 138, 39); quad(140, 56, 140, 50, 147, 47, 145, 52); beginShape(); vertex(134,55); vertex(136,46); vertex(142,46); vertex(143,41); vertex(133,43); vertex(128,48); endShape(CLOSE); quad(146, 33, 151, 27, 144, 25, 144, 32); quad(148, 40, 154, 35, 151, 32, 147, 37); beginShape(); vertex(149,45); vertex(157,37); vertex(173,48); vertex(170,50); vertex(173,59); vertex(161,69); vertex(152,60); vertex(157,55); vertex(155,47); endShape(CLOSE); quad(157, 29, 155, 23, 165, 18, 165, 25); triangle(161, 31, 163, 36, 166, 34); triangle(170, 32, 170, 26, 177, 26); beginShape(); vertex(170,18); vertex(195,18); vertex(185,24); vertex(181,24); vertex(182,21); vertex(169,21); endShape(CLOSE); //little ISLANDS that are part of EUROPE beginShape(); vertex(268,80); vertex(262,85); vertex(265,90); vertex(262,98); vertex(273,98); endShape(CLOSE); quad(258, 97, 253, 95, 255, 91, 259, 91); quad(289, 137, 281, 137, 280, 128, 288, 129); quad(238, 71, 236, 66, 248, 62, 249, 68);//ICELAND!!! beginShape(); vertex(355,303); vertex(345,297); vertex(346,285); vertex(367,266); vertex(368,280); endShape(CLOSE);//MADEGASCAR!!!! (i think...) quad(364, 256, 365, 248, 369, 253, 367, 256);//two ISLANDS that quad(376, 288, 376, 286, 371, 284, 371, 287);//are part of AFRICA? beginShape(); vertex(414,219); vertex(409,226); vertex(412,236); vertex(417,236); vertex(414,229); endShape(CLOSE);//random little ISLAND in the middle of nowhere //ISLANDS to the east of ASIA triangle(532, 99, 527, 87, 537, 96); quad(548, 108, 548, 101, 553, 101, 554, 109); triangle(549, 117, 538, 120, 537, 107); beginShape(); vertex(539,126); vertex(544,126); vertex(544,137); vertex(536,149); vertex(533,142); vertex(539,133); endShape(CLOSE); quad(521, 179, 525, 170, 519, 164, 516, 174); beginShape(); vertex(526,188); vertex(520,188); vertex(520,196); vertex(528,203); vertex(539,204); vertex(526,194); endShape(CLOSE); triangle(523, 214, 517, 215, 523, 206); quad(529, 219, 535, 213, 540, 213, 538, 223); //ISLANDS that are mysteriously between AUSTRALIA and ASIA quad(521, 220, 501, 240, 509, 248, 519, 246); beginShape(); vertex(472,219); vertex(465,225); vertex(486,253); vertex(497,253); vertex(493,242); endShape(CLOSE); beginShape(); vertex(517,258); vertex(514,261); vertex(500,262); vertex(493,258); vertex(502,255); vertex(503,256); endShape(CLOSE); beginShape(); vertex(524,254); vertex(528,252); vertex(536,254); vertex(536,247); vertex(532,245); vertex(531,241); vertex(535,241); vertex(538,235); vertex(527,235); endShape(CLOSE); quad(542, 241, 546, 237, 545, 233, 541, 232); quad(539, 261, 536, 265, 526, 269, 526, 262); beginShape(); vertex(555,236); vertex(549,243); vertex(561,253); vertex(565,264); vertex(582,263); vertex(594,273); vertex(587,255); vertex(565,247); endShape(CLOSE);//questionable NEW ZEALAND/GUINEA triangle(553, 359, 548, 366, 544, 359);//TASMANIA quad(570, 372, 578, 378, 601, 363, 601, 353);//one that goes off var scene1Map = get(); popMatrix(); }//@scene1Map (the World Map - this contains all the continents and islands, but no clickPoints.) background(0, 0, 0, 0);//resets it so that it's not in the background of other stuff. I call this after each scene { var maskedPencilTrans = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(304,50); msk.vertex(304,128); msk.vertex(301, 135); msk.vertex(296,127); msk.vertex(291,135); msk.vertex(286,127); msk.vertex(281, 135); msk.vertex(279,130); msk.vertex(279,50); msk.endShape(CLOSE);//pencil msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(230, 134, 0); bkg.rect(281, 100, 10, 100); bkg.fill(255, 153, 0); bkg.rect(291, 100, 10, 100); bkg.fill(255, 166, 33); bkg.rect(301, 100, 10, 100); bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the main body of the pencil (the orange part) - the shape is a complex shape kinda like a rect with a bunch of points at the end, the fill is the rects of different shades of orange var maskedPencilHeadTrans = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(291, 154); msk.vertex(304, 129); msk.vertex(304,120); msk.vertex(280,120); msk.vertex(280, 130); msk.endShape();//head msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.background(230, 186, 110); bkg.stroke(0, 0, 0, 30); bkg.strokeWeight(1); for(var speck = 0; speck<120; speck++){ bkg.point(random(280, 304), random(120, 154)); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the head of the pencil (the wood part) - the shape is a complex shape that is just a triangle with a little extra stuff on the end, the fill is a tan background with several points of light opacity to give texture. background(0, 0, 0, 0); var transPencil = function(x, y){ image(maskedPencilHeadTrans, x-291, y-155); image(maskedPencilTrans, x-291, y-155); noStroke(); fill(51, 51, 51); triangle(x, y, x-4, y-10, x+4, y-10);//lead fill(255, 79, 79); rect(x, y-113, 23, 18); fill(255, 138, 138); ellipse(x, y-121, 23, 4); stroke(150); strokeWeight(2); line(x+13, y-105, x-12, y-105); line(x+13, y-108, x-12, y-108); stroke(100); line(x+12, y-107, x-11, y-107); line(x+12, y-110, x-11, y-110); };//puts the body and head together, as well as adding the lead tip and eraser var timerTrans = 0;//my transitions timer var castleTrans = [ function(){line(381,145,381,106);//left wall }, function(){ line(387,105,369,105);//bottom of left turret line(368,104,368,92);//side of left turret line(369,91,379,72);//left side of cone on left turret line(379,72,391,91);//right side of cone of left turret strokeWeight(3); fill(240, 236, 161); rect(379, 94, 6, 8, 1);//left turret window }, function(){ strokeWeight(5); line(386,81,419,48);//left side of main roof }, function(){ fill(36, 35, 21); ellipse(419, 42, 8, 8);//tip of main roof strokeWeight(3); line(419, 41, 419, 32);//very tip of main roof strokeWeight(5); line(419,48,450,81);//right side of main roof }, function(){ line(446,91,457,72);//left side of cone on right line(457,72,468,91);//right side of cone on right turret line(468,92,468,104);//side of right turret line(468,105,449,105);//bottom of right turret strokeWeight(3); fill(240, 236, 161); rect(457, 94, 6, 8, 1);//right turret window }, function(){ strokeWeight(5); line(455,106,455,145);//right wall }, function(){ fill(99, 35, 0); strokeWeight(4); rect(419, 130, 16, 24, 1);//door stroke(153, 153, 153); point(422, 133);//doorknob }, function(){ fill(240, 236, 161); stroke(36, 35, 21); rect(419, 76, 12, 15, 1);//center window } ];//functions of assorted parts of castle - in array format so it can be called one after another in efficient code var lastCastleTrans = function(){ noStroke(); fill(255, 84, 84); beginShape(); vertex(381, 146); vertex(381, 106); vertex(369, 105); vertex(368, 92); vertex(379, 71); vertex(386, 81); vertex(419, 48); vertex(450, 81); vertex(457, 72); vertex(468, 91); vertex(468, 104); vertex(455, 105); vertex(455, 146); endShape(); };//fill for castle (a complex shape with fill). is special because it needs to show up behind everything, that's why it's it's own function var maskedBridgeTrans = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(190, 255); msk.bezierVertex(248, 217, 288, 216, 349, 257); msk.vertex(349, 197); msk.bezierVertex(288, 156, 248, 157, 190, 195); msk.endShape(CLOSE);//bridge msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.background(199, 86, 0); bkg.noStroke(); bkg.rectMode(CENTER); for(var i = 180; i < 355; i +=30){ bkg.fill(lerpColor(color(77, 24, 0), color(199, 86, 0), 0.5)); bkg.rect(i, 200, 17, 120); bkg.fill(77, 24, 0); bkg.rect(i, 200, 15, 120); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the log bridge in transition - shape is arced bridge shape, fill is alternating colored rectangles, resembling logs. var flowerBunch2 = function(x, y){ stroke(18, 156, 0); strokeWeight(4); noFill(); arc(x-15, y, 28, 30, 299, 360); arc(x+15, y, 28, 30, 180, 241); line(x, y, x, y-14); noStroke(); fill(200, 0, 214); ellipse(x-13, y-15, 15, 7); ellipse(x-13, y-15, 7, 15); fill(255, 33, 33); ellipse(x+13, y-15, 15, 7); ellipse(x+13, y-15, 7, 15); fill(43, 85, 255); ellipse(x, y-22, 15, 7); ellipse(x, y-22, 7, 15); fill(255, 230, 0); ellipse(x-13, y-15, 5, 5); ellipse(x+13, y-15, 5, 5); ellipse(x, y-22, 5, 5); };//a second flower bunch. A jumbo, for cartoonish version of @flowerBunch used for the Cathedral var transPenX = 647;//the transitions pen x and y var transPenY = "defined variable to be used later"; var transScrollX = -600;//the scroll/map in transition's x and velocity var transScrollV = 40; { pushMatrix(); strokeWeight(4); stroke(36, 35, 24); fill(240, 236, 161); translate(0, 5); beginShape(); vertex(-2,7); vertex(34,25); vertex(89,11); vertex(109,30); vertex(114,8); vertex(151,17); vertex(249,1); vertex(287,6); vertex(275,19); vertex(366,24); vertex(357,12); vertex(404,25); vertex(449,15); vertex(507,20); vertex(515,33); vertex(519,20); vertex(570,24); vertex(570,374); vertex(502,377); vertex(506,385); vertex(456,385); vertex(460,379); vertex(409,375); vertex(374,384); vertex(330,380); vertex(334,371); vertex(316,353); vertex(325,371); vertex(308,379); vertex(264,388); vertex(250,377); vertex(206,372); vertex(183,362); vertex(166,381); vertex(133,385); vertex(48,372); vertex(53,382); vertex(-2,377); endShape();//main part of scroll //EVERYTHING IN BETWEEN :) idk why i said that it just sounded nice... anyways! coding, aquagirl { {flowerBunch2(122, 160); strokeWeight(4); pushMatrix(); translate(-10, -10); scale(1.1); noStroke(); fill(92, 37, 0);//FILLS FOR TREE TRUNKS quad(21,112,26,164, 42,166,39,114);//fill for trunk of far left quad(82,105,80,160, 99,159, 96,105);//fill for trunk of second far left quad(133,126,134,174, 148,175,151,126);//fill for far right stroke(26, 10, 0);//LINES OF TREE TRUNKS line(21,112,26,164); line(42,166,39,114);//lines for the trunk of far left line(82,105,80,160); line(96,105,99,159);//lines for trunk second far left line(133,126,134,174); line(148,175,151,126);//lines for trunk far right //TREE TOPS fill(0, 145, 0); stroke(0, 71, 0); pushMatrix(); translate(-6, -30); scale(1.25); beginShape(); vertex(20, 117); bezierVertex(15, 121, 6, 113, 6, 106); bezierVertex(-3, 98, -2, 91, 7, 85); bezierVertex(7, 80, 7, 72, 17, 74); bezierVertex(15, 66, 22, 64, 29, 70); bezierVertex(35, 64, 48, 67, 45, 75); bezierVertex(54, 74, 58, 82, 54, 89); bezierVertex(60, 92, 60, 105, 51, 105); bezierVertex(53, 110, 49, 122, 38, 118); bezierVertex(32, 125, 26, 126, 20, 117); endShape();//tree top farthest left popMatrix(); pushMatrix(); translate(-12, -27); scale(1.15); beginShape(); vertex(88, 116); bezierVertex(77, 119, 71, 120, 67, 109); bezierVertex(59, 108, 56, 102, 59, 91); bezierVertex(51, 88, 49, 73, 64, 71); bezierVertex(60, 61, 68, 56, 78, 61); bezierVertex(82, 51, 94, 53, 97, 61); bezierVertex(108, 57, 113, 61, 115, 74); bezierVertex(128, 73, 123, 85, 118, 92); bezierVertex(123, 105, 115, 110, 108, 108); bezierVertex(107, 120, 100, 123, 88, 116); endShape(); popMatrix();//middle tree top pushMatrix(); translate(105, -16); scale(1.25); beginShape(); vertex(20, 117); bezierVertex(15, 121, 6, 113, 6, 106); bezierVertex(-3, 98, -2, 91, 7, 85); bezierVertex(7, 80, 7, 72, 17, 74); bezierVertex(15, 66, 22, 64, 29, 70); bezierVertex(35, 64, 48, 67, 45, 75); bezierVertex(54, 74, 58, 82, 54, 89); bezierVertex(60, 92, 60, 105, 51, 105); bezierVertex(53, 110, 49, 122, 38, 118); bezierVertex(32, 125, 26, 126, 20, 117); endShape();//tree top farthest right popMatrix(); popMatrix();//BLOWN UP TREES flowerBunch2(64, 180); flowerBunch2(9, 173); flowerBunch2(149,187); }//TREES AND FLOWERS { noStroke(); fill(54, 88, 255); beginShape(); vertex(262,28); vertex(267,12); vertex(242,12); vertex(225, 18); bezierVertex(238, 57, 227, 121, 217, 140); bezierVertex(203, 156, 207, 227, 215, 245); bezierVertex(216, 262, 228, 357, 200, 358); vertex(252,364); vertex(269,377); vertex(310,366); vertex(303,332); vertex(331, 354); bezierVertex(341, 342, 340, 310, 328, 273); bezierVertex(322, 255, 313, 185, 332, 143); bezierVertex(349, 92, 339, 60, 330, 32); endShape();//RIVER FILL strokeWeight(6); noFill(); stroke(0, 5, 105); bezier(217, 140, 227, 121, 238, 57, 225, 18); bezier(217, 140, 203, 168, 207, 227, 215, 245); bezier(200, 358, 230, 340, 219, 258, 215, 245); bezier(328, 273, 340, 310, 341, 342, 331, 354); bezier(328, 273, 322, 255, 313, 185, 332, 143); bezier(330, 32, 339, 60, 349, 92, 332, 143);//RIVER STROKE bezier(301, 114, 296, 124, 289, 138, 289, 157); bezier(260, 55, 261, 71, 261, 90, 255, 106); bezier(265, 256, 270, 273, 275, 293, 269, 311); bezier(309, 299, 309, 306, 311, 318, 309, 330);//lines on river }//RIVER { fill(64, 33, 0); noStroke(); quad(188, 200, 0, 214, 0, 265, 188, 251); ellipse(186,200,9,7); ellipse(172,200,17,15); ellipse(159,202,12,7); ellipse(150,202,16,16); ellipse(136,204,19,13); ellipse(122,205,18,5); ellipse(110,204,18,7); ellipse(98,206,17,16); ellipse(84,207,13,8); ellipse(74,207,6,12); ellipse(59,210,10,15); ellipse(51,211,11,14); ellipse(31,212,13,12); ellipse(22,212,6,7); ellipse(12,212,7,15); ellipse(1,214,10,10); ellipse(2,269,8,7); ellipse(8,264,14,9); ellipse(19,264,12,14); ellipse(33,262,9,8); ellipse(37,262,9,15); ellipse(47,262,19,19); ellipse(55,261,9,9); ellipse(69,259,15,13); ellipse(76,259,6,15); ellipse(86,259,18,17); ellipse(91,259,8,5); ellipse(103,255,8,15); ellipse(111,255,17,15); ellipse(124,253,8,5); ellipse(128,252,7,10); ellipse(140,254,13,13); ellipse(148,254,18,6); ellipse(165,254,9,19); ellipse(175,253,16,11); ellipse(181,252,13,18); ellipse(187,252,8,12);//DIRT PATH TO THE LEFT beginShape(); vertex(349,202); vertex(395,192); vertex(405,177); vertex(409,155); vertex(446,155); vertex(450,167); vertex(470,179); vertex(540,165); vertex(535,217); vertex(349,258); endShape(); ellipse(357,200,9,12); ellipse(368,197,8,6); ellipse(381,195,12,5); ellipse(392,193,16,12); ellipse(400,185,5,13); ellipse(405,171,12,10); ellipse(407,158,6,15); ellipse(415,153,10,8); ellipse(426,154,12,7); ellipse(442,155,7,14); ellipse(449,165,16,7); ellipse(464,174,10,6); ellipse(479,177,15,6); ellipse(497,173,14,14); ellipse(518,169,10,8); ellipse(530,169,9,16); ellipse(526,218,17,14); ellipse(507,221,18,16); ellipse(472,231,13,16); ellipse(448,235,11,6); ellipse(428,239,6,6); ellipse(406,243,19,17); ellipse(385,248,19,11); ellipse(365,252,9,15); ellipse(352,258,9,11); ellipse(419,239,6,19); ellipse(435,236,8,6); ellipse(459,230,12,5); ellipse(485,227,16,12); ellipse(506,223,5,13); ellipse(508,171,6,19); ellipse(484,176,8,6); ellipse(447,158,8,10); ellipse(455,170,12,9); ellipse(460,233,16,12); ellipse(438,155,18,16); }//DIRT PATHS image(maskedBridgeTrans, 0, 0);//BRIDGE stroke(77, 24, 0); noFill(); beginShape(); vertex(190, 255); bezierVertex(248, 217, 288, 216, 349, 257); vertex(349, 197); bezierVertex(288, 156, 248, 157, 190, 195); endShape(CLOSE);//bridge outline { //MOUNTAIN FILLS fill(59, 24, 0); noStroke(); beginShape(); vertex(350,347); vertex(385,276); vertex(419,300); vertex(469,259); vertex(521,316); vertex(515,357); endShape(); quad(398,284,415,265,444,278,418,300); beginShape(); vertex(494,356); vertex(475,300); vertex(458,311); vertex(445,300); vertex(405,327); vertex(384,320); vertex(359,358); endShape(); beginShape(); vertex(486,277); vertex(499,242); vertex(511,256); vertex(519,237); vertex(534,253); vertex(526,321); endShape(); //SNOWCAPS fill(255); triangle(398, 287, 375, 297, 385, 278); triangle(454, 272, 484, 278, 469, 261); triangle(408,273,427,272,415,267); triangle(480, 315, 474, 302, 458, 311); triangle(451, 307, 430, 311, 445, 300); beginShape(); vertex(491,265); vertex(541,261); vertex(519,240); vertex(512,256); vertex(499,243); endShape(); //OUTLINES OF MOUNTAINS - covers up edges of snowcaps stroke(122, 49, 0); noFill(); beginShape(); vertex(350,347); vertex(385,276); vertex(419,300); vertex(469,259); vertex(521,316); vertex(515,357); endShape(); quad(398,284,415,265,444,278,418,300); beginShape(); vertex(494,356); vertex(475,300); vertex(458,311); vertex(445,300); vertex(405,327); vertex(384,320); vertex(359,358); endShape(); beginShape(); vertex(486,277); vertex(499,242); vertex(511,256); vertex(519,237); vertex(534,253); vertex(526,321); endShape(); }//MOUNTAINS {fill(97, 34, 0); noStroke(); beginShape(); vertex(201, 276); vertex(207, 299); vertex(204, 327); vertex(192, 352); vertex(0, 367); vertex(0, 292); endShape();//brown fill strokeWeight(14); stroke(20, 99, 0); line(0,362,192,346); line(203,321,0,339); line(0,314,202,294);//green lines line(197,271,0,289);}//PLOWED FIELD { pushMatrix(); translate(5, -61); scale(1.2); strokeWeight(5); stroke(0); fill(48, 48, 48); ellipse(70, 310, 55, 55);//BASE strokeWeight(8); quad(56,310,70,342,84,310, 70,278); pushMatrix(); translate(70, 310); rotate(90); quad(-14,0,0,32,14,0,0,-32); popMatrix();//STROKE OF STAR ON TOP noStroke(); fill(44, 0, 51); quad(56,310,70,342,84,310, 70,278); pushMatrix(); translate(70, 310); rotate(90); quad(-14,0,0,32,14,0,0,-32); popMatrix();//STAR ON TOP - PURPLE strokeWeight(2.5); stroke(0); ellipse(70, 353, 14, 14); ellipse(70, 267, 14, 14); ellipse(28, 310, 14, 14); ellipse(113, 310, 14, 14);//circles on points fill(255); textAlign(CENTER, CENTER); textFont(createFont("monospace")); textSize(12); text("N", 70, 267); text("S", 70, 353); text("E", 113, 310); text("W", 28, 310);//letters fill(0); noStroke(); ellipse(70, 310, 30, 30);//TOP THINGY popMatrix(); }//COMPASS ROSE }//^^^ strokeWeight(4); stroke(36, 35, 21); fill(240, 236, 161); beginShape(); vertex(520,4); vertex(532,16); vertex(546,-1); vertex(553,8); vertex(563,6); vertex(566,16); vertex(595,0); vertex(589,89); vertex(594,176); vertex(587,286); vertex(593,386); vertex(572,385); vertex(562,390); vertex(554,379); vertex(538,388); vertex(525,377); vertex(516,391); vertex(505,374); vertex(526,292); vertex(526,245); vertex(535,154); vertex(531,88); endShape(CLOSE);//end of scroll var scrollMapTrans = get(); popMatrix(); background(0, 0, 0, 0); }//@scrollMapTrans (an image of the map/scroll in transition - has everything from the main part of the scroll to trees and mountains. var transIf = "off";//turns on and off the transition var transition = function(sceneTo){ background(77); transIf = "on"; if(transIf === "on"){ rectMode(CENTER); pushMatrix(); translate(transScrollX, 5); image(scrollMapTrans, 0, 0); popMatrix(); //SCROLLMAP ANIMATION transScrollV-=transScrollV/17.6; if(timerTrans < 40){ transScrollX+=transScrollV; } //CASTLE ANIMATION timerTrans++; if(timerTrans > (castleTrans.length+3)2+45){ lastCastleTrans(); } stroke(36, 35, 24); strokeWeight(5); for(var i = 0; i < castleTrans.length; i++){ if(timerTrans>(i+1)2+45){ castleTrans[i](); } } //PENCIL ANIMATION if(timerTrans < 39){ transPenY = 150; transPenX-=7; } else if (timerTrans > 43 && timerTrans < 51){ transPenY-=7; } if(timerTrans > 48 && timerTrans < 51){ transPenX-=3; } if(timerTrans > 51 && timerTrans < 54){ transPenX+=22; transPenY-=22; } if(timerTrans >= 54 && timerTrans < 56){ transPenX+=18; transPenY+=21; } if(timerTrans >= 56 && timerTrans < 60){ transPenY+=12; } if(timerTrans >=60 && timerTrans < 62){ transPenX -= 15; } if(timerTrans>=62 && timerTrans<64){ transPenY-=30; } if(timerTrans>=64 &&timerTrans<66){ transPenX-=14; transPenY+=10; } if(timerTrans>=65 && timerTrans< 68){ transPenX+=20; } if(timerTrans===68){ scene = sceneTo; } pushMatrix(); translate(transPenX, transPenY); rotate(45); transPencil(0, 0); popMatrix(); } };//animation of everything from the scroll sliding oncreen to the background switch var transition2 = function(){ if(transIf === "on"){ timerTrans++; pushMatrix(); translate(transScrollX, 5); image(scrollMapTrans, 0, 0); popMatrix(); pushMatrix(); translate(transScrollX, 0); lastCastleTrans(); stroke(36, 35, 24); strokeWeight(5); for(var i = 0; i<castleTrans.length; i++){ castleTrans[i](); }//drawing castle //pencil animation if(timerTrans>=68 && timerTrans < 71){ transPenX-=14; transPenY+=10; } if(timerTrans>=71 && timerTrans<74){ transPenX+=20; transScrollV = 1; } if(timerTrans>=77){ transScrollV+=1.5; transScrollX-=transScrollV; }//scrollmap animation if(timerTrans === 110){ transIf = "off"; timerTrans = 0; transPenX = 647; transPenY = "defined variable to be used later"; transScrollX = -600; transScrollV = 40; }//reset vars pushMatrix(); translate(transPenX, transPenY); rotate(45); transPencil(0, 0);//pencil popMatrix(); } };//everything in transition timerTrans>68 / the scroll sliding offscreed and resetting variables }//transition stuff background(0, 0, 0, 0); var intro = function(){ introTimer++; background(77); textAlign(LEFT, CENTER); textFont(createFont("cursive")); image(scrollMapTrans, 0, 0); //textFont(createFont("cursive")); textSize(30); fill(36, 35, 24); for(var i = 0; i < introLetter.length; i++){ if(introTimer > i10 && introTimer < (i-1+30)10){ text(introLetter[i], 360+i15+introLetterSpacing[i], 100); } }//draws and erases aquagirl272 for(var i = 0; i < introLetter2.length; i++){ if(introTimer > i10+330){ text(introLetter2[i], 370+i15, 100); } }//draws presents... if(introTimer>470){ fill(0, 0, 0, introBack); rect(300, 200, 610, 410); introBack+=8; }//fade if(introTimer>502){ scene = 0; } //PENCIL ANIMATION if(introTimer < 115 \|\| introTimer > 320 && introTimer < 440){ if(introPencilUpOn === true){ introPenY-=2; if(introPenY < 93){ introPencilUpOn = false; } } if(introPencilUpOn === false){ introPenY+=2; if(introPenY > 113){ introPencilUpOn = true; } } } if( introTimer > 160 && introTimer < 300){ if(introPencilUpOn === true){ introPenY-=2; if(introPenY < -3){ introPencilUpOn = false; } } if(introPencilUpOn === false){ introPenY+=2; if(introPenY > 17){ introPencilUpOn = true; } } } if(introTimer < 115 \|\| introTimer > 320 && introTimer<450){introPenX+=1.4;} if(introTimer > 165 && introTimer < 300){introPenX-=1.3;} if(introTimer > 125 && introTimer < 144){ introPenR+=10; introPenY-=3; } if(introTimer > 144&&introTimer < 155){ introPenY-=3; introPenX+=10; } if(introTimer > 300 && introTimer < 319){ introPenR-=10; introPenY+=5; introPenX-=5; } if(introTimer > 315 && introTimer<320){ introPenY+=10; } pushMatrix(); translate(introPenX, introPenY); rotate(introPenR); transPencil(0, 0); popMatrix(); };//my intro - everything from drawing the words one letter at a time, to the pencil var maskedBridgeGGB = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(39, 305); msk.bezierVertex(90, 264, 395, 221, 601, 229); msk.vertex(601, 231); msk.bezierVertex(422, 227, 215, 272, 149, 317); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); var col1 = color(255, 255, 255); var col2 = color(0, 0, 0); for(var i = 200; i < 300; i++){ bkg.strokeWeight(1); bkg.stroke(lerpColor(col1, col2, i/100)); bkg.line(0, i+28, width, i+27 ); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the road on the bridge in Golden Gate Bridge var maskedBayGGB = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(0, 206); msk.bezierVertex(124, 202, 111, 218, 165, 212); msk.bezierVertex(274, 209, 286, 214, 291, 214); msk.bezierVertex(368, 213, 401, 230, 412, 234); msk.bezierVertex(539, 237, 560, 251, 601, 248); msk.vertex(601, 401); msk.vertex(0, 401); msk.endShape();//bay msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); var color1 = color(55, 84, 171); var color2 = color(178, 197, 255); for(var i = 0; i < 400; i++){ bkg.strokeWeight(1); bkg.stroke(lerpColor(color1, color2, i/400)); bkg.line(0, i, width, i); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the bay in GGB { pushMatrix(); for(var i = 0; i < 250; i++){ strokeWeight(1); stroke(lerpColor(color(222, 242, 255), color(89, 164, 255), i/250)); line(0, i, width, i); } noStroke(); fill(255, 228, 145); quad(0,200,252,200,250,218,0,224);//beach! fill(99, 104, 122); beginShape(); vertex(423, 192); bezierVertex(478, 144, 576, 195, 600, 181); vertex(600, 240); vertex(423, 240); endShape(); fill(56, 71, 56); beginShape(); vertex(347, 185); bezierVertex(457, 163, 463, 190, 492, 187); bezierVertex(513, 190, 572, 174, 600, 192); vertex(600, 240); vertex(347, 240); endShape(); triangle(251,208,181,212,251,212); fill(54, 110, 55); beginShape(); vertex(364, 214); bezierVertex(419, 215, 410, 209, 417, 238); vertex(417, 240); vertex(364, 240); endShape(); beginShape(); vertex(492, 230); bezierVertex(539, 214, 546, 230, 600, 213); vertex(600, 250); vertex(492, 250); endShape(); //buildings fill(100); rect(211,198,8,14); rect(102,196,9,9); rect(85,198,4,11); rect(70,195,7,7); fill(80); rect(134,201,3,7); rect(178,205,3,6); rect(197,198,3,13); rect(225,200,9,14); rect(239,201,4,14); rect(202,194,9,12); rect(171,195,5,14); fill(200); rect(135,199,8,10); rect(114,196,5,14); rect(96,193,3,5); rect(88,193,9,8); rect(77,193,6,14); fill(150); rect(197,199,11,14); rect(146,199,4,9); rect(173,198,10,12); rect(140,194,5,5); rect(182,194,8,12); rect(197,197,7,14); rect(217,190,10,12); fill(50); rect(228,192,4,6); rect(242,198,8,10); rect(151,198,10,15); rect(121,197,4,13); rect(84,191,8,11); rect(64,197,7,9); rect(161,195,8,15); rect(185,199,4,12); rect(141,188,4,14); rect(93,194,4,14); rect(189,188,4,14); fill(120); rect(25,197,4,14); rect(37,197,8,11); rect(58,194,9,13); rect(125,201,10,8); rect(162,202,11,15); fill(255); ellipse(340, 60, 500, 10); ellipse(380, 55, 500, 10); ellipse(520, 110, 300, 20); ellipse(460, 115, 300, 15); strokeWeight(2); noFill(); stroke(56, 56, 56); arc(95, 130, 10, 10, 240, 360); arc(105, 130, 10, 10, 180, 300); arc(80, 134, 8, 8, 240, 360); arc(88, 135, 8, 8, 180, 300); var blurredBackgroundGGB = get(); popMatrix(); }//@blurredBackgroundGGB (the background in GGB, beach, buildings, birds, clouds) var actualBlurredBackgroundGGB = function(){ image(blurredBackgroundGGB, 0, 0); filter(BLUR, 1); return get(); };//blurs ^ { pushMatrix(); actualBlurredBackgroundGGB(); image(maskedBayGGB, 0, 0);//the bay noStroke(); fill(0, 0, 0, 100);//shadow of bridge beginShape(); vertex(229, 375); bezierVertex(289, 344, 456, 266, 590, 248); vertex(600, 246); vertex(600, 259); bezierVertex(559, 269, 373, 343, 336, 379); endShape(); //water lines on bay stroke(255, 255, 255, 140); strokeWeight(2.5); line(13,222,50,222); line(43,240,82,240); line(20,276,42,276); line(114,265,149,265); line(158,228,176,228); line(172,251,201,251); line(230,218,246,218); line(221,242,251,242); line(22,243,0,243); line(92,217,117,217); line(159,308,192,308); line(244,343,273,343); line(304,298,332,298); line(384,274,425,274); line(379,227,336,227); line(442,260,467,260); line(444,349,461,349); line(497,314,543,314); line(538,285,531,285); line(587,316,569,316); line(596,360,572,360); line(538,369,517,369); line(477,382,437,382); line(391,373,377,373); line(245,341,219,341); line(227,324,193,324); line(433,325,452,325); line(384,304,362,304); line(137,245,106,245); line(85,276,71,276); line(22,294,5,294); line(507,342,551,342); line(504,257,522,257); line(563,393,593,393); line(423,357, 393, 357); //some cables that have to be places BEHIND everything fill(214, 15, 15); noStroke(); beginShape(); vertex(280, 28); bezierVertex(295, 71, 329, 114, 361, 148); vertex(361, 147); bezierVertex(330, 103, 296, 73, 286, 27); endShape(); stroke(214, 15, 15); strokeWeight(1); noFill(); bezier(601, 223, 586, 213, 572, 189, 564, 166); bezier(589, 228, 570, 227, 547, 186, 542, 168); noStroke(); fill(128, 0, 0); beginShape(); vertex(261, 385); vertex(261, 186); vertex(265, 186); vertex(265, 129); vertex(271, 129); vertex(271, 74); vertex(275, 74); vertex(275, 10); vertex(262, 10); vertex(262, 72); vertex(258, 72); vertex(258, 127); vertex(253, 127); vertex(253, 185); vertex(249, 185); vertex(250, 382); endShape();//left side darkest face fill(214, 15, 15); beginShape(); vertex(261, 384); vertex(261, 186); vertex(265, 186); vertex(265, 129); vertex(271, 129); vertex(271, 74); vertex(275, 74); vertex(275, 10); vertex(286, 14); vertex(286, 74); vertex(290, 74); vertex(290, 129); vertex(295, 129); vertex(295, 185); vertex(300, 185); vertex(300, 366); vertex(369, 384); vertex(406, 388); vertex(405, 392); vertex(376, 401); vertex(254, 401); vertex(250, 382); endShape();//left side main face and base fill(128, 0, 0); rectMode(CENTER); rect(276, 263, 4, 260);//crease that separators are stuck in beginShape(); vertex(277, 22); vertex(335, 22); vertex(335, 44); vertex(283, 44); vertex(277, 43); endShape(CLOSE);//top separator beginShape(); vertex(276, 80); vertex(276, 102); vertex(287, 103); vertex(331, 103); vertex(331, 80); endShape();//second from top rect(300, 147, 49, 23); rect(298, 204, 42, 21); {pushMatrix(); translate(460, 157); scale(0.3); fill(128, 0, 0); beginShape(); vertex(261, 385); vertex(261, 186); vertex(265, 186); vertex(265, 129); vertex(271, 129); vertex(271, 74); vertex(275, 74); vertex(275, 10); vertex(262, 10); vertex(262, 72); vertex(258, 72); vertex(258, 127); vertex(253, 127); vertex(253, 185); vertex(249, 185); vertex(250, 382); endShape();//left side darkest face fill(214, 15, 15); beginShape(); vertex(260, 384); vertex(260, 186); vertex(264, 186); vertex(264, 129); vertex(270, 129); vertex(270, 74); vertex(274, 74); vertex(274, 10); vertex(286, 14); vertex(286, 74); vertex(290, 74); vertex(290, 129); vertex(295, 129); vertex(295, 185); vertex(300, 185); vertex(300, 366); vertex(250, 382); endShape();//left side main face and base fill(128, 0, 0); rectMode(CENTER); rect(276, 253, 4, 240);//crease that separators are stuck in beginShape(); vertex(277, 22); vertex(335, 22); vertex(335, 44); vertex(283, 44); vertex(277, 43); endShape(CLOSE);//top separator beginShape(); vertex(276, 80); vertex(276, 102); vertex(287, 103); vertex(331, 103); vertex(331, 80); endShape();//second from top rect(300, 147, 49, 23); rect(298, 204, 42, 21); popMatrix(); }//left column of farther column //shadows of support stuff/support stuff on far side of bridge noStroke(); fill(128, 0, 0); quad(194,299,195,327,207,320,205,294); quad(200,316,163,334,171,338,196,325); quad(171,307,198,310,197,313,173,309); quad(211,303,222,287,235,284,212,310); quad(234,288,254,300,264,292,237,284); quad(253,295,216,309,216,315,259,297); quad(265,274,253,291,259,292,277,270); quad(276,271,295,286,302,284,282,268); quad(261,292,294,282,296,286,258,298); quad(312,261,299,277,296,275,305,263); quad(313,260,314,279,324,276,325,259); quad(372,249,374,261,382,259,380,249); quad(303,278,304,281,316,277,316,275); stroke(128, 0, 0); noFill(); strokeWeight(2); bezier(540, 236, 491, 239, 422, 247, 354, 265); strokeWeight(3); line(399,246,400,252); line(400,254,417,242); line(422,242,423,249); line(445,239,446,246); strokeWeight(2); line(446,246,463,237); line(467,237,468,242); strokeWeight(1.5); line(471,242,487,235); line(488,235,489,241); image(maskedBridgeGGB, 0, 0); fill(214, 15, 15); stroke(214, 15, 15); strokeWeight(1.6); beginShape(); vertex(39, 305); bezierVertex(90, 264, 395, 221, 601, 229); bezierVertex(395, 221, 92, 262, 32, 304); endShape(); //little support stuff under road beginShape(); vertex(601, 232); bezierVertex(422, 227, 215, 272, 149, 317); vertex(152, 323); bezierVertex(215, 275, 422, 227, 601, 232); endShape(); beginShape(); vertex(175, 340); bezierVertex(229, 306, 398, 236, 601, 235); vertex(601, 236); bezierVertex(398, 236, 229, 304, 171, 336); endShape(); quad(163,314,171,309,207,313,205,318); quad(201,295,214,290,215,314,202,320); quad(163,312,164,338,153,330,153,323); quad(211,310,232,283,239,282,217,314); quad(231,282,257,298,263,293,239,282); quad(256,296,274,269,281,267,265,293); quad(279,268,298,284,305,281,286,267); quad(301,277,318,259,322,259,305,280); quad(367,258,382,249,379,247,369,255); quad(378,253,379,261,384,260,382,248); quad(318,263,320,278,323,278,327,261); strokeWeight(3); line(381,248,404,255); line(405,256,404,244); line(407,254,425,242); strokeWeight(2.5); line(429,242,430,250); line(429,241,451,247); strokeWeight(2); line(451,244,451,239); line(453,246,476,236); strokeWeight(1.5); line(476,236,476,242); line(477,236,489,241); line(490,241,501,234); line(501,239,501,234); strokeWeight(1.1); line(501,235,514,239); line(515,240,525,233); line(524,233,525,239); line(525,233,538,238); noStroke(); fill(128, 0, 0); beginShape(); vertex(345, 10); vertex(345, 74); vertex(341, 74); vertex(341, 130); vertex(336, 130); vertex(336, 186); vertex(319, 186); vertex(319, 396); vertex(332, 399); vertex(332, 186); vertex(324, 186); vertex(324, 129); vertex(329, 129); vertex(329, 73); vertex(333, 73); vertex(333, 10); endShape();//dark side of closer one quad(288, 320, 299, 314, 322, 318, 323, 328);//beam thingies quad(281, 326, 288, 320, 320, 355, 320, 371); quad(319, 325, 320, 340, 275, 364, 275, 354); quad(275, 372, 275, 361, 320, 370, 321, 384); fill(214, 15, 15); beginShape(); vertex(345, 10); vertex(345, 74); vertex(341, 74); vertex(341, 130); vertex(336, 130); vertex(336, 186); vertex(332, 186); vertex(332, 399); vertex(342, 395); vertex(347, 396); vertex(372, 385); vertex(372, 186); vertex(367, 186); vertex(367, 130); vertex(360, 130); vertex(360, 74); vertex(356, 74); vertex(356, 15); endShape();//light face of close one fill(128, 0, 0); rect(346, 265, 4, 265);//segment sticking out fill(214, 15, 15); quad(524, 274, 546, 266, 590, 270, 570, 279);//base of farther column pushMatrix(); translate(460, 157); scale(0.3); fill(128, 0, 0); beginShape(); vertex(345, 10); vertex(345, 74); vertex(341, 74); vertex(341, 130); vertex(336, 130); vertex(336, 186); vertex(319, 186); vertex(319, 396); vertex(332, 399); vertex(332, 186); vertex(324, 186); vertex(324, 129); vertex(329, 129); vertex(329, 73); vertex(333, 73); vertex(333, 10); endShape();//dark side of closer one fill(214, 15, 15); beginShape(); vertex(344, 10); vertex(344, 74); vertex(340, 74); vertex(340, 130); vertex(335, 130); vertex(335, 186); vertex(331, 186); vertex(331, 399); vertex(342, 395); vertex(347, 396); vertex(372, 385); vertex(372, 186); vertex(367, 186); vertex(367, 130); vertex(360, 130); vertex(360, 74); vertex(356, 74); vertex(356, 15); endShape();//light face of close one fill(128, 0, 0); rect(346, 264, 4, 260);//segment sticking out pushMatrix(); translate(0, -30); quad(288, 300, 299, 294, 322, 298, 323, 308);//beam thingies quad(281, 306, 288, 300, 320, 335, 320, 351); quad(319, 305, 320, 320, 275, 344, 275, 334); quad(275, 352, 275, 341, 320, 350, 321, 364); popMatrix(); popMatrix(); //Big cables fill(214, 15, 15); beginShape(); vertex(-1, 223); bezierVertex(84, 186, 183, 121, 268, 19); vertex(268, 21); bezierVertex(198, 114, 80, 198, -1, 231); endShape(); beginShape(); vertex(-1, 257); bezierVertex(114, 231, 232, 156, 340, 17); vertex(341, 17); bezierVertex(251, 142, 144, 228, -1, 265); endShape(); beginShape(); vertex(352, 24); bezierVertex(383, 117, 505, 327, 562, 164); vertex(563, 165); bezierVertex(504, 329, 381, 116, 352, 34); endShape(); beginShape(); vertex(360, 149); bezierVertex(380, 172, 488, 294, 540, 170); vertex(542, 170); bezierVertex(484, 297, 375, 170, 360, 155); endShape(); stroke(179, 13, 13); strokeWeight(1); line(20,259,20,309); line(28,216,28,307); line(59,200,59,293); line(64,243,64,309); line(89,181,89,282); line(99,229,99,310); line(116,164,116,274); line(130,212,130,319); line(139,146,139,270); line(161,129,161,264); line(159,131,159,311); line(180,113,180,261); line(187,176,187,297); line(200,95,200,257); line(210,158,210,287); line(215,80,215,254); line(230,64,230,252); line(234,138,234,280); line(247,45,247,250); line(252,120,252,274); line(271,102,271,269); line(287,84,287,264); stroke(179, 13, 13, 200); line(301,67,301,261); line(319,45,319,240); line(366,66,366,130); line(380,93,380,247); line(392,116,392,244); stroke(179, 13, 13, 150); line(404,136,404,242); line(422,163,422,240); line(435,178,435,239); line(443,187,443,237); line(451,196,451,236); stroke(179, 13, 13, 100); line(460,203,460,236); line(467,210,467,235); line(475,214,475,235); line(480,217,480,235); line(487,221,487,234); line(493,222,493,234); line(499,220,499,233); line(506,215,506,228); line(508,215,508,232); line(514,224,514,232); line(400,192,400,232); line(410,200,410,233); line(427,211,427,232); line(435,216,435,232); //ROCKS noStroke(); fill(74, 20, 0); triangle(252,377, 269,400, 250, 400); fill(204, 133, 79); beginShape(); vertex(227,358); vertex(254,379); vertex(260,400); vertex(200, 400); endShape(); fill(176, 110, 60); beginShape(); vertex(175,336); vertex(212,337); vertex(226,345); vertex(235,370); vertex(241,400); vertex(150, 400); endShape(); fill(128, 58, 32); beginShape(); vertex(106,312); vertex(161,316); vertex(170,324); vertex(209,375); vertex(213, 400); vertex(100, 400); endShape(); fill(74, 20, 0); beginShape(); vertex(105,323); vertex(122,326); vertex(126,329); vertex(145,370); vertex(184,389); vertex(184, 400); vertex(100, 400); endShape(); fill(204, 133, 79); beginShape(); vertex(0,311); vertex(6,311); vertex(18,303); vertex(96,306); vertex(106,309); vertex(105,307); vertex(124,344); vertex(110,358); vertex(0,363); endShape(); fill(105, 29, 1); quad(28,339,21,325,-1,326,-1,341); fill(176, 110, 60); beginShape(); vertex(0,340); vertex(6,338); vertex(72,333); vertex(73,331); vertex(89,329); vertex(97,332); vertex(142,395); vertex(142,400); vertex(0, 400); endShape(); //grass fill(13, 79, 13); triangle(47,400,52,318,55,400); triangle(2,400,4,346,8,400); triangle(25,400,23,349,20,400); fill(43, 255, 50); triangle(5,333,6,400,7,400); triangle(11,400,11,389,13,400); triangle(23,400,25,381,27,400); triangle(36,400,36,369,38,400); triangle(51,400,47,349,57,400); triangle(66,400,68,320,68,400); triangle(77,400,79,366,82,400); triangle(94,400,105,366,98,400); triangle(109,400,111,358,112,400); triangle(124,400,123,375,127,400); triangle(142,400,143,386,145,400); triangle(157,400,159,357,160,400); triangle(196,400,196,370,198,400); triangle(229,400,229,388,231,400); fill(31, 173, 31); triangle(19,400,20,384,22,400); triangle(56,400,57,333,62,400); triangle(104,400,101,370,100,400); triangle(137,400,136,377,133,400); triangle(152,400,151,368,154,400); triangle(172,400,174,376,176,400); triangle(209,400,209,388,212,400); triangle(90,400,84,345,81,400); triangle(162,400,164,371,166,400); triangle(191,400,191,376,195,400); triangle(43,400,40,341,39,400); fill(13, 79, 13); triangle(13,400,15,373,16,400); triangle(32,400,32,362,36,400); triangle(67,400,72,356,71,400); triangle(91,400,88,355,86,400); triangle(108,400,106,352,106,400); triangle(115,400,118,387,118,400); triangle(126,400,128,367,129,400); triangle(146,400,146,379,149,400); triangle(165,400,170,362,169,400); triangle(181,400,181,375,186,400); triangle(203,400,204,383,206,400); var goldenGateBridge = get(); popMatrix(); }//@goldenGateBridge (all of that stuff + everything else) background(0, 0, 0, 0); { pushMatrix(); fill(255, 255, 0); noStroke(); ellipse(45, 45, 50, 50); fill(255, 255, 0, 20); for(var i = 50; i < 230; i+=30){ ellipse(45, 45, i, i); }//SUN fill(255); ellipse(203,33,86,36); ellipse(208,48,91,30); ellipse(286,48,117,22); ellipse(254,41,103,31); ellipse(545,29,47,26); ellipse(564,56,41,29); ellipse(438,44,41,8); ellipse(529,47,166,27); ellipse(163,42,91,15); ellipse(466,57,75,20); ellipse(353,-3,81,25); ellipse(404,1,97,28); noStroke(); fill(128, 128, 128); beginShape(); vertex(1,202); vertex(54,120); vertex(58,143); vertex(108,73); vertex(132,101); vertex(153,186); vertex(151,346); vertex(1,362); endShape(); beginShape(); vertex(256,100); vertex(293,133); vertex(352,86); vertex(362,115); vertex(401,140); vertex(459,131); vertex(504,91); vertex(531,173); vertex(552,123); vertex(601,140); vertex(601,304); vertex(513,348); vertex(184,365); endShape(); fill(125, 97, 69); beginShape(); vertex(2,237); vertex(7,244); vertex(19,227); vertex(65,258); vertex(92,177); vertex(106,188); vertex(135,99); vertex(154,91); vertex(174,102); vertex(185,95); vertex(247,164); vertex(313,185); vertex(333,152); vertex(342,126); vertex(367,145); vertex(384,182); vertex(443,174); vertex(452,183); vertex(463,147); vertex(546,194); vertex(555,180); vertex(580,226); vertex(597,208); vertex(598,320); vertex(285,377); vertex(0,367); endShape(); fill(125, 73, 21); beginShape(); vertex(-1,302); vertex(19,327); vertex(35,253); vertex(48,259); vertex(56,235); vertex(111,229); vertex(125,204); vertex(137,231); vertex(186,180); vertex(220,155); vertex(236,182); vertex(394,261); vertex(449,209); vertex(461,224); vertex(517,182); vertex(536,242); vertex(565,247); vertex(583,262); vertex(591,297); vertex(535,344); vertex(300,368); vertex(-1,364); endShape(); fill(lerpColor(color(23, 115, 13), color(125, 73, 21), 0.60)); beginShape(); vertex(-1, 297); bezierVertex(40, 290, 58, 274, 102, 293); bezierVertex(115, 305, 191, 306, 199, 263); bezierVertex(230, 220, 312, 274, 338, 281); bezierVertex(370, 294, 425, 300, 446, 286); bezierVertex(502, 274, 585, 267, 597, 281); vertex(601, 401); vertex(-1, 401); endShape(); var blurredBackgroundSBC = get(); popMatrix(); }//@blurredBackgroundSBC (background for Cathedral. sun, clouds, mountains, etc) var actualBlurredBackgroundSBC = function(){ image(blurredBackgroundSBC, 0, 0); filter(BLUR, 1); return get(); };//blurs it var maskedGroundSBC = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(-1, 349); msk.bezierVertex(45, 349, 95, 313, 301, 327); msk.bezierVertex(474, 288, 472, 386, 601, 269); msk.vertex(601, 401); msk.vertex(-1, 401); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.background(23, 115, 13); for(var i = 0; i < 600; i++){ var lineRX = random(0, 550); var lineRY = random(325, 400); bkg.stroke(random(0, 255), 70); bkg.strokeWeight(1.5); bkg.line(lineRX, lineRY, lineRX, lineRY+3); } for(var i = 0; i < 100; i++){ var lineRX2 = random(550, 600); var lineRY2 = random(250, 400); bkg.stroke(random(0, 255), 70); bkg.strokeWeight(1.5); bkg.line(lineRX2, lineRY2, lineRX2, lineRY2+3); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the ground of the cathedral - vertical line with low opacity - makes it look like grass? var flowerBunch = function(x, y){ stroke(18, 156, 0); strokeWeight(2); noFill(); arc(x-10, y, 20, 22, 299, 360); arc(x+10, y, 20, 22, 180, 241); line(x, y, x, y-11); noStroke(); fill(238, 0, 255); ellipse(x-8, y-12, 8, 3); ellipse(x-8, y-12, 3, 8); fill(255, 0, 0); ellipse(x+8, y-12, 8, 3); ellipse(x+8, y-12, 3, 8); fill(0, 47, 255); ellipse(x, y-16, 8, 3); ellipse(x, y-16, 3, 8); fill(255, 230, 0); ellipse(x-8, y-12, 3, 3); ellipse(x+8, y-12, 3, 3); ellipse(x, y-16, 3, 3); };//FlowerBunch the original!!! { pushMatrix(); background(109, 186, 201); actualBlurredBackgroundSBC(); image(maskedGroundSBC, 0, 0); rectMode(CENTER); pushMatrix(); translate(75, -8); scale(0.67); { noStroke(); fill(255, 109, 31); quad(515,550,514,593,110,593,107,550); quad(107,508,111,550,510,550,512,508);//bottom base fill(23, 122, 49); quad(104,508,120,481,507,481,517,508);//green roof thingy fill(0, 0, 0, 50);//shadows and such quad(443,567,444,593,514,593,514,567); quad(470,550,466,508,512,508,510,550); rect(309, 512, 403, 2); stroke(255); line(108,572,514,572); line(109,527,511,527); fill(255); rect(310, 538, 400, 6); noStroke(); fill(0, 0, 0, 50); triangle(425,508,424,545,433,508); triangle(217,508,222,548,223,508); triangle(304,508,300,525,298,508);//more shadows fill(255); stroke(255); rect(309, 508, 416, 2); stroke(255); noFill(); rectMode(CENTER); strokeWeight(3); for(var blockX = 104; blockX<511; blockX+=(511-104)/29){ rect(blockX+10, 557, (516-104)/29, (516-104)/29); }//squares along bottom //windows along bottom fill(36, 16, 0); strokeWeight(2.5); quad(119,521,129,521,127,544,120,544); quad(138,544,140,521,146,521,149,544); quad(159,544,159,521,168,521,167,544); noStroke(); quad(185,525,186,549,210,549,211,525); rect(234,537, 12, 24); rect(255,537, 12, 24); rect(276,537, 12, 24); quad(337,525,338,549,358,549,359,525); rect(385,537, 20, 24); rect(474,537, 12, 24); rect(496,537, 12, 24); strokeWeight(3); stroke(255); arc(234,526, 15, 12, 180, 360); arc(255,526, 15, 12, 180, 360); arc(276,526, 15, 12, 180, 360); arc(474,526, 15, 12, 180, 360); arc(496,526, 15, 12, 180, 360); strokeWeight(5); arc(198,526, 31, 19, 180, 360); arc(348,526, 27, 19, 180, 360); arc(385,526, 25, 19, 180, 360); }//base { fill(255, 109, 31); noStroke(); rect(327,446,63,51); fill(0, 0, 0, 50); rect(349,454,16,37); rect(357,429,6,16); stroke(255); strokeWeight(3); line(299,436,359,436); fill(36, 16, 0); noStroke(); rect(320,447, 12, 24); rect(341,447, 12, 24); stroke(255); arc(320,436, 15, 22, 180, 360); arc(341,436, 15, 22, 180, 360); noStroke(); fill(255, 109, 31); rect(330,364, 70, 94); fill(18, 105, 40); quad(298,419,302,407,361,407,363,418); fill(0, 0, 0, 50); rect(341,367,5,101); stroke(255); strokeWeight(2.5); fill(255, 109, 31); triangle(302,420,311,406,321,420); triangle(320,420,330,406,340,420); stroke(210); triangle(340,420,350,406,361,420); noFill(); strokeWeight(1); stroke(255, 255, 255); beginShape(); vertex(327, 368); vertex(327, 349); vertex(334, 349); vertex(321, 340); vertex(309, 348); vertex(314, 348); vertex(314, 369); endShape(); fill(36, 16, 0); strokeWeight(1.2); quad(318,367,317,349,324,350,324,367); noStroke(); fill(255); rect(341,325,7,6); rect(341,334,7,6); rect(341,344,7,6); rect(341,354,7,6); rect(341,362,7,5); fill(255, 109, 31); rect(343, 219, 94, 38); fill(0, 0, 0, 50); rect(340,219, 8, 38); rect(374,219, 24, 38); rect(304,219, 10, 38); fill(36, 16, 0); rect(322, 227, 8, 14); rect(361,227, 8, 14); stroke(176, 69, 16); strokeWeight(3); fill(255); arc(322, 220, 14, 21, 180, 360); arc(361, 220, 14, 21, 180, 360); noStroke(); fill(36, 16, 0); arc(322, 221, 8, 14, 180, 360); arc(361, 221, 8, 14, 180, 360);//window thingies at the top fill(255); stroke(176, 69, 16); strokeWeight(2); rect(355,229, 8, 12); arc(355, 224, 8, 11, 180, 360); rect(369,229, 8, 12); arc(369, 224, 8, 11, 180, 360); rect(329,229, 8, 12); arc(329, 224, 8, 11, 180, 360); rect(314,229, 8, 12); arc(314, 224, 8, 11, 180, 360);//^^ noStroke(); fill(23, 122, 49); quad(294,304,302,235,380,235,387,300); stroke(255, 109, 31); fill(255); strokeWeight(4); ellipse(361,251, 38, 38); ellipse(321,251, 38, 38); ellipse(385,251, 11, 38); ellipse(298,251, 11, 38); stroke(176, 69, 16); ellipse(361,251, 28, 28); ellipse(321,251, 28, 28); strokeWeight(2); ellipse(385,251, 4, 27); ellipse(298,251, 4, 27); stroke(255, 109, 31); fill(255); strokeWeight(5); ellipse(363,271, 40, 40); ellipse(319,271, 40, 40); ellipse(389,271, 12, 38); stroke(176, 69, 16); ellipse(363,271, 28, 28); ellipse(319,271, 28, 28); strokeWeight(2); ellipse(389,271, 4, 27); stroke(255, 109, 31); fill(255); strokeWeight(5); ellipse(364,295, 40, 44); ellipse(318,295, 40, 44); ellipse(391,295, 11, 44); stroke(176, 69, 16); ellipse(364,295, 28, 32); ellipse(318,295, 28, 32); strokeWeight(2); ellipse(391,295, 3, 28); fill(0, 0, 0, 40);//some shading stroke(0, 0, 0, 40); strokeWeight(4); ellipse(385,251, 11, 38); strokeWeight(5); ellipse(389,271, 12, 38); ellipse(391,295, 11, 44); fill(36, 16, 0); stroke(255, 109, 31); strokeWeight(3.0); ellipse(364, 294, 9, 9); ellipse(318, 294, 9, 9); fill(255); strokeWeight(4); stroke(176, 69, 16); ellipse(341,252, 12, 12); ellipse(341,273, 12, 12); ellipse(341,297, 12, 12); fill(205); ellipse(381,252, 10, 12); ellipse(384,273, 10, 12); noStroke(); rect(330,374,61,4); fill(18, 105, 40); rect(330,370,61,4); rect(344,303,69,6); stroke(255); strokeWeight(2); line(302,320,362,320); line(301,316,359,316); strokeWeight(3); line(310,307,369,307); fill(36, 16, 0); strokeWeight(1); stroke(255, 109, 31); for(var i = 300; i<362; i += 5){ rect(i, 311, 5, 5); } //topper stuff noStroke(); fill(255, 109, 31); quad(300,191,330,85,352,85,378,191); fill(0, 0, 0, 50); quad(317,191,333,85,335,85,325,191); quad(350,191,348,85, 352, 85, 378, 191); stroke(21, 105, 42); strokeWeight(3); pushMatrix(); translate(-24, -14); scale(1.07); ellipse(345,181,9,11); ellipse(336,181,9,11); ellipse(341,189,9,11); ellipse(332,189,9,11); ellipse(350,189,9,11); quad(336, 173, 341, 168, 346, 173, 341, 179); popMatrix(); fill(21, 105, 42); pushMatrix(); translate(69, -19); scale(0.7, 1.1); ellipse(345,181,9,11); ellipse(336,181,9,11); ellipse(341,189,9,11); ellipse(332,189,9,11); ellipse(350,189,9,11); quad(339, 170, 346, 170, 347, 173, 343, 179); popMatrix(); stroke(13, 69, 27); fill(13, 69, 27); pushMatrix(); translate(138, -19); scale(0.7, 1.1); ellipse(345,181,9,11); ellipse(336,181,9,11); ellipse(341,189,9,11); ellipse(332,189,9,11); ellipse(350,189,9,11); quad(335, 173, 335, 170, 341, 170, 340, 179); popMatrix(); stroke(255); strokeWeight(2); fill(255, 109, 31); ellipse(345,181,9,11); ellipse(336,181,9,11); ellipse(341,189,9,11); ellipse(332,189,9,11); ellipse(350,189,9,11); quad(336, 173, 341, 168, 346, 173, 341, 179); pushMatrix(); translate(84, 0); scale(0.65, 1); ellipse(345,181,9,11); ellipse(336,181,9,11); ellipse(341,189,9,11); ellipse(332,189,9,11); ellipse(350,189,9,11); quad(336, 173, 341, 168, 346, 173, 341, 179); popMatrix(); fill(212, 89, 27); stroke(205); pushMatrix(); translate(156, 0); scale(0.65, 1); ellipse(345,181,9,11); ellipse(336,181,9,11); ellipse(341,189,9,11); ellipse(332,189,9,11); ellipse(350,189,9,11); quad(336, 173, 341, 168, 346, 173, 341, 179); popMatrix(); stroke(255); strokeWeight(2); line(296,204,390,204); noStroke(); fill(255); quad(295,201,284,195,400,195,391,201); fill(0, 0, 0, 60); quad(301,194,309,201,295, 201, 284, 195); quad(380,193,375,201, 391, 201, 400, 195); fill(24, 122, 49); beginShape(); vertex(284, 195); bezierVertex(290, 196, 295, 197, 302, 195); bezierVertex(313, 198, 327, 198, 340, 195); bezierVertex(349, 198, 362, 198, 379, 195); bezierVertex(382, 199, 392, 197, 400, 195); vertex(386, 191); vertex(300, 191); endShape(); fill(255); noStroke(); rect(341,79, 22, 11); rect(341,70, 22, 3); fill(212, 89, 27); rect(341,73, 22, 3); stroke(255, 238, 0); strokeWeight(1); line(329,68,352,68); line(327,65,354,65); stroke(196, 183, 0); strokeWeight(2); line(329,67,352,67); fill(255, 198, 43); noStroke(); beginShape(); vertex(356, 65); bezierVertex(369, 52, 347, 41, 344, 32); vertex(340, 32); bezierVertex(338, 41, 311, 52, 328, 65); endShape(); fill(0, 0, 0, 40); beginShape(); vertex(327, 64); bezierVertex(324, 61, 322, 60, 323, 56); bezierVertex(331, 65, 352, 63, 358, 49); bezierVertex(362, 55, 359, 65, 354, 64); endShape(); fill(163, 139, 0); triangle(344, 32, 340, 32, 342, 25); stroke(255, 187, 0); strokeWeight(1); line(342,25,342,16); line(339,19,345,19); line(339,25,347,22); }//big tall thing in the middle { //dome-cone yellow green tall left base noStroke(); fill(18, 107, 40); rect(165,399,49,20); fill(255, 109, 31); rect(163,369,42,40); stroke(176, 69, 16); strokeWeight(2); beginShape(); vertex(140, 395); bezierVertex(138, 388, 141, 377, 145, 369); bezierVertex(150, 377, 152, 388, 152, 395); endShape(CLOSE); beginShape(); vertex(162, 396); bezierVertex(162, 389, 163, 379, 171, 369); bezierVertex(177, 376, 179, 384, 182, 396); bezierVertex(174, 397, 168, 397, 163, 395); endShape(); arc(140,410, 9, 34, 180, 360); arc(159,410, 26, 33, 180, 360); arc(187,410, 26, 33, 180, 270); fill(255); noStroke(); arc(140,410, 4, 23, 180, 360); arc(159,410, 20, 23, 180, 360); arc(187,410, 20, 23, 180, 360); fill(255, 109, 31); noStroke(); rect(165,447, 55, 68); rect(165,416,59,3); stroke(255); strokeWeight(5); line(166,438,192,438); strokeWeight(2); line(136,419,194,419); noStroke(); fill(255); rect(165,423,57,3); rect(165,412,63,5); stroke(255); strokeWeight(3); line(142,358,183,358); strokeWeight(2); line(141,354,184,354); fill(235, 200, 0); noStroke(); rect(169,351,61,3); rect(170,345,62,2); fill(255, 230, 0); rect(169,348,63,4); rect(165,343,57,1); stroke(255); strokeWeight(2.0); fill(0, 61, 10); rect(157,373, 4, 19); noStroke(); fill(247, 222, 0); beginShape(); vertex(138, 343); bezierVertex(90, 300, 168, 269, 166, 238); vertex(172, 238); bezierVertex(173, 269, 246, 300, 206, 344); endShape(); fill(0, 107, 21); beginShape(); vertex(164, 254); bezierVertex(166, 268, 95, 305, 138, 344); bezierVertex(111, 309, 168, 270, 168, 254); endShape(); beginShape(); vertex(145, 344); bezierVertex(133, 308, 177, 269, 173, 254); vertex(177, 254); bezierVertex(183, 285, 153, 313, 154, 344); endShape(); beginShape(); vertex(161, 344); bezierVertex(182, 328, 187, 283, 184, 262); vertex(194, 274); bezierVertex(202, 301, 195, 331, 170, 344); endShape(); beginShape(); vertex(184, 344); bezierVertex(203, 331, 215, 312, 205, 286); bezierVertex(222, 311, 213, 330, 201, 344); endShape();//taller left yellow green dome cone fill(255, 194, 38); triangle(166,238,169,219,172,239);//tip of domecone stroke(255, 194, 38); strokeWeight(1); line(169,223,169,203); line(165,209,174,209); line(165,215,175,219); //triangle thing i forgot to add before... fill(255); strokeWeight(2); stroke(176, 69, 16); triangle(180,430,172,481,189,481); noStroke(); fill(255, 109, 31); triangle(180,440,174,481,187,481); fill(9, 69, 24); stroke(255); strokeWeight(1); rect(179,467,3,18); noStroke(); fill(0, 0, 0, 50); beginShape(); vertex(139, 343); bezierVertex(134, 339, 127, 335, 129, 334); bezierVertex(150, 337, 208, 326, 203, 284); bezierVertex(221, 302, 223, 331, 205, 344); endShape();//shadow!! }//tall green over yellow on left { //dome-cone short yellow green base noStroke(); fill(255, 109, 31); quad(166,500,132,501,131,485,166,485); stroke(255); strokeWeight(3.5); line(131,485,164,485); strokeWeight(2); stroke(189, 139, 0); line(127,475,168,475); fill(255, 217, 0); strokeWeight(1); rect(147,481, 39, 2); noStroke(); rect(147,478, 41, 4); stroke(189, 139, 0); line(127,477,167,477); //Cone green/yellow shortest one fill(0, 107, 21); noStroke(); beginShape(); vertex(168, 477); bezierVertex(197, 445, 152, 427, 150, 408); vertex(146, 408); bezierVertex(143, 435, 99, 441, 127, 477); endShape(); fill(214, 196, 0); beginShape(); vertex(126, 476); bezierVertex(100, 442, 138, 435, 145, 412); bezierVertex(145, 431, 108, 443, 126, 476); endShape(); beginShape(); vertex(129, 477); bezierVertex(120, 444, 144, 432, 147, 416); bezierVertex(145, 435, 123, 450, 135, 477); endShape(); beginShape(); vertex(141, 478); bezierVertex(141, 450, 159, 434, 153, 415); bezierVertex(162, 427, 153, 450, 144, 478); endShape(); beginShape(); vertex(150, 478); bezierVertex(169, 464, 171, 452, 162, 426); bezierVertex(176, 453, 174, 465, 155, 477); endShape(); beginShape(); vertex(169, 478); bezierVertex(175, 471, 181, 461, 177, 449); bezierVertex(177, 461, 173, 471, 164, 478); endShape(); fill(255, 194, 38); triangle(146,408,148,376,149,408); stroke(255, 194, 38); line(142,394,153,399); line(143,386,151,386); noStroke(); fill(0, 0, 0, 50); beginShape(); vertex(175, 426); bezierVertex(174, 461, 151, 482, 120, 465); bezierVertex(120, 481, 136, 483, 153, 486); vertex(153, 500); vertex(166, 500); vertex(168, 478); bezierVertex(185, 474, 191, 447, 190, 425); endShape(); }//short yellow over green { fill(255, 109, 31); quad(492,410,497,393,408,393,413,410); fill(0, 0, 0, 50); quad(462,408,462,399,495,399,492,408); //base of green over red pushMatrix(); translate(187, 0); noStroke(); fill(255, 109, 31); quad(237,497,235,480,305,480,304,497); stroke(255); strokeWeight(2); line(227,486,303,486); noStroke(); fill(255); rect(265,477, 81, 5); strokeWeight(4); stroke(23, 122, 49); line(303,473,228,473); fill(255, 109, 31); noStroke(); rect(266,441, 76, 60); fill(255); rect(266,409, 80, 3); strokeWeight(2); stroke(255); line(228,470,303,470); strokeWeight(2.5); noStroke(); fill(255); rect(266,396, 85, 5); stroke(176, 69, 16); triangle(240,468,233,422,228,468); triangle(241,468,252,420,263,468); triangle(269,468,278,420,290,468); triangle(292,468,299,422,304,468); noStroke(); fill(255, 109, 31); triangle(238,468,233,439,230,468); triangle(244,468,252,430,260,468); fill(176, 69, 16); triangle(272,468,278,430,287,468); triangle(294,468,299,438,302,468); fill(9, 69, 24); stroke(255); strokeWeight(1.5); quad(250,468,250,448,254,448,255,468); quad(277,468,277,449,281,449,282,468); strokeWeight(1); rect(233, 459, 2, 20); rect(298,459, 2, 20); noStroke(); fill(0, 0, 0, 50); rect(288,440, 31, 58); stroke(23, 122, 49); strokeWeight(2); line(229,468,302,468); noStroke(); fill(255, 109, 31); rect(266,356, 64, 38); stroke(255); strokeWeight(2); fill(11, 71, 26); rect(249,355, 4, 22); rect(283,355, 4, 22); fill(0, 0, 0, 50); noStroke(); rect(284,356, 28, 38); fill(18, 107, 40); quad(226,396,232,370,303,370,308,394); popMatrix(); fill(255); stroke(176, 54, 2); strokeWeight(5.3); beginShape(); vertex(430, 376); bezierVertex(437, 370, 426, 365, 423, 361); vertex(417, 364); vertex(407,376); endShape(); beginShape(); vertex(444, 376); bezierVertex(439, 369, 450, 365, 454, 360); bezierVertex(458, 365, 470, 369, 463, 376); endShape(); fill(200); beginShape(); vertex(474, 376); bezierVertex(472, 369, 479, 365, 483, 360); bezierVertex(486, 365, 496, 369, 491, 376); endShape(); pushMatrix(); translate(187, 0); strokeWeight(2); fill(255); arc(228,394, 8, 40, 180, 360); arc(249,394, 32, 40, 180, 360); arc(282,394, 31, 40, 180, 360); fill(200); arc(304,394, 10, 40, 180, 360); noStroke(); fill(255, 109, 31); arc(227,394, 4, 27, 180, 360); arc(249,394, 20, 27, 180, 360); arc(282,394, 20, 27, 180, 360); fill(207, 87, 27); arc(303,394, 6, 24, 180, 360); popMatrix(); strokeWeight(3); stroke(255, 109, 31); point(423,392); point(425,387); point(427,383); point(431,379); point(436,378); point(441,379); point(445,383); point(447,387); point(448,392); point(457,392); point(458,388); point(460,383); point(464,379); point(469,378); point(474,379); point(478,383); point(480,387); point(481,392); strokeWeight(2); stroke(255); fill(9, 59, 21); ellipse(436, 389, 6, 6); ellipse(469,389, 6, 6); strokeWeight(1); stroke(200); ellipse(490,390, 3, 6); pushMatrix(); translate(187, 0); fill(255); noStroke(); rect(266,396, 87, 5); pushMatrix(); translate(-3, 0); fill(232, 45, 16); beginShape(); vertex(304, 319); bezierVertex(358, 271, 284, 254, 270, 197); vertex(265, 197); bezierVertex(250, 254, 175, 271, 231, 319); endShape();//red dome cone popMatrix();//pops the dome over -3 - just looks better popMatrix(); fill(13, 120, 33); beginShape(); vertex(439, 318); bezierVertex(414, 304, 405, 276, 411, 255); bezierVertex(387, 278, 415, 314, 427, 318); endShape(); beginShape(); vertex(455, 318); bezierVertex(434, 304, 416, 272, 429, 235); vertex(437, 224); bezierVertex(437, 273, 453, 305, 466, 318); endShape(); beginShape(); vertex(473, 319); bezierVertex(472, 291, 441, 245, 445, 215); vertex(450, 215); bezierVertex(450, 247, 489, 264, 482, 318); endShape(); beginShape(); vertex(489, 316); bezierVertex(514, 277, 459, 241, 456, 215); vertex(460, 215); bezierVertex(463, 239, 528, 276, 494, 314); endShape(); fill(0, 0, 0, 50); beginShape();//shadow vertex(416, 321); bezierVertex(408, 314, 401, 307, 396, 295); bezierVertex(431, 315, 488, 308, 498, 263); bezierVertex(515, 288, 504, 307, 487, 320); endShape(); pushMatrix(); translate(187, 0); translate(-3, 0); fill(255, 194, 38); triangle(265,197,267,170,270,197);//tip of cone stroke(255, 194, 38); line(267,176,267,157); line(262,180,273,174); line(262,164,273,164); noStroke(); translate(0, 0); stroke(255); strokeWeight(3); line(234,336,297,336); stroke(255, 109, 31); line(235,333,296,333); strokeWeight(4); stroke(191, 162, 0); line(233,328,298,328); strokeWeight(2); line(228,319,303,319); stroke(255, 238, 0); strokeWeight(2); line(232,331,299,331); strokeWeight(2); line(228,317,305,317); fill(255, 238, 0); noStroke(); rect(266,323, 74, 6); popMatrix(); fill(255); rect(428,433,6,24); rect(452,433,9,24); fill(180); rect(476,433,7,24); }//tall green over red { fill(23, 122, 49); rect(385.5,434,57,16); strokeWeight(2); fill(255); stroke(176, 69, 16); arc(361,442, 7, 21, 180, 360); arc(375,442, 19, 20, 180, 360); arc(396,442, 21, 21, 180, 360); arc(411,442, 6, 21, 180, 360); noStroke(); fill(255, 109, 31); arc(361,442, 4, 14, 180, 360); arc(375,442, 15, 15, 180, 360); arc(396,442, 17, 15, 180, 360); arc(411,442, 3, 14, 180, 360); fill(23, 122, 49); rect(385,449,65,15); fill(255); stroke(176, 69, 16); arc(363,456, 17, 21, 180, 360); arc(384,456, 23, 21, 180, 360); arc(407,456, 19, 21, 180, 360); noStroke(); fill(255, 109, 31); arc(364,456, 13, 16, 180, 360); arc(384,456, 19, 16, 180, 360); arc(406,456, 16, 17, 180, 360); fill(23, 122, 49); rect(385.5,465,71,16); fill(255); stroke(176, 69, 16); arc(356,473, 10, 26, 180, 360); arc(373,473, 22, 26, 180, 360); arc(396,473, 22, 25, 180, 360); arc(414,473, 12, 27, 180, 360); noStroke(); fill(255, 109, 31); arc(357,473, 7, 20, 180, 360); arc(373,473, 17, 20, 180, 360); arc(396,473, 18, 19, 180, 360); arc(413,473, 9, 21, 180, 360); fill(255); rect(386.5,424,58,3); fill(255, 109, 31); rect(386,405,55,35); stroke(255); line(360,417,413,417); line(359,391,414,391); line(357,387,415,387); fill(0, 61, 10); rect(373, 406, 4, 20); rect(401, 406, 5, 20); stroke(255, 109, 31); line(357,385,415,385); fill(255, 238, 0); noStroke(); rect(386,381,61,5); stroke(232, 209, 0); line(358,378,414,378); stroke(255, 238, 0); strokeWeight(1); line(358,376,414,376); fill(0, 0, 0, 50); noStroke(); rect(405,433,24,80); strokeWeight(2.5); stroke(0, 107, 21); fill(247, 222, 0); beginShape(); vertex(358, 375); bezierVertex(310, 330, 369, 326, 384, 278); vertex(389, 278); bezierVertex(393, 317, 465, 332, 415, 375); endShape(CLOSE); noFill();//the lines bezier(386, 295, 381, 321, 331, 335, 344, 359); bezier(396, 298, 390, 326, 341, 342, 352, 369); bezier(404, 308, 399, 325, 357, 353, 363, 374); bezier(411, 315, 408, 328, 371, 358, 374, 374); bezier(416, 318, 419, 334, 400, 360, 382, 374); bezier(423, 326, 425, 348, 415, 366, 394, 374); bezier(431, 340, 429, 352, 420, 369, 407, 374); bezier(386, 295, 393, 321, 439, 335, 429, 359); bezier(375, 298, 377, 316, 435, 348, 421, 369); bezier(368, 308, 377, 333, 413, 351, 409, 374); bezier(361, 315, 368, 335, 399, 357, 398, 374); bezier(358, 318, 354, 336, 376, 364, 390, 374); bezier(349, 326, 350, 349, 357, 364, 379, 374); bezier(340, 340, 345, 356, 352, 366, 366, 374); fill(0, 107, 21); noStroke(); quad(377,295,394,295,388,277,383,277); //THE TIP fill(255, 194, 38); triangle(383,277,386,258,390,277); strokeWeight(1); stroke(255, 194, 38); line(386,263,386,241); line(381,247,393,247); line(380,258,393,252); noStroke(); fill(0, 0, 0, 50); beginShape(); vertex(357, 375); bezierVertex(350, 369, 347, 363, 344, 356); bezierVertex(371, 374, 421, 366, 424, 326); bezierVertex(442, 347, 428, 364, 415, 375); endShape(); }//green lines over yellow { pushMatrix(); translate(-134, 114); scale(0.9, 0.76); fill(23, 122, 49); rect(385.5,434,57,16); strokeWeight(2); fill(255); stroke(176, 69, 16); arc(361,442, 7, 21, 180, 360); arc(375,442, 19, 20, 180, 360); arc(396,442, 21, 21, 180, 360); arc(411,442, 6, 21, 180, 360); noStroke(); fill(255, 109, 31); arc(361,442, 4, 14, 180, 360); arc(375,442, 15, 15, 180, 360); arc(396,442, 17, 15, 180, 360); arc(411,442, 3, 14, 180, 360); fill(23, 122, 49); rect(385,449,65,15); fill(255); stroke(176, 69, 16); arc(363,456, 17, 21, 180, 360); arc(384,456, 23, 21, 180, 360); arc(407,456, 19, 21, 180, 360); noStroke(); fill(255, 109, 31); arc(364,456, 13, 16, 180, 360); arc(384,456, 19, 16, 180, 360); arc(406,456, 16, 17, 180, 360); fill(23, 122, 49); rect(385.5,465,71,16); fill(255); stroke(176, 69, 16); arc(356,473, 10, 26, 180, 360); arc(373,473, 22, 26, 180, 360); arc(396,473, 22, 25, 180, 360); arc(414,473, 12, 27, 180, 360); noStroke(); fill(255, 109, 31); arc(357,473, 7, 20, 180, 360); arc(373,473, 17, 20, 180, 360); arc(396,473, 18, 19, 180, 360); arc(413,473, 9, 21, 180, 360); fill(255); rect(386.5,424,58,3); fill(255, 109, 31); rect(386,405,55,35); stroke(255); line(360,417,413,417); line(359,391,414,391); line(357,387,415,387); fill(0, 61, 10); rect(372, 406, 4, 20); rect(394, 406, 4, 20); stroke(255, 109, 31); line(357,385,415,385); fill(255, 238, 0); noStroke(); rect(386,381,61,5); stroke(232, 209, 0); line(358,378,414,378); stroke(255, 238, 0); strokeWeight(1); line(358,376,414,376); fill(0, 0, 0, 50); noStroke(); rect(408,433,24,80); popMatrix(); fill(34, 86, 230); beginShape(); vertex(242, 399); bezierVertex(265, 355, 218, 358, 214, 320); vertex(210, 320); bezierVertex(206, 355, 150, 358, 188, 399); endShape(); fill(232, 45, 16); beginShape(); vertex(183, 393); bezierVertex(178, 391, 165, 370, 184, 356); bezierVertex(172, 369, 179, 389, 183, 393); endShape(); beginShape(); vertex(191, 399); bezierVertex(167, 366, 207, 345, 209, 332); vertex(212, 332); bezierVertex(216, 349, 184, 363, 199, 399); endShape(); beginShape(); vertex(207, 399); bezierVertex(202, 371, 217, 364, 219, 336); vertex(224, 344); bezierVertex(226, 367, 223, 380, 216, 399); endShape(); beginShape(); vertex(230, 401); bezierVertex(243, 389, 234, 366, 230, 350); bezierVertex(248, 366, 247, 397, 230, 401); endShape(); fill(255, 194, 38); triangle(210,320,212,305,214,320);//the TIPPPP stroke(255, 194, 38); line(212,310,211,298); line(208,306,215,302); fill(0, 0, 0, 70); noStroke(); beginShape(); vertex(188, 399); bezierVertex(185, 396, 182, 392, 177, 386); bezierVertex(207, 397, 227, 375, 229, 349); bezierVertex(249, 364, 250, 389, 242, 399); endShape(); }//red over blue //other stuff.... stroke(255); strokeWeight(2); line(177,489,421,489); line(179,474,420,474); stroke(255, 109, 31); strokeWeight(4); line(178,486,421,486); noStroke(); fill(255); rect(300, 481, 251, 5); stroke(23, 122, 49); line(179,477,422,477); strokeWeight(2); line(179,472,420,472); { //base of white/blue noStroke(); fill(255, 109, 31); quad(228,497,226,480,305,480,304,497); stroke(255); strokeWeight(2); line(227,486,303,486); noStroke(); fill(255); rect(265,477, 81, 5); strokeWeight(4); stroke(23, 122, 49); line(303,473,228,473); fill(255, 109, 31); noStroke(); rect(266,441, 76, 60); fill(255); rect(266,409, 80, 3); stroke(255, 109, 31); strokeWeight(3); line(229,406,303,406); strokeWeight(4); line(227,401,305,401); strokeWeight(2); stroke(255); line(307,404,225,404); line(228,470,303,470); strokeWeight(2.5); line(266,429,266,469); noStroke(); fill(255); rect(266,396, 85, 5); rect(266,427, 78, 6); stroke(176, 69, 16); triangle(240,468,233,422,228,468); triangle(241,468,252,420,263,468); triangle(269,468,278,420,290,468); triangle(292,468,299,422,304,468); noStroke(); fill(255, 109, 31); triangle(238,468,233,439,230,468); triangle(244,468,252,430,260,468); triangle(272,468,278,430,287,468); triangle(294,468,299,438,302,468); fill(9, 69, 24); stroke(255); strokeWeight(1.5); quad(250,468,250,448,254,448,255,468); quad(277,468,277,449,281,449,282,468); strokeWeight(1); rect(233, 459, 2, 20); rect(298,459, 2, 20); noStroke(); fill(0, 0, 0, 50); rect(288,431, 41, 75); stroke(23, 122, 49); strokeWeight(2); line(229,468,302,468); noStroke(); fill(255, 109, 31); rect(266,356, 64, 38); stroke(255); strokeWeight(2); fill(11, 71, 26); rect(249,355, 4, 22); rect(283,355, 4, 22); fill(0, 0, 0, 50); noStroke(); rect(285,356, 25, 38); fill(18, 107, 40); quad(226,396,232,370,303,370,308,394); fill(255, 109, 31); stroke(176, 69, 16); beginShape(); vertex(276, 377); bezierVertex(267, 380, 261, 380, 255, 377); bezierVertex(256, 366, 258, 358, 265, 347); bezierVertex(269, 355, 275, 368, 276, 379); endShape(); beginShape(); vertex(245, 378); bezierVertex(239, 380, 228, 380, 230, 378); bezierVertex(230, 368, 234, 357, 237, 348); bezierVertex(241, 359, 242, 367, 243, 378); endShape(); beginShape(); vertex(303, 377); bezierVertex(299, 378, 294, 378, 290, 377); bezierVertex(290, 365, 293, 353, 296, 347); bezierVertex(301, 357, 303, 369, 303, 377); endShape(); arc(228,394, 8, 40, 180, 360); arc(249,394, 32, 40, 180, 360); arc(282,394, 31, 40, 180, 360); arc(304,394, 10, 40, 180, 360); noStroke(); fill(255); arc(228,394, 4, 27, 180, 360); arc(249,394, 23, 25, 180, 360); arc(282,394, 23, 24, 180, 360); arc(304,394, 6, 27, 180, 360); stroke(255, 109, 31); quad(244,385,244,392,253,392,253,384); quad(277,385,277,392,286,392,286,386); strokeWeight(1); rect(227,389, 2, 8); rect(303,389, 3, 8); fill(19, 102, 40); noStroke(); fill(255, 217, 0); rect(248,388, 4, 3); rect(282,389, 4, 2); rect(304, 389, 1, 3); rect(227, 389, 1, 3); fill(255); noStroke(); rect(266,396, 87, 5); fill(0, 64, 255); beginShape(); vertex(304, 319); bezierVertex(358, 271, 284, 254, 270, 197); vertex(265, 197); bezierVertex(250, 254, 175, 271, 231, 319); endShape();//blue dome cone fill(232, 235, 255); beginShape(); vertex(236, 317); bezierVertex(192, 281, 245, 250, 258, 215); vertex(260, 215); bezierVertex(257, 229, 217, 285, 239, 317); endShape(); beginShape(); vertex(255, 318); bezierVertex(225, 288, 264, 230, 264, 215); vertex(268, 215); bezierVertex(266, 231, 251, 293, 262, 318); endShape(); beginShape(); vertex(270, 317); bezierVertex(284, 292, 271, 247, 270, 215); vertex(273, 215); bezierVertex(274, 236, 307, 279, 282, 317); endShape(); beginShape(); vertex(294, 317); bezierVertex(322, 281, 280, 239, 275, 215); vertex(277, 215); bezierVertex(285, 248, 345, 275, 300, 318); endShape();//white stripes fill(255, 194, 38); triangle(265,197,267,170,270,197);//tip of blue white stroke(255, 194, 38); line(267,176,267,157); line(262,180,273,174); line(262,164,273,164); noStroke(); fill(0, 0, 0, 50); beginShape();//shadow vertex(231, 319); bezierVertex(227, 316, 221, 310, 215, 302); bezierVertex(267, 318, 304, 282, 306, 253); bezierVertex(327, 277, 329, 301, 302, 321); endShape(); stroke(255); strokeWeight(3); line(234,336,297,336); stroke(255, 109, 31); line(235,333,296,333); strokeWeight(4); stroke(191, 162, 0); line(233,328,298,328); strokeWeight(2); line(228,319,303,319); stroke(255, 238, 0); strokeWeight(2); line(232,331,299,331); strokeWeight(2); line(228,317,305,317); fill(255, 238, 0); noStroke(); rect(266,323, 74, 6); }//white over blue stroke(255, 194, 38); strokeWeight(4); point(267,183); point(451,183); point(169,225); point(212,312); point(386,262);//topper thingies popMatrix(); pushMatrix(); scale(1.2); tree(8, -54); popMatrix(); tree(52, 14); tree(-10, 14); pushMatrix(); scale(1.2); tree(305, -54); popMatrix(); tree(352, 14); tree(400, 14); flowerBunch(100, 380); flowerBunch(63, 377); flowerBunch(130, 385); flowerBunch(430, 387); flowerBunch(454, 383); flowerBunch(500, 390); var stBasilsCathedral = get(); popMatrix(); }//@stBasilsCathedral (actually draws the cathedral) background(0, 0, 0, 0); var maskedCentralTriangleSOH = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.beginShape(); msk.vertex(226,296); msk.vertex(264, 268); msk.bezierVertex(275, 271, 291, 273, 300, 279); msk.bezierVertex(317, 273, 339, 271, 351, 271); msk.vertex(372,295); msk.endShape(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); for(var i = 0; i < 400; i++){ bkg.strokeWeight(1); bkg.stroke(lerpColor(color(54, 23, 0), color(245, 153, 95), i/50)); bkg.line(0, i+260, width, i+260); } bkg.fill(79, 39, 10); bkg.noStroke(); bkg.beginShape(); bkg.vertex(264, 270); bkg.bezierVertex(275, 273, 291, 277, 300, 284); bkg.bezierVertex(317, 277, 339, 273, 351, 273); bkg.endShape(); bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the triangular thing front and center of the opera house - masked with a brown gradient var maskedOceanSOH = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.rect(300, 380, 602, 42); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); for(var i = 0; i < 400; i++){ bkg.strokeWeight(1); bkg.stroke(lerpColor(color(89, 133, 255), color(0, 4, 255), i/50)); bkg.line(0, i+360, width, i+360); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//rect masked with a blue gradient - prolly could've just done it not masked, but whatever var maskedTreeTopSOH = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.fill(255); msk.ellipse(575,324, 30, 30); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); for(var i = 0; i < 400; i++){ bkg.strokeWeight(1); bkg.stroke(lerpColor(color(151, 255, 87), color(0, 161, 62), i/30)); bkg.line(0, i+309, width, i+309); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//the treetop that's masked with a greenish gradient var maskedCloudsSOH = (function(){ background(0, 0, 0, 0); var msk = createGraphics(width, height, P2D); msk.rectMode(CENTER); msk.background(0); msk.noStroke(); msk.fill(10); msk.ellipse(510,64,120, 15); msk.ellipse(551,57, 100, 10); msk.ellipse(576,73, 80, 10); msk.ellipse(595,63, 70, 30); msk.ellipse(331,38, 200, 15); msk.ellipse(295, 30, 50, 30); msk.ellipse(315, 30, 80, 10); msk.ellipse(355, 46, 80, 10); msk.ellipse(214,92,150, 10); msk.ellipse(237,85, 150, 10); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.rectMode(CENTER); bkg.fill(255, 255, 255, 80); bkg = bkg.get(); bkg.mask(msk); image(bkg, 0, 0); return get(); })();//clouds in the background of the house - needs to be masked because of their low opacity { pushMatrix(); rectMode(CENTER); for(var i = 0; i < 400; i++){ strokeWeight(1); stroke(lerpColor(color(109, 135, 222, 125), color(0, 0, 74, 125), i/400)); line(0, i, width, i); }//gradient for(var i = 0; i < 600; i++){ strokeWeight(1); stroke(lerpColor(color(109, 135, 222, 125), color(0, 0, 74, 125), i/600)); line(i, 0, i, height); }//gradient//creates diagonal effect without throcky lines noStroke(); fill(240); beginShape(); vertex(89, 96); bezierVertex(55, 104, 38, 65, 68, 43); bezierVertex(54, 63, 65, 91, 89, 96); endShape();//the MOOOOOONNNN image(maskedCloudsSOH, 0, 0); //faintest buildings fill(255, 255, 255, 60); quad(95,269,96,168,120,144,117,280);//faint trapezoid towards the left rect(215,150, 26, 30);//rect with tip by biggest dome rect(215, 120, 3, 30); rect(140, 210, 20, 30); rect(140, 185, 5, 20); rect(68, 275, 40, 90);//building that's kinda a bunch of rects stacked on top of one another rect(68, 215, 25, 30); rect(68, 193, 10, 14); //lightest buildings fill(255, 255, 255, 140); quad(351,121,379,147,377,250,352,248); rect(239,142, 32, 56);//rect with tip next to other one rect(239, 95, 4, 40); rect(330, 215, 17, 40); rect(330, 185, 5, 20);//rect with top part right of main building rect(411, 225, 28, 60);//second one ^ rect(411, 187, 12, 16); rect(561, 265, 50, 150); rect(561, 152, 20, 76); //darkest buildings fill(0, 0, 0, 100); quad(433,140,454,164,453,258,430,261); rect(298, 185, 35, 104);//main building from here rect(296, 121, 31, 24); rect(296, 107, 14, 4); rect(298, 95, 10, 20); rect(298, 79, 8, 12); rect(298, 70, 6, 5); rect(298, 60, 4, 16); rect(297, 44, 1, 16);//to here rect(93, 270, 40, 120); rect(20, 180, 12, 30); rect(473, 220, 25, 80);//dark building second farthest right rect(472, 170, 18, 20); quad(500,316,519,219,530,219,540,318); fill(0, 15, 227, 10); rect(300, 200, 600, 400); var blurredBackgroundSOH = get(); popMatrix(); }//@blurredBackgroundSOH (the background - cityscape) var actualBlurredBackgroundSOH = function(){ image(blurredBackgroundSOH, 0, 0); filter(BLUR, 1); return get(); };//blurs everything) var waveSOH = function(){ beginShape(); vertex(252, 373); bezierVertex(256, 372, 260, 373, 266, 368); bezierVertex(273, 372, 279, 372, 285, 369); bezierVertex(293, 372, 300, 373, 307, 368); bezierVertex(309, 371, 309, 371, 316, 373); bezierVertex(313, 374, 311, 374, 307, 371); bezierVertex(301, 375, 294, 375, 285, 371); bezierVertex(280, 375, 272, 375, 267, 370); bezierVertex(262, 374, 257, 374, 254, 373); endShape(); };//the waaaave (in the ocean - i reuse it, so i made it a function) { pushMatrix(); actualBlurredBackgroundSOH();//background { noFill(); strokeWeight(5); stroke(9, 6, 56); bezier(39, 245, 227, 126, 348, 113, 559, 254);//top part line of bridge strokeWeight(1); //lines to the left of largest dome line(68,291,65,229); line(65,229,82,283); line(75,288,71,224); line(71,224,90,275); line(112,215,114,200); line(114,200,116,212); line(119,214,120,202); line(120,202,123,214); line(132,219,135,194); line(135,194,141,215); line(141,215,140,190); line(140,190,150,219); line(150,219,155,181); line(155,181,167,203); line(167,203,165,178); line(165,178,175,201); line(175,201,173,176); line(173,176,179,190); line(179,190,181,175); line(181,175,194,196); line(194,196,193,170); line(193,170,205,193); line(184,201,186,169); line(186,169,210,202); line(142,185,158,207); line(125,221,124,196); line(124,196,135,218); line(87,266,84,219); line(84,219,102,264); line(49,309,34,250); line(65,293,58,234); line(58,234,77,287); line(77,287,76,287); line(82,283,76,223); line(76,223,97,273); line(97,273,92,216); line(92,216,110,263); line(110,263,106,204); //first chain of lines down the rest of bridge line(244,169,244,155); line(244,155,255,195); line(255,195,255,156); line(255,156,267,193); line(267,193,269,153); line(269,153,284,189); line(284,189,289,152); line(289,152,297,189); line(297,188,308,154); line(308,154,309,189); line(309,187,326,154); line(326,154,328,189); line(328,189,347,159); line(347,159,347,192); line(347,192,363,162); line(363,162,363,196); line(363,196,382,166); line(382,166,380,203); line(380,203,406,173); line(406,173,393,208); line(393,208,420,179); line(420,179,408,214); line(408,214,437,188); line(437,188,422,221); line(422,221,456,194); line(456,194,439,231); line(439,231,473,203); line(473,203,453,238); line(453,238,494,216); line(494,216,466,249); line(466,249,506,224); line(506,224,482,260); line(482,260,522,230); line(522,232,499,270); line(499,270,533,237); line(533,237,518,285); //second chain of lines line(247,178,248,154); line(248,154,256,193); line(258,192,261,153); line(261,153,275,190); line(275,190,279,150); line(279,150,291,187); line(291,187,299,153); line(299,153,302,188); line(302,188,316,153); line(316,153,317,189); line(317,189,336,154); line(336,154,336,190); line(336,190,355,160); line(355,160,353,194); line(353,194,372,163); line(372,163,371,198); line(371,198,392,169); line(392,169,386,203); line(386,203,412,175); line(412,175,398,212); line(398,212,428,182); line(428,182,415,217); line(415,217,445,190); line(445,190,445,190); line(445,190,428,227); line(428,227,463,196); line(463,196,444,234); line(444,234,482,206); line(482,206,456,244); line(456,244,499,218); line(499,218,476,260); line(476,260,513,226); line(513,226,490,267); line(490,267,526,234); line(526,234,505,276); line(504,279,534,237); line(533,238,526,292); noStroke(); fill(9, 6, 56); beginShape(); vertex(42, 310); bezierVertex(244, 153, 349, 136, 552, 309); vertex(547, 319); bezierVertex(358, 157, 267, 139, 44, 314); endShape();//bottom of bridge rect(300, 266, 580, 15);//thick band running through bridge quad(49,306,50,237,55,233,58,299); quad(534,300,537,238,540,239,542,304);//thingies on either end }//the bridge { noStroke(); fill(230, 230, 230); rect(105,254, 8, 40); fill(120, 77, 50); beginShape(); vertex(107, 260); bezierVertex(94, 263, 82, 264, 71, 270); bezierVertex(75, 273, 80, 277, 82, 280); vertex(116,276); endShape();//thingies poking out of dome farthest to left fill(196, 156, 115); beginShape(); vertex(157, 219); bezierVertex(143, 212, 122, 209, 87, 212); bezierVertex(96, 228, 103, 250, 110, 271); vertex(161,284); endShape();//dome farthest to the left fill(120, 77, 50); beginShape(); vertex(156, 216); bezierVertex(149, 233, 146, 254, 149, 265); vertex(116,258); vertex(108,277); vertex(175,295); endShape();//dark side of dome just to the left of largest fill(222, 197, 171); beginShape(); vertex(214, 203); bezierVertex(185, 189, 166, 184, 149, 186); bezierVertex(153, 209, 155, 239, 165, 292); vertex(181,300); vertex(233,298); endShape();//dome just to the left of largest fill(120, 77, 50); beginShape(); vertex(162,290); vertex(171,268); vertex(173,275); bezierVertex(190, 274, 196, 277, 207, 278); vertex(210,272); vertex(221,296); endShape();//thing on dome just to the left of largest that looks kinda like horns? / ^^ /\___/\ / \ hehe that < was fun tho i'm not great at little lines */ fill(0, 0, 0, 15); beginShape(); vertex(207, 200); bezierVertex(200, 210, 183, 232, 169, 275); bezierVertex(196, 218, 205, 210, 210, 210); endShape(); bezier(208, 213, 205, 269, 210, 260, 226, 296);//shadows of largest dome on dome just to the left of largest fill(179, 160, 136); triangle(237, 282, 190, 147, 225, 290);//dark side of largest dome triangle(451,279, 478,296, 525, 233);//dark side of farthest right fill(247, 247, 247); beginShape(); vertex(388, 279); bezierVertex(413, 255, 458, 234, 524, 233); bezierVertex(496, 251, 477, 269, 459, 288); endShape();//white of dome on farthest right fill(196, 156, 108, 140); beginShape(); vertex(391, 280); bezierVertex(419, 262, 462, 236, 524, 233); bezierVertex(496, 251, 477, 269, 459, 288); endShape();//shading of dome on farthest right fill(92, 44, 10); rect(393,286, 35, 15); stroke(51, 20, 0); strokeWeight(1); line(375, 284, 405, 284); noStroke(); fill(247, 247, 247); beginShape(); vertex(235, 283); bezierVertex(221, 245, 202, 189, 191, 147); bezierVertex(232, 149, 288, 178, 310, 229); endShape();//white of largest dome beginShape(); vertex(319, 225); bezierVertex(340, 211, 373, 201, 416, 209); bezierVertex(402, 242, 393, 263, 377, 292); endShape();//white of dome just to the right of largest triangle(214, 298, 381, 296, 310, 229);//triangle right in the middle fill(222, 176, 116, 100); beginShape(); vertex(235, 283); bezierVertex(221, 245, 199, 189, 191, 147); bezierVertex(226, 163, 273, 195, 287, 245); endShape();//shading of largest dome fill(196, 156, 108, 140); beginShape(); vertex(327, 235); bezierVertex(352, 215, 381, 208, 416, 209); bezierVertex(402, 242, 393, 263, 377, 292); endShape();//shading of dome just to the right of largest fill(196, 175, 149); triangle(235, 283, 310, 229, 308, 224);//little tri and the base of largest dome triangle(319, 225, 377, 292, 311, 230);//tri at base of dome to the right of largest image(maskedCentralTriangleSOH, 0, 0);//triangle base fill(247, 247, 247); beginShape(); vertex(385, 239); bezierVertex(405, 240, 418, 242, 434, 250); vertex(412,298); endShape();//white of left dome that is kinda attatched to another on the far right fill(222, 176, 116, 100); beginShape(); vertex(385, 239); bezierVertex(401, 244, 420, 249, 432, 255); vertex(412,298); endShape();//shading of left dome that is kinda attatched to another on the far right fill(196, 175, 149); triangle(434,250,420,281,445,281); }//the domes themselves {fill(220);//second lightest thing that needs to be behind beginShape(); vertex(520,285); vertex(520,295); vertex(446,295); vertex(447,292); vertex(444,286); vertex(458,288); vertex(463,285); endShape(); //the lightest parts of base fill(247); beginShape(); vertex(163,321); vertex(163,284); vertex(186,284); vertex(207,289); vertex(207,321); vertex(203,321); vertex(203,305); vertex(190,305); vertex(190,321); endShape(); beginShape(); vertex(422,276); vertex(443,276); vertex(450,293); vertex(450,321); vertex(412,321); vertex(412,295); endShape(); quad(67, 321, 67, 285, 133, 317, 128, 321); triangle(468,285, 497,271, 527,285); //the second lightest parts of base fill(220); beginShape(); vertex(163,284); vertex(163,321); vertex(150,321); vertex(77,290); vertex(77,280); vertex(97,280); vertex(107,271); vertex(122,271); endShape(); beginShape(); vertex(207,289); vertex(207,321); vertex(386,321); vertex(386,306); vertex(399,306); vertex(399,321); vertex(412,321); vertex(412,297); vertex(408,289); endShape(); rect(491,316, 82, 9); rect(62,309, 9, 24); //darkest parts of base fill(190); rect(301,314, 145, 14); rect(491,297, 82, 4); beginShape(); vertex(150,321); vertex(77,290); vertex(133, 317); vertex(128, 321); endShape(); triangle(521,286, 486,289, 470,287); triangle(67, 306, 67, 321, 64, 321); fill(105, 50, 20); rect(83,311, 6, 10);//window in triangle stroke(105, 50, 20); strokeWeight(2); line(166,296,202,296); line(215,296,287,296); line(335,296,406,296);//line windows thingies noStroke(); rect(488,305, 76, 13);//thick part of base off to right fill(61, 25, 0); rect(196,313,13, 16); rect(392,313,13, 16);//doors? on either side of grey rect rect(300, 340, 600, 39);//the brown rect at base of opera house fill(92, 46, 16); noStroke(); rect(300, 341, 600, 25); }//base of opera house {fill(214, 194, 122); quad(49,310,41,186,12,186,6,309); quad(548,311,556,189,586,189,593,311);//main part of columns fill(247); rect(26,197, 33, 13); rect(570,198, 33, 11);//rects at top of columns rect(26,218, 7, 21); rect(570,218, 7, 21);//top window thingy rect(27,237, 18, 8); rect(571,237, 18, 8); fill(75, 194, 97); beginShape(); vertex(532, 313); bezierVertex(544, 311, 537, 320, 600, 321); vertex(600, 329); vertex(532, 329); endShape(); beginShape(); vertex(57, 313); vertex(57, 329); vertex(0, 329); vertex(0, 320); endShape();//grass behind columns fill(232, 205, 178); quad(55,325,52,305,4,305,0,325); quad(543,325,546,306,596,306,599,325);//bases of columns }//columns {image(maskedOceanSOH, 0, 0);//ocean fill(0, 0, 0, 70); rect(300, 380, 602, 42); pushMatrix(); translate(-3, 60); scale(0.75); image(maskedTreeTopSOH, 0, 0); stroke(61, 25, 0); strokeWeight(1.2); line(576,321,576,350); line(571,328,576,335); line(580,325,577,330); line(573,350,578,350);//Tree just next to the one second right popMatrix(); noStroke(); fill(18, 168, 128, 220); ellipse(448, 296, 30, 30);//tree top second farthest to right fill(0, 120, 88); ellipse(30, 296, 29, 27);//tree top farthest left (poor baby all alone on the other side) image(maskedTreeTopSOH, 0, 0); stroke(61, 25, 0); strokeWeight(1.2); line(576,321,576,350); line(571,328,576,335); line(580,325,577,330); line(573,350,578,350);//Tree to the farthest right line(448,293,448,322); line(449,302,452,297); line(447,305,443,302);//tree base second farthest to right line(30,293,30,329); line(31,300,33,296); line(29,305,26,301);//tree base farthest left fill(192, 213, 252); noStroke(); waveSOH(); pushMatrix(); translate(-230, 10); waveSOH(); popMatrix(); pushMatrix(); translate(205, -95); scale(1.3); waveSOH(); popMatrix();//waves }//ocean and trees var sydneyOperaHouse = get(); popMatrix(); }//@sydneyOperaHouse (the shells, ocean, trees, bridge, etc) background(0, 0, 0, 0); var clickPoint = function(x, y, sceneTo, landmark, where, drct, lS, wS, lineY, lY, wY){ rectMode(CENTER); noStroke(); fill(255, 255, 255, 60); ellipse(x,y, 20, 20); ellipse(x, y, 14, 14); fill(255, 255, 255); stroke(0); strokeWeight(1.5); ellipse(x, y, 9, 9); if(dist(mouseX, mouseY, x, y) <= 7){ ellipse(x, y, 14, 14); cursor(HAND); if(drct === "right"){ rect(x+60, y-38, 100, 90, 4); textSize(lS); fill(0); text(landmark, x+60, lY); line(x+15, lineY, x+105, lineY); textSize(wS); text(where, x+60, wY); } if(drct === "left"){ rect(x-60, y-38, 100, 90, 4); textSize(lS); fill(0); text(landmark, x-60, lY); line(x-15, lineY, x-105, lineY); textSize(wS); text(where, x-60, wY); }//these draw the bubble with name and location mouseClicked = function(){ nextScene = sceneTo; scene = "transition scene"; };//if the mouse is clicked, this stuff happens }//if mouse is hovering over button, this stuff happens };//the little ellipses on the map, as well as the bubbles when you hover over it var backButton = function(dark){ noStroke(); fill(0, 0, 0, 100); if(dark === "dark"){fill(255, 255, 255, 100);}//sydney opera house edition pushMatrix(); translate(120, 70); scale(0.8); ellipse(558, 368, 56, 56); fill(255, 255, 255, 70); if(dark === "dark"){fill(0, 0, 0, 70);} beginShape(); vertex(565, 377); bezierVertex(541, 380, 536, 372, 541, 351); bezierVertex(543, 365, 548, 369, 565, 367); vertex(565, 356); vertex(579, 372); vertex(565, 386); endShape(); if(dist(mouseX, mouseY, 558, 368) <= 28){ cursor(HAND); mouseClicked = function(){ nextScene = 0; scene = "transition scene"; }; } popMatrix(); };//the back button - arrow and stuff. dark in for the sydney opera house, because it has a darker theme so the opacity is light instead of dark draw = function() { background(0); textAlign(CENTER, CENTER); textFont(createFont("monospace")); cursor("default");//sets base stuff if(scene === -1){ intro(); }//INTRO if(scene === 0){ image(scene1Map, 0, 0); mouseClicked = function(){}; //clickPoints on the map clickPoint(20, 129, 1, "Golden\nGate Bridge", "San Francisco,\nCalifornia,\nUnited States", "right", 13, 11, 85, 65, 110); clickPoint(330, 97, 2, "St. Basil's\nCathedral", "Moscow,\nRussia", "right", 13, 15, 58, 36, 80); clickPoint(572, 334, 3, "Sydney Opera\nHouse", "Sydney, New\nSouth Wales,\nAustralia", "left", 13, 12, 292, 272, 317); transition2(); }//MAP/MENU if(scene === 1){ image(goldenGateBridge, 0, 0); mouseClicked = function(){}; backButton(); fill(0, 0, 0, 100); ellipse(20, 20, 28, 28); textSize(20); fill(255, 255, 255, 150); text("i", 20, 21); if(dist(mouseX, mouseY, 20, 20) <= 14){ cursor(HAND); fill(0, 0, 0, 180); noStroke(); rect(125, 200, 250, 400); fill(255, 255, 255, 200); textSize(17); text("Golden Gate Bridge\nSan Franciso, California,\nUnited States of America\n-", 125, 60); textSize(15); text("The Golden Gate Bridge\nis one of the most famous\nsuspension bridges in the\nworld. Initially designed\nby Joseph Strauss, the bridge\nis considered one of the\nWonders of the Modern World.\nWhen it was completed in\n1937, it was the longest\nand tallest suspension\nbridge on the globe.\nSpanning a length of 4,200\nfeet, the Golden Gate\nBridge is possibly the\nmost well-known bridges in\nthe world.", 125, 245); }//if mouse is hovering over i, description comes up else{ fill(0, 0, 0, 100); textSize(21); text("Golden Gate Bridge", 145, 19); }//otherwise, it shows name of landmark transition2(); }//GOLDEN GATE BRIDGE if(scene === 2){ image(stBasilsCathedral, 0, 0); mouseClicked = function(){}; backButton(); fill(0, 0, 0, 100); ellipse(20, 20, 28, 28); textSize(20); fill(255, 255, 255, 150); text("i", 20, 21); if(dist(mouseX, mouseY, 20, 20) <= 14){ cursor(HAND); fill(0, 0, 0, 180); noStroke(); rect(125, 200, 250, 400); fill(255, 255, 255, 200); textSize(17); text("St. Basil's Cathedral\nMoscow, Russia\n-", 125, 65); textSize(15); text("St. Basil's Cathedral was\nconstructed under the orders\nof Ivan the Terrible\nin 1555-61. The original\nbuilding held 9 chapels\n(one for each dome), but a\ntenth was later built\nover the grave of local\nsaint Vasily (a.k.a. St.\nBasil). It is officially\nknown as the Catheral\nof Vasily the Blessed.\nIt is known for being\none of the most beautiful\nand unique buildings in\nthe world.", 125, 238); }//if mouse is hovering over i, description comes up else{ fill(0, 0, 0, 100); textSize(21); text("St. Basil's Cathedral", 160, 19); }//otherwise, name of landmark is shown transition2(); }//ST BASIL'S CATHEDRAL if(scene === 3){ image(sydneyOperaHouse, 0, 0); mouseClicked = function(){}; backButton("dark"); fill(255, 255, 255, 100); ellipse(20, 20, 28, 28); textSize(20); fill(0, 0, 0, 100); text("i", 20, 21); if(dist(mouseX, mouseY, 20, 20) <= 14){ cursor(HAND); fill(255, 255, 255, 180); noStroke(); rect(125, 200, 250, 400); fill(0, 0, 0, 180); textSize(17); text("Sydney Opera House\nSydney, New South\nWales, Australia\n-", 125, 65); textSize(15); text("The Sydney Opera House is\nlocated on Bennelong Point\nin Sydney Harbour. The\ninterior of the building\nholds several performing arts\nvenues, while the view from\noutside presents several\nshell domes. Designed by\nJørn Utzon, the House began\nit's construction in 1959\nand took 14 years to build.\nThe Sydney Opera House is\nquite possibly the most\niconic building in Australia,\nand is looked to as the\nsymbol of it's city.", 125, 240); }//if mouse is hovering over i, description comes up else{ fill(255, 255, 255, 100); textSize(21); text("Sydney Opera House", 148, 19); }//otherwise, name of the landmark transition2(); }//SYDNEY OPERA HOUSE if(scene === "transition scene"){ background(77, 77, 77); transition(nextScene); }//the first part of the transition - finishes in each scene respectively };//the draw!! actually not much in here, just draws the images above and has the buttons and stuff
Folds	6,14,29,48,51,84,94,103,105,187,189,544,548,1351,1355,1439,1441,1475,1477,1515,1517,1622,1624,1628,1630,2227,2231,2354,2356,2361,2363,2406,2408,2430,2432,3736,3740,3778,3780,3805,3807,3832,3834,3867,3869,3940,3942,3946,3948,3960,3962,4415,4419,4460,4462,4488,4490,4607
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIOK1-veCww
Votes	166
Spin-Offs	4
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	{"id":"4640248491360256","title":"Contest: Mapmaking","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	aquagirl272
Author Name	aquagirl272
Author ID	kaid_1181183286923111236554257
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739459890682
Updated	10 months ago, 1739459899074
Source Deleted	unknown