Viewing Program

Program Data

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

Title	Medieval Castles
ID	5535277953368064
Created	1 years ago, 1676975745956
Updated	1 years ago, 1677022778373
Code	/ Contest: Middle Ages I have completed 100% of Khan Academy's 'Intro to JS' and have been programming for 27 months. I would prefer to be placed in the [Beginner] bracket TODO: - Fill out statements above - Save your entry as a spin-off of this program - Have fun! / // prevent 100x100 glitch size(600, 600, P2D); // -- SETUP var scene = "load";// current scene var castle = "";// castle to display textAlign(CENTER, CENTER);// draw text from center textFont(createFont("Trebuchet MS"));// set font rectMode(CENTER);// draw rectangles from center // detecting mouse being pressed var clicked = false; mousePressed = function() { clicked = true; }; // -- CASTLE INFO var castles = { Cardiff: { name: "Cardiff Castle", built: "Late 11th century.", where: "Castle Quarter, Cardiff, Wales.", history: "Originally a motte & bailey castle, it was rebuilt with stone in the 12th century. It was involved in multiple conflicts between the Anglo-Normans and the Welsh in the 12th century. Today it is run as a tourist attraction.", }, Windsor: { name: "Windsor Castle", built: "11th century", where: "Windsor, Berkshire, UK", history: "Windsor castle has been used by the reigning monarch of the UK since the time of King Henry I. During the English Civil War, it was used as a headquarters by Pariliamentry forces and as a prison for King Charles I.", }, Bunratty: { name: "Bunratty", built: "15th century (c. 1425)", where: "County Clare, Ireland.", history: "Over 800 years, it was destroyed and rebuilt 8 times.. It was opened to the public in the 1960s.", }, EileanDonan: { name: "Eilean Donan", built: "Early 13th century", where: "Island of Donan, Scotland.", history: "Built on an island to defend against attacks from the Norse attacks. It became a stronghold for the MacKenzie clan. Destroyed in 1719 in response to the involvemment in the Jacobite rebellions. The present day castle is the reconstruction that was completed between 1919 and 1932.", }, Olavinlinna: { name: "Olavinlinna", built: "1475", where: "Savonlinna, Finland.", history: "The castle withstood several sieges by the Russian forces in the First and Second Russian-Swedish Wars. Olavinlinna was the initial moel for Kropow Castle in King Ottakar's Sceptre, an album in the series of Adventures of Tintin, by Herge. Today the castle hosts a few small exhibitions, including the Castle Museum.", }, GreatZimbabwe: { name: "Great Zimbabwe", built: "9th century", where: "Masvingo Province, Zimbabwe.", history: "Great Zimbabwe is a medieval city that is believed to have been the capital of a kingdom in the country's Late Iron Age. Construction began in the 9th century, and continued until it was abandoned in the 15th century. The stone walls are in some places 36 ft (11 m) high, and one of the towers is 72 ft (22 m) tall.", }, Ksaiz: { name: "Książ Castle", built: "1288-1292", where: "Walbrzych, Poland.", history: "The castle passed through many hands, including various nobles, and was sezied by Germany during WWII. During an offensive, Soviet Russia occupied the castle, and as a result many artefacts were stolen or destroyed. In recent years, parts have been elaborately restored, and it is open to the public with guided tours offered.", }, CastilloDeCoca: { name: "Castillo de Coca", built: "15th century", where: "Coca, Segovia, Spain.", history: "This castle is considered one of the best examples of Spanish Mudejar brickwork, which incorporates Moorish Muslim design and construction with Gothic architecture. AFter 1730, the castle fell into disrepair. It was declared a national monument of Spain in 1926. Major renovation work began after 1954, and were completed in 1958.", }, Bodiam: { name: "Bodiam Castle", built: "1385", where: "East Sussex, England.", history: "Bodiam Castle was built to defend the area from French invasion during the Hundred Years War. After the English Civil War, it was slighted (dismantled) to prevent it from being reused. It has been owned by the National Trust since 1925, and is open to the public.", }, Bojnice: { name: "Bojnice Castle", built: "12th century", where: "Bojnice, Slovak Republic.", history: "Originally Bojnice Castle was built as a wooden fort, but it was gradually replaced with stone. In 1950, a fire broke out in the castle, but it was rebuilt at the government's expense. Today it is part of the Slovak National Museum.", }, ChateauDeLoches: { name: "Château de Loches", built: "9th century", where: "Loches, Indre-et-Loire, France.", history: "Occupied by the English in the 12th century, it was recaptured by King Philip of France in 1204. In the American Revolution the castle was used as a prison for captured British soldiers. During the French Revolution it was severely damaged. In 1985 it was converted into a museum and today houses the most extensive collections of medieval armor.", }, CastleoftheBishopsofSiguenza: { name: "Castle of the Bishops of Sigüenza", built: "5th century", where: "Sigüenza, Spain.", history: "The foundations of the castle date back to the 5th century when the Visigoths built a small castle. The Moors built a large fortified castle (alcabaza) in the early 8th century. In the late 18th century the appearance of the castle was changed from a fortress into a palace, with additional windows, balconies and stables. The castle was looted by the French in the early 19th century and damaged by fire in the 1830s and had to be abandoned.", }, Nagoya: { name: "Nagoya Castle", built: "1610-1615", where: "Nagoya, Japan.", history: "Nagoya Castle was maintained and received renovation up until the end of the Tokugawa Shogunate. It was destroyed by bombing in WWII, but repairs have been ongoing since 1957.", }, Osaka: { name: "Osaka Castle", built: "1583", where: "Osaka, Japan.", history: "Osaka Castle is one of Japan's most famous landmarks. It played a major role in unifying Japan in the 16th century. In 1615 it was burned to the ground, but was rebuilt in the 1620s. Much of the castle was burned during civil conflict over the Meiji Restoration. During WWII it was used as a military armory, but was mostly destroyed by bombing in 1945. The main tower was restored in 1995-1997, but the castle is a concrete replica.", }, Chillon: { name: "Chillon Castle", built: "c. 10th century", where: "Veytaux, Vaud, Switzerland.", history: "The castle was built on the island of Chillon in Lake Geneva, to control the road from Burgundy to the Great Saint Bernard Pass. The first written record of the castle was from 1005. The castle was converted into a state prison in 1733. Some restoration was undertaken in the 19th century. Today, it is one of the most visited midieval castles in Switzerland and Europe.", }, Bran: { name: "Bran Castle", built: "14th century", where: "Bran, Transylvania, Romania.", history: "Commonly known as Dracula's Castle, however that legend is most likely tourism-driven. In 1439-1442 the castle was used to defend against the Ottoman Empire. In 1920, with the Treaty of Trianon, Transylvania became part of Romania. Today the castle is a museum to display the art and furniture collected by Queen Marie.", }, ChateauDePierrefonds: { name: "Château de Pierrefonds", built: "c. 1393-1407", where: "Oise, France.", history: "In March 1617, the castle came under siege, then was partially demolished. For two centuries it remained in ruins, before being purchased by Napoleon I in 1810. Restoration of the castle began in 1857 during the reign of Napoleon III and continued until 1885, when he died. The castle was declared a historic monument in 1862. The castle has been used in several modern films.", }, Malbork: { name: "Malbork Castle", built: "13th century", where: "Malbork, Poland.", history: "Malbork Castle is the largest castle in the world by land area. It was constructed by the Teutonic Knights, a German Catholic religious order of crusaders.In 1457, it was sold to King Casimir IV of Poland by Bohemian mercenaries. The castle served as one of several royal residences. During WWII, more than half the castle was destroyed. In December 1997, UNESCO designated the castle a World Heritage Site.", }, }; // -- IMAGE LOADING SETUP var imgs = { // background world: { d: function() { background(43, 128, 171); noStroke(); fill(16, 102, 52); // [ beginShape(); vertex(4, 214); vertex(37, 187); vertex(78, 187); vertex(126, 191); vertex(142, 181); vertex(145, 188); vertex(151, 181); vertex(169, 181); vertex(178, 192); vertex(168, 201); vertex(155, 197); vertex(163, 191); vertex(159, 187); vertex(148, 194); vertex(149, 197); vertex(136, 198); vertex(123, 208); vertex(134, 214); vertex(134, 221); vertex(140, 216); vertex(148, 206); vertex(151, 200); vertex(159, 202); vertex(161, 207); vertex(169, 205); vertex(178, 225); vertex(175, 231); vertex(163, 228); vertex(159, 233); vertex(163, 235); vertex(153, 241); vertex(138, 245); vertex(116, 267); vertex(116, 278); vertex(112, 278); vertex(109, 269); vertex(100, 269); vertex(85, 274); vertex(81, 285); vertex(85, 292); vertex(94, 292); vertex(98, 284); vertex(99, 290); vertex(99, 296); vertex(106, 300); vertex(106, 310); vertex(116, 312); vertex(131, 306); vertex(146, 310); vertex(164, 322); vertex(167, 332); vertex(196, 345); vertex(188, 382); vertex(175, 388); vertex(169, 406); vertex(164, 414); vertex(153, 433); vertex(155, 436); vertex(153, 441); vertex(161, 450); vertex(148, 449); vertex(142, 438); vertex(132, 412); vertex(130, 372); vertex(120, 366); vertex(108, 346); vertex(115, 319); vertex(101, 313); vertex(97, 305); vertex(70, 295); vertex(67, 291); vertex(64, 280); vertex(58, 266); vertex(57, 273); vertex(63, 284); vertex(59, 285); vertex(55, 279); vertex(49, 256); vertex(45, 248); vertex(56, 231); vertex(53, 223); vertex(56, 223); vertex(56, 210); vertex(47, 204); vertex(11, 216); vertex(4, 214); endShape(CLOSE); // cuba beginShape(); vertex(105, 285); vertex(110, 281); vertex(119, 284); vertex(125, 288); vertex(124, 290); vertex(118, 291); vertex(115, 289); vertex(112, 286); endShape(CLOSE); // haiti beginShape(); vertex(125, 294); vertex(135, 294); vertex(134, 291); vertex(128, 290); endShape(CLOSE); // ] America // [ beginShape(); vertex(181, 172); vertex(221, 164); vertex(259, 168); vertex(246, 174); vertex(239, 184); vertex(207, 196); vertex(198, 205); vertex(190, 198); vertex(194, 186); vertex(194, 175); vertex(182, 176); endShape(CLOSE); // ] Greenland // [ beginShape(); vertex(232, 194); vertex(235, 197); vertex(240, 199); vertex(248, 196); vertex(247, 192); vertex(241, 190); endShape(CLOSE); // ] Icleand // [ beginShape(); vertex(253, 215); vertex(248, 218); vertex(249, 224); vertex(256, 222); vertex(257, 217); endShape(CLOSE); // ] Ireland // [ beginShape(); vertex(258, 206); vertex(256, 212); vertex(261, 217); vertex(256, 225); vertex(267, 223); vertex(267, 219); vertex(263, 214); vertex(264, 211); endShape(CLOSE); // ] UK // [ beginShape(); vertex(325, 266); vertex(347, 306); vertex(371, 294); vertex(375, 286); vertex(367, 278); vertex(360, 280); vertex(359, 276); vertex(352, 271); vertex(356, 268); vertex(363, 276); vertex(369, 275); vertex(373, 279); vertex(389, 281); vertex(397, 287); vertex(399, 295); vertex(410, 314); vertex(412, 312); vertex(415, 309); vertex(414, 300); vertex(430, 287); vertex(434, 288); vertex(442, 300); vertex(445, 299); vertex(449, 315); vertex(453, 320); vertex(459, 328); vertex(462, 329); vertex(460, 324); vertex(459, 320); vertex(452, 312); vertex(455, 308); vertex(462, 314); vertex(470, 309); vertex(466, 295); vertex(462, 292); vertex(466, 286); vertex(469, 288); vertex(481, 282); vertex(487, 267); vertex(480, 257); vertex(483, 253); vertex(475, 250); vertex(477, 247); vertex(481, 249); vertex(484, 249); vertex(486, 251); vertex(490, 253); vertex(490, 258); vertex(495, 257); vertex(495, 253); vertex(490, 247); vertex(496, 239); vertex(501, 228); vertex(506, 232); vertex(508, 232); vertex(507, 229); vertex(499, 222); vertex(495, 215); vertex(483, 215); vertex(487, 207); vertex(504, 207); vertex(505, 202); vertex(511, 205); vertex(509, 213); vertex(523, 222); vertex(523, 213); vertex(519, 208); vertex(528, 202); vertex(532, 201); vertex(529, 197); vertex(530, 194); vertex(541, 196); vertex(540, 193); vertex(511, 186); vertex(491, 187); vertex(484, 183); vertex(456, 181); vertex(447, 182); vertex(432, 178); vertex(417, 179); vertex(412, 174); vertex(395, 173); vertex(369, 182); vertex(361, 182); endShape(CLOSE); beginShape(); vertex(325, 266); vertex(347, 306); vertex(371, 294); vertex(375, 286); vertex(367, 278); vertex(360, 280); vertex(359, 276); vertex(352, 271); vertex(356, 268); vertex(363, 276); vertex(369, 275); vertex(373, 279); vertex(389, 281); vertex(397, 287); vertex(399, 295); vertex(410, 314); vertex(412, 312); vertex(415, 309); vertex(414, 300); vertex(430, 287); vertex(434, 288); vertex(442, 300); vertex(445, 299); vertex(449, 315); vertex(453, 320); vertex(459, 328); vertex(462, 329); vertex(460, 324); vertex(459, 320); vertex(452, 312); vertex(455, 308); vertex(462, 314); vertex(470, 309); vertex(466, 295); vertex(462, 292); vertex(466, 286); vertex(469, 288); vertex(481, 282); vertex(487, 267); vertex(480, 257); vertex(483, 253); vertex(475, 250); vertex(477, 247); vertex(481, 249); vertex(484, 249); vertex(486, 251); vertex(490, 253); vertex(490, 258); vertex(495, 257); vertex(495, 253); vertex(490, 247); vertex(496, 239); vertex(501, 228); vertex(506, 232); vertex(508, 232); vertex(507, 229); vertex(499, 222); vertex(495, 215); vertex(483, 215); vertex(487, 207); vertex(504, 207); vertex(505, 202); vertex(511, 205); vertex(509, 213); vertex(523, 222); vertex(523, 213); vertex(519, 208); vertex(528, 202); vertex(532, 201); vertex(529, 197); vertex(530, 194); vertex(541, 196); vertex(540, 193); vertex(511, 186); vertex(491, 187); vertex(484, 183); vertex(456, 181); vertex(447, 182); vertex(432, 178); vertex(417, 179); vertex(412, 174); vertex(395, 173); vertex(369, 182); vertex(361, 179); vertex(361, 181); vertex(356, 185); vertex(337, 189); vertex(320, 188); vertex(305, 184); vertex(291, 187); vertex(284, 196); vertex(274, 201); vertex(274, 207); vertex(281, 207); vertex(285, 209); vertex(285, 212); vertex(289, 214); vertex(294, 210); vertex(296, 207); vertex(294, 201); vertex(302, 194); vertex(299, 201); vertex(302, 207); vertex(296, 213); vertex(292, 216); vertex(282, 215); vertex(281, 211); vertex(279, 211); vertex(278, 216); vertex(267, 226); vertex(258, 229); vertex(261, 233); vertex(260, 239); vertex(250, 240); vertex(246, 245); vertex(248, 252); vertex(258, 254); vertex(265, 250); vertex(264, 246); vertex(271, 244); vertex(271, 239); vertex(281, 239); vertex(291, 248); vertex(286, 250); vertex(293, 255); vertex(296, 244); vertex(288, 240); vertex(289, 238); vertex(292, 239); vertex(298, 243); vertex(300, 250); vertex(302, 254); vertex(306, 254); vertex(306, 246); vertex(309, 246); vertex(311, 251); vertex(315, 255); vertex(328, 255); vertex(328, 263); endShape(CLOSE); // ] Eurasia // [ beginShape(); vertex(416, 316); vertex(418, 319); vertex(417, 321); vertex(415, 320); endShape(CLOSE); // ] Sri Lanka // [ beginShape(); vertex(508, 235); vertex(505, 242); vertex(510, 243); vertex(514, 237); endShape(CLOSE); beginShape(); vertex(499, 265); vertex(497, 262); vertex(503, 256); vertex(509, 253); vertex(511, 246); vertex(514, 246); vertex(513, 257); vertex(509, 262); vertex(505, 261); vertex(499, 268); endShape(CLOSE); beginShape(); vertex(508, 268); vertex(508, 264); vertex(504, 267); endShape(CLOSE); beginShape(); vertex(500, 270); vertex(502, 270); vertex(501, 271); endShape(CLOSE); // ] Japan // [ beginShape(); vertex(488, 299); vertex(495, 305); vertex(499, 304); vertex(493, 299); vertex(494, 293); vertex(490, 292); endShape(CLOSE); // ] Philippines // [ beginShape(); vertex(445, 321); vertex(456, 338); vertex(465, 348); vertex(476, 353); vertex(483, 352); vertex(477, 348); vertex(467, 345); vertex(463, 338); vertex(458, 331); vertex(454, 329); vertex(447, 320); endShape(CLOSE); beginShape(); vertex(470, 331); vertex(471, 338); vertex(476, 341); vertex(484, 341); vertex(487, 333); vertex(490, 330); vertex(488, 326); vertex(492, 321); vertex(486, 317); vertex(477, 326); endShape(CLOSE); beginShape(); vertex(501, 328); vertex(493, 332); vertex(489, 339); vertex(491, 346); vertex(498, 344); vertex(496, 337); vertex(503, 329); endShape(CLOSE); // ] Indonesia // [ beginShape(); vertex(549, 357); vertex(540, 355); vertex(539, 352); vertex(533, 353); vertex(524, 350); vertex(524, 346); vertex(515, 342); vertex(511, 334); vertex(518, 334); vertex(521, 338); vertex(525, 335); vertex(538, 341); vertex(544, 347); vertex(546, 352); endShape(CLOSE); // ] Papua New Guinea // [ beginShape(); vertex(324, 266); vertex(300, 262); vertex(300, 265); vertex(284, 260); vertex(283, 253); vertex(265, 253); vertex(262, 257); vertex(252, 257); vertex(229, 288); vertex(233, 296); vertex(230, 300); vertex(231, 307); vertex(238, 313); vertex(243, 322); vertex(258, 323); vertex(269, 320); vertex(274, 324); vertex(281, 325); vertex(280, 334); vertex(286, 350); vertex(289, 360); vertex(285, 368); vertex(289, 382); vertex(292, 391); vertex(294, 401); vertex(296, 402); vertex(297, 407); vertex(304, 407); vertex(313, 407); vertex(330, 383); vertex(329, 376); vertex(337, 371); vertex(341, 357); vertex(338, 350); vertex(337, 343); vertex(351, 328); vertex(361, 308); vertex(358, 306); vertex(345, 310); vertex(343, 304); vertex(336, 300); vertex(330, 286); vertex(331, 283); vertex(327, 279); endShape(CLOSE); // ] Africa // [ beginShape(); vertex(342, 379); vertex(346, 376); vertex(346, 368); vertex(358, 359); vertex(358, 368); vertex(351, 388); vertex(346, 388); endShape(CLOSE); // ] Madagascar // [ beginShape(); vertex(533, 357); vertex(529, 368); vertex(520, 367); vertex(521, 358); vertex(512, 356); vertex(507, 364); vertex(499, 364); vertex(493, 369); vertex(491, 373); vertex(478, 381); vertex(479, 406); vertex(486, 408); vertex(488, 404); vertex(504, 403); vertex(508, 409); vertex(514, 416); vertex(523, 419); vertex(530, 416); vertex(533, 410); vertex(544, 399); vertex(548, 384); vertex(542, 377); vertex(537, 374); vertex(538, 368); endShape(CLOSE); // ] Australia // [ beginShape(); vertex(557, 426); vertex(574, 414); vertex(575, 406); vertex(580, 411); vertex(583, 415); vertex(570, 424); vertex(552, 434); vertex(548, 433); vertex(548, 431); endShape(CLOSE); // ] New Zeleand }, w: 600, h: 600, }, // castles cardiff: { d: function() { background(116, 194, 204); fill(93, 122, 53); rect(0, 430, 600, 170); fill(82, 115, 37); beginShape(); vertex(20, 450); vertex(177, 342); bezierVertex(185, 339, 300, 325, 418, 340); vertex(590, 450); bezierVertex(590, 450, 300, 460, 20, 450); endShape(CLOSE); fill(135, 121, 105); beginShape(); vertex(181, 340); vertex(187, 335); vertex(187, 274); vertex(191, 272); vertex(191, 276); vertex(194, 275); vertex(194, 272); vertex(196, 272); vertex(197, 274); vertex(199, 273); vertex(199, 270); vertex(204, 267); vertex(204, 271); vertex(205, 266); vertex(208, 265); vertex(208, 337); endShape(); fill(145, 127, 107); beginShape(); vertex(181, 340); vertex(187, 335); vertex(187, 274); vertex(191, 272); vertex(191, 276); vertex(194, 275); vertex(194, 272); vertex(196, 272); vertex(197, 274); vertex(199, 273); vertex(199, 270); vertex(204, 267); vertex(204, 271); vertex(205, 266); vertex(208, 265); vertex(208, 337); vertex(208, 265); vertex(219, 267); vertex(223, 263); vertex(230, 263); vertex(232, 265); vertex(236, 259); vertex(241, 264); vertex(244, 263); vertex(248, 259); vertex(253, 257); vertex(252, 334); endShape(); fill(156, 139, 119); beginShape(); vertex(254, 257); vertex(275, 260); vertex(278, 249); vertex(289, 242); vertex(286, 268); vertex(287, 280); vertex(287, 333); vertex(251, 335); endShape(); fill(43, 40, 35); beginShape(); vertex(287, 240); vertex(287, 251); vertex(286, 267); vertex(287, 281); vertex(288, 334); vertex(296, 334); vertex(297, 236); vertex(297, 228); vertex(307, 222); vertex(307, 219); vertex(296, 222); vertex(296, 207); vertex(292, 220); vertex(292, 230); vertex(294, 235); vertex(292, 238); vertex(287, 239); endShape(); }, w: 600, h: 600, }, }; // current image to load var curLoad = 0; // -- BUTTONS function Button(config) { this.x = config.x; this.y = config.y; this.d = 5; this.original = this.d; this.name = config.name; this.castle = config.castle; } Button.prototype = { display: function() { // when mouse is over the button if (dist(mouseX, mouseY, this.x, this.y) <= this.d/2) { this.d = lerp(this.d, 7, 0.1); fill(0); textSize(15); text(this.name, mouseX, mouseY - 10); if (clicked && castle === "") { castle = this.castle; } } else { this.d = lerp(this.d, this.original, 0.1); } // drawing the button noStroke(); fill(242, 48, 48); ellipse(this.x, this.y, this.d/2, this.d/2); noFill(); strokeWeight(1); stroke(242, 48, 48); ellipse(this.x, this.y, this.d * 1.3, this.d * 1.3); noStroke(); }, }; // array of buttons var buttons = []; // setting buttons' properties buttons[0] = new Button({ x: 258, y: 222, name: "Cardiff Castle", castle: "Cardiff" }); buttons[1] = new Button({ x: 264, y: 220, name: "Windsor Castle", castle: "Windsor" }); buttons[2] = new Button({ x: 250, y: 221, name: "Bunratty Castle", castle: "Bunratty" }); buttons[3] = new Button({ x: 305, y: 204, name: "Olavinlinna", castle: "Olavinlinna" }); buttons[4] = new Button({ x: 323, y: 380, name: "Great Zimbabwe", castle: "GreatZimbabwe" }); buttons[5] = new Button({ x: 258, y: 211, name: "Eilean Donan", castle: "EileanDonan" }); buttons[6] = new Button({ x: 290, y: 223, name: "Książ Castle", castle: "Ksaiz" }); buttons[7] = new Button({ x: 254, y: 246, name: "Castillo de Coca", castle: "CastilloDeCoca" }); buttons[8] = new Button({ x: 268, y: 221, name: "Bodiam Castle", castle: "Bodiam" }); buttons[9] = new Button({ x: 300, y: 227, name: "Bojnice Castle", castle: "Bojnice" }); buttons[10] = new Button({ x: 268, y: 233, name: "Château de Loches", castle: "ChateauDeLoches" }); buttons[11] = new Button({ x: 259, y: 245, name: "Castle of the Bishops of Sigüenza", castle: "CastleoftheBishopsofSiguenza" }); buttons[12] = new Button({ x: 503, y: 259, name: "Nagoya Castle", castle: "Nagoya" }); buttons[13] = new Button({ x: 509, y: 258, name: "Osaka Castle", castle: "Osaka" }); buttons[14] = new Button({ x: 281, y: 231, name: "Chillon Castle", castle: "Chillon" }); buttons[15] = new Button({ x: 318, y: 238, name: "Bran Castle", castle: "Bran" }); buttons[16] = new Button({ x: 263, y: 230, name: "Château de Pierrefonds", castle: "ChateauDePierrefonds" }); buttons[17] = new Button({ x: 299, y: 218, name: "Malbork Castle", castle: "Malbork" }); // -- INFORMATION BOX SETUP var info = { y: -300, }; function CloseButton() { this.x = 270; this.y = -270; this.d = 40; this.original = this.d; } CloseButton.prototype = { display: function() { // when mouse is over the button if (dist(mouseX, mouseY, this.x + 300, this.y + info.y) <= this.d/2) { this.d = lerp(this.d, 50, 0.1); if (clicked) { castle = ""; } } else { this.d = lerp(this.d, this.original, 0.1); } // drawing the button noFill(); stroke(0); strokeWeight(5); ellipse(this.x, this.y, this.d, this.d); fill(0); pushMatrix(); translate(this.x, this.y); rotate(45); rect(0, 0, 20, 4); rect(0, 0, 4, 20); popMatrix(); }, }; var closeBtn = new CloseButton(); // -- SCENES var scenes = { load: function() { var img = Object.keys(imgs); if (curLoad < img.length) { background(255, 0); imgs[img[curLoad]].d(); imgs[img[curLoad]] = get( 0, 0, imgs[img[curLoad]].w, imgs[img[curLoad]].h ); curLoad++; } else { scene = "home"; } background(0); fill(255); textSize(80); text(round(curLoad / img.length * 100) + "%", 300, 300); }, home: function() { // map image(imgs.world, 0, 0); // title fill(0); textSize(90); text("Medieval", 300, 50); textSize(40); text("Castles of the World", 300, 120); textSize(30); text("Click on a location to view the details.", 300, 530); // display buttons for (var i = 0; i < buttons.length; i++) { buttons[i].display(); } // draw info box if (castle !== "") { pushMatrix(); translate(300, info.y); fill(176, 176, 176); rect(0, 0, 600, 600); fill(0); textSize(40); text(castles[castle].name, 0, -250); textAlign(LEFT, TOP); textSize(25); text("Built: " + castles[castle].built, -270, -200, 560, 50); text("Location: " + castles[castle].where, -270, -150, 560, 50); text("History: " + castles[castle].history, -270, -100, 560, 400); textAlign(CENTER, CENTER); // close button closeBtn.display(); popMatrix(); // moving the info box info.y = lerp(info.y, 300, 0.1); } else if (info.y > -300 && castle === "") { info.y = lerp(info.y, -300, 0.1); } }, }; // -- DRAW FUNCTION function draw() { background(255);// prevent smearing of canvas scenes[scene]();// draw current scene clicked = false;// stop clicking }
Folds	31,33,36,145,148,876,881,889,890,917,923,928,929,934,935,940,941,946,947,952,953,958,959,964,965,970,971,976,977,982,983,988,989,994,995,1000,1001,1006,1007,1012,1013,1018,1019,1024,1025,1030,1033,1035,1037,1042,1043,1069,1073,1146,1149,1154
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJOh5cnqCQw
Votes	65
Spin-Offs	4
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"5127725852966912","title":"Contest: Middle Ages","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TDJ
Author Name	tdj.ka
Author ID	kaid_682972421482671044758972
Author Profile Access	PUBLIC

Archive Data

Added	23 days ago, 1734464221167
Updated	23 days ago, 1734464276039
Source Deleted	unknown