// BASIC DRAWING const yellow = "#FCEE21"; const green = "#00ff3b"; /*---END VARIABLES---*/ const hills = [ [0.19, 0.63, 1.0], [0.17, 0.66, 0.8], [0.21, 0.68, 0.65], [0.19, 0.7, 0.5], [0.24, 0.17, 0.85], [0.22, 0.22, 0.55], [0.25, 0.22, 0.65], [0.725, 0.63, 1.2], [0.705, 0.68, 0.9], [0.737, 0.7, 0.85], [0.715, 0.725, 0.65], [0.75, 0.737, 0.5], ]; const rocks = [ [485, 290, 1.0], [500, 175, 0.8], [600, 295, 0.65], [280, 275, 1.05], ]; const bushes = [ [137, 86], [144, 91], [58, 176], [67, 183], [64, 312], [58, 318], [129, 222], [118, 225], [188, 242], [195, 249], [250, 429], [260, 434], [148, 451], [155, 457], [400, 446], [410, 455], [499, 437], [505, 444], [414, 336], [418, 342], [381, 211], [368, 222], [450, 184], [459, 192], [575, 165], [569, 175], [499, 80], [510, 93], [438, 47], [412, 52], [327, 57], [340, 61], [666, 143], [675, 155], [747, 217], [732, 228], [769, 279], [763, 296], [720, 395], [732, 407], [635, 420], [646, 425], [582, 374], [591, 383], [488, 315], [498, 324], [678, 91], ]; const littleRocks = [ [0, 250], [10, 50], [240, 25], [540, 35], [780, 40], [770, 140], [820, 250], [840, 350], [810, 510], [650, 591], [410, 580], [250, 545], [108, 560], [11, 487], [-10, 344], ]; const trees = [ [177, 139], [590, 485], [589, 92], [359, 120], [256, 362], [91, 478], [336, 38], [309, 223], ]; const clouds = [ [100, 0, 0.75], [70, 250, 0.95], [250, 225, 0.5], [320, 420, 0.65], [500, 400, 0.85], [650, 225, 0.55], [830, 425, 0.45], [450, 270, 0.25], [850, 175, 1.05], [650, 50, 0.65], [490, -50, 0.95] ] const map_l0 = [ [25.75, 349.75], [25.75, 381.25], [107.88, 381.25], [107.88, 410.5], [42.63, 410.5], [42.63, 451], [66.81, 470.13], [86.5, 453.25], [124.75, 453.25], [65.13, 503.88], [109, 503.88], [145, 473.5], [179.88, 473.5], [157.38, 492.63], [269.88, 492.63], [295.75, 467.88], [336.25, 467.88], [357.63, 447.63], [393.63, 493.75], [426.25, 493.75], [460.5, 541], [516.25, 541], [516.25, 516.25], [533.13, 541], [546.63, 523], [632.13, 523], [616.38, 496], [652.38, 464.5], [730, 526.38], [759.25, 500.5], [759.25, 422.88], [777.25, 399.25], [777.25, 265.38], [759.25, 247.38], [764.88, 230.5], [777.25, 230.5], [777.25, 220.38], [752.5, 197.88], [752.5, 156.13], [740.13, 137.13], [740.13, 47.13], [661.38, 47.13], [661.38, 94.38], [645.63, 113.93], [635.5, 113.93], [652.38, 92.13], [652.38, 47.13], [606.25, 47.13], [589.38, 65.13], [491.5, 65.13], [447.5, 17.88], [420.63, 17.88], [401.5, 1], [341.22, 1], [290.13, 56.13], [312.63, 72.73], [296.88, 91], [274.38, 72.73], [179.88, 72.73], [184.38, 86.5], [170.88, 86.5], [139.38, 51.63], [65.13, 51.63], [65.13, 121.43], [82, 121.43], [82, 156.13], [70.75, 156.13], [49.38, 138.25], [1, 138.25], [48.25, 195.63], [103.38, 195.63], [103.38, 205.75], ]; const map_l1 = [ [144.5, 121.11], [185, 121.11], [185, 140.61], [201, 154.11], [201, 175.61], [221.5, 175.61], [221.5, 203.61], [240.5, 203.61], [240.5, 189.11], [274.5, 189.11], [302, 211.11], [335.5, 184.61], [335.5, 161.11], [370, 161.11], [385, 148.61], [362.5, 129.61], [362.5, 103.11], [352, 94.61], [351.38, 53.51], [341.52, 41.86], [301.5, 41.86], [301.5, 1], [197.5, 1], [185.5, 13.5], [158.5, 13.5], [158.5, 39.5], [113.5, 39.5], [113.5, 62.5], [94.5, 82.5], [94.5, 105.58], [12, 105.58], [12, 129.61], [1, 138.11], [10.5, 148.11], [49, 148.11], [49, 165], [61.5, 173.5], [101, 173.5], [121, 182.11], [132.5, 182.11], [151, 168.11], [124, 144.11], ]; const segmentsPuzzle = [ [0, 6.8], [ [0, 26.8], [0, 0], [0, 0.6], ], [ [1, 27.8], [-0.6, 0], [0, 0], ], [ [21, 27.8], [0, 0], [0.6, 0], ], [ [22, 26.8], [0, 0.6], [0, 0], ], [ [22, 20.1], [0, 0], [0, -0.6], ], [ [21, 19.1], [0.6, 0], [0, 0], ], [ [18.5, 19.1], [0, 0], [-1.3, 0], ], [ [16.2, 16.8], [0, 1.3], [0, -1.3], ], [ [18.5, 14.5], [-1.3, 0], [0, 0], ], [ [21, 14.5], [0, 0], [0.6, 0], ], [ [22, 13.5], [0, 0.6], [0, 0], ], [ [22, 6.8], [0, 0], [0, -0.6], ], [ [21, 5.8], [0.6, 0], [0, 0], ], [15.3, 5.8], [ [15.3, 4.3], [0, 0], [0, -2.4], ], [ [11, 0], [2.4, 0], [-2.4, 0], ], [ [6.7, 4.3], [0, -2.4], [0, 0], ], [6.7, 5.8], [ [1, 5.8], [0, 0], [-0.6, 0], ], [ [0, 6.8], [0, -0.6], [0, 0], ], ]; const allLocations = [ "n_0", "n_1", "n_2", "n_3", "n_4", "n_5", "n_6", "n_7", "n_8", "n_9", "n_10", "n_11", "n_12", "n_13", "n_14", "n_15", "n_16", "n_17", "n_18", "n_19", "n_20", "n_21", ]; const island = { name: "Isla de la Bermudas", configs: [ { accessible_nodes: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, ], shore_nodes: [1, 4, 7, 13, 16, 21], }, { accessible_nodes: [9, 12, 15, 14], shore_nodes: [9, 14], }, ], totems: ["n_4", "n_10", "n_21", "n_16"], nodes: { n_0: { name: "Base camp", position: [0, 430], links: [1], difficulty: 0, wood: 20, picture: 2, expedition: 0, }, n_1: { name: "Playa del Crabos", position: [80, 430], links: [0, 2, 3], difficulty: 1, wood: 20, picture: 2, expedition: 0, }, n_2: { name: "Mushroom valley", position: [200, 430], links: [1, 3, 4, 5], difficulty: 1, wood: 40, picture: 1, expedition: 1, }, n_3: { name: "Mount Vechsoyt", position: [80, 350], links: [1, 2, 6], difficulty: 1, wood: 20, picture: 2, expedition: 2, }, n_4: { name: "Red forest", position: [255, 475], links: [2], difficulty: 2, wood: 20, picture: 2, expedition: 3, }, n_5: { name: "Pedroponese", position: [320, 360], links: [2, 9, 19], difficulty: 2, wood: 20, picture: 2, expedition: 0, }, n_6: { name: "Holes of iron", position: [200, 175], links: [3, 7, 8], difficulty: 2, wood: 20, picture: 2, expedition: 1, }, n_7: { name: "Dragon's Cliff", position: [42, 155], links: [6, 10], difficulty: 2, wood: 20, picture: 2, expedition: 2, }, n_8: { name: "Haddock's Crest", position: [325, 175], links: [6, 11], difficulty: 2, wood: 20, picture: 2, expedition: 3, }, n_9: { name: "Kraken's Breath", position: [320, 295], links: [5, 12], difficulty: 3, wood: 20, picture: 2, expedition: 0, }, n_10: { name: "High hopes", position: [110, 80], links: [7], difficulty: 3, wood: 20, picture: 2, expedition: 1, }, n_11: { name: "Despair Hills", position: [425, 125], links: [8, 12, 13, 17], difficulty: 3, wood: 20, picture: 2, expedition: 2, }, n_12: { name: "Yellow swamp", position: [425, 220], links: [9, 11, 15], difficulty: 2, wood: 20, picture: 2, expedition: 3, }, n_13: { name: "Snakes' vines", position: [370, 30], links: [11], difficulty: 2, wood: 20, picture: 2, expedition: 0, }, n_14: { name: "Caves of Noahintim", position: [540, 320], links: [15, 20], difficulty: 2, wood: 20, picture: 2, expedition: 1, }, n_15: { name: "Fields of skulls", position: [540, 220], links: [12, 14], difficulty: 3, wood: 20, picture: 2, expedition: 2, }, n_16: { name: "Pingouins' nest", position: [725, 475], links: [20], difficulty: 3, wood: 20, picture: 2, expedition: 3, }, n_17: { name: "Melting sands", position: [595, 125], links: [11, 18], difficulty: 3, wood: 20, picture: 2, expedition: 0, }, n_18: { name: "Party hard", position: [710, 220], links: [17, 20, 21], difficulty: 3, wood: 20, picture: 2, expedition: 1, }, n_19: { name: "Temple of mirrors", position: [510, 480], links: [5, 20], difficulty: 3, wood: 20, picture: 2, expedition: 2, }, n_20: { name: "Phoenix's ashes", position: [640, 375], links: [14, 16, 18, 19], difficulty: 3, wood: 20, picture: 2, expedition: 3, }, n_21: { name: "Peak point", position: [710, 80], links: [18], difficulty: 3, wood: 20, picture: 2, expedition: 0, }, }, }; const expeditions = [ { e_0: { position: [0, 0], links: [1, 2], }, e_1: { position: [1, -1], links: [3, 4], }, e_2: { position: [1, 1], links: [5], }, e_3: { position: [2, -2], links: [6], }, e_4: { position: [2, 0], links: [6], }, e_5: { position: [2, 2], links: [7, 8], }, e_6: { position: [3, -1], links: [9], }, e_7: { position: [3, 1], links: [10], }, e_8: { position: [3, 3], links: [11], }, e_9: { position: [4, -1], links: [12], }, e_10: { position: [4, 1], links: [12], }, e_11: { position: [4, 3], links: [12], }, e_12: { position: [5, 1], links: [], }, }, { e_0: { position: [0, 0], links: [1], }, e_1: { position: [1, 0], links: [2, 3], }, e_2: { position: [2, -1], links: [4], }, e_3: { position: [2, 1], links: [5], }, e_4: { position: [3, -1], links: [6], }, e_5: { position: [3, 1], links: [6], }, e_6: { position: [4, 0], links: [7], }, e_7: { position: [5, 0], links: [], }, }, { e_0: { position: [0, 0], links: [1, 2], }, e_1: { position: [1, -1], links: [3], }, e_2: { position: [1, 1], links: [3], }, e_3: { position: [2, 0], links: [4], }, e_4: { position: [3, 0], links: [5, 6], }, e_5: { position: [4, -1], links: [7], }, e_6: { position: [4, 1], links: [7], }, e_7: { position: [5, 0], links: [], }, }, { e_0: { position: [0, 0], links: [1, 2], }, e_1: { position: [1, 1], links: [3, 4], }, e_2: { position: [1, -1], links: [4, 5], }, e_3: { position: [2, 2], links: [6], }, e_4: { position: [2, 0], links: [7], }, e_5: { position: [2, -2], links: [8], }, e_6: { position: [3, 2], links: [9], }, e_7: { position: [3, 0], links: [10], }, e_8: { position: [3, -2], links: [10], }, e_9: { position: [4, 2], links: [11], }, e_10: { position: [4, -1], links: [11], }, e_11: { position: [5, 0], links: [], }, }, ]; function reposition(pos) { const sx = 120; const sy = 50; const offset = [200, -25 + canvasSize[1] / 2]; return [pos[0] * sx + offset[0], pos[1] * sy + offset[1]]; } function initLocations(object, locationsDiscoveredIdx) { Object.entries(island.nodes).forEach(([key, value], i) => { object[key] = { name: value.name, links: value.links, totem: island.totems.includes(key) ? true : false, totemIsActivated: false, difficulty: value.difficulty, expedition: value.expedition, discovered: true, firstExplored: false, explored: false, scouted: i == 1 ? true : false, }; }); } function drawMap() { const group = new Group(); const group1 = new Group(); drawTerrain(group, map_l0, "#5DA66B"); drawTerrain(group1, map_l1, "#A0A660"); group1.sendToBack(); group.sendToBack(); group1.translate(new Point(240, 150)); } function drawTerrain(group, segments, color = "#5DA66B") { const path_terrain = new Path({ segments: segments, fillColor: color, strokeColor: "black", strokeWidth: 2, strokeCap: "round", strokeJoin: "round", closed: true, }); group.addChild(path_terrain); for (let i = 0; i < path_terrain.curves.length; i++) { const curve = path_terrain.curves[i]; const normal = curve.getNormalAt(0.5); const YAxis = new Point(0, 1); if (YAxis.dot(normal) < 0) { const path_cliff = new Path({ segments: [ curve.point1, curve.point1.add(YAxis.multiply(20)), curve.point2.add(YAxis.multiply(20)), curve.point2, ], fillColor: "#705F47", strokeColor: "black", strokeWidth: 2, strokeCap: "round", strokeJoin: "round", closed: true, }); group.addChild(path_cliff); } } path_terrain.bringToFront(); } function drawLocations() { Object.values(island.nodes).forEach((node, i) => { const size = [25, 15]; const sizeBg = [35, 25]; const icon_group = new Group(); const icon_bg = new Shape.Rectangle({ from: [-sizeBg[0] / 2, -sizeBg[1] / 2], to: [sizeBg[0] / 2, sizeBg[1] / 2], fillColor: "#C9D7A2", radius: 10, }); const icon = new Shape.Rectangle({ from: [-size[0] / 2, -size[1] / 2], to: [size[0] / 2, size[1] / 2], fillColor: "#FCEE21", strokeColor: "black", strokeWidth: 2, radius: 7.5, }); icon.name = "icon"; icon_group.addChildren([icon_bg, icon]); icon_group.position.x = node.position[0]; icon_group.position.y = node.position[1]; icon_group.name = `n_${i}`; icon_group.bringToFront(); }); } function drawLines() { Object.values(island.nodes).forEach((node, i) => { for (let j = 0; j < node.links.length; j++) { const toLink = node.links[j]; const line = new Path.Line({ from: node.position, to: Object.values(island.nodes)[toLink].position, strokeColor: i < toLink ? "#777f60" : "#C9D7A2", strokeWidth: i < toLink ? 10 : 5, }); line.name = `n_${i}_${toLink}`; } }); } function drawTotems() { const BigTotem = new Group(); const rect = new Shape.Rectangle({ from: [0, 0], to: [10, 30], fillColor: "#b5b5b5", strokeColor: "#000", strokeWidth: 2, radius: 3, name: "pillar", }); const circle = new Shape.Ellipse({ center: [5, 0], radius: [5, 3], fillColor: "#b5b5b5", strokeColor: "#000", strokeWidth: 2, name: "top", }); BigTotem.addChildren([rect, circle]); const defBigTotem = new SymbolDefinition(BigTotem); island.totems.forEach((locationId) => { const instanceBigTotem = defBigTotem.place(); instanceBigTotem.name = "big"; instanceBigTotem.position.set(island.nodes[locationId].position); switch (locationId) { case "n_4": instanceBigTotem.position.x += 25; instanceBigTotem.position.y -= 25; break; case "n_10": instanceBigTotem.position.x -= 30; instanceBigTotem.position.y -= 30; break; case "n_21": instanceBigTotem.position.x += 20; instanceBigTotem.position.y -= 35; break; case "n_16": instanceBigTotem.position.x += 20; instanceBigTotem.position.y -= 35; break; default: break; } const totem = new Group(); totem.addChildren([instanceBigTotem]); totem.name = locationId; }); } function drawBalloon(group) { const shape1 = new Shape.Circle({ applyMatrix: false, matrix: [1, 0, 0, 1, 0, -16.6], radius: 22.9, fillColor: [1, 0.12157, 0.14902], strokeColor: [0, 0, 0], strokeWidth: 2, }); const path1 = new Path({ segments: [ [-21.9, -23.5], [21.8, -23.5], [ [22.9, -16.6], [-0.1, -3.9], [0.1, 4.2], ], [21.8, -9.5], [-21.8, -9.5], [ [-22.9, -16.6], [0, 3.8], [0, -3.8], ], ], closed: true, fillColor: [1, 1, 1], strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); const path2 = new Path({ applyMatrix: true, segments: [ [-14, 1.6], [-6.8, 30.9], ], strokeColor: [0, 0, 0], strokeWidth: 2, strokeCap: "round", }); const path3 = new Path({ applyMatrix: true, segments: [ [0, 6.4], [0, 30.9], ], strokeColor: [0, 0, 0], strokeWidth: 2, strokeCap: "round", }); const path4 = new Path({ applyMatrix: true, segments: [ [14, 1.6], [6.6, 30.9], ], strokeColor: [0, 0, 0], strokeWidth: 2, strokeCap: "round", }); const path5 = new Path({ applyMatrix: true, segments: [ [-5.3, 39.1], [4.9, 39.1], [7.7, 30.9], [-7.9, 30.9], ], closed: true, fillColor: [1, 0.78824, 0.12157], strokeColor: [0, 0, 0], strokeWidth: 2, strokeCap: "round", strokeJoin: "round", }); group.addChildren([shape1, path1, path2, path3, path4, path5]); group.bringToFront(); } function drawClouds() { const path1 = new Path({ segments: [ [ [93.53, 59.28], [14.47, 0.64], [-11.09, -0.49], ], [ [15.03, 59.28], [15.5, 0], [-19.5, 0], ], [ [22.53, 23.28], [-30.5, 0.5], [3.47, -17.37], ], [ [59.53, 0.1], [-13.66, -1.05], [23.47, 1.81], ], [ [89, 35.78], [4.53, -15.37], [25.53, 0.5], ], ], closed: true, fillColor: [1, 1, 1], }); const path2 = new Path({ segments: [ [ [93.53, 59.29], [3.94, 0], [-10.81, -0.19], ], [ [15.03, 59.29], [15.5, 0], [-14.89, 0], ], [ [6.36, 28.59], [-11.78, 10.01], [-4.77, 11.57], ], [ [10.72, 54.84], [-6.36, -3.39], [6, 3.2], ], [ [102.05, 56.37], [-52.21, -0.83], [-2.71, 2.29], ], ], closed: true, fillColor: [0.76471, 0.83137, 0.87451], }); const cloud = new Group(); cloud.addChildren([path1, path2]); const def = new SymbolDefinition(cloud); for (let i = 0; i < clouds.length; i++) { // Place an instance of the symbol definition in the project: const instance = def.place(); instance.position.set( clouds[i][0], clouds[i][1] ); instance.scale(clouds[i][2]); } } function drawHills() { for (let i = 0; i < hills.length; i++) { const path = new Path({ segments: [ [1, hills[i][2] * hills[i][2] * 73.68], [ [1, hills[i][2] * 16.75], [0, 0], [0, -21 * hills[i][2]], ], [ [hills[i][2] * 42.5, hills[i][2] * 16.75], [0, -21 * hills[i][2]], [0, 0], ], [hills[i][2] * 42.5, hills[i][2] * hills[i][2] * 73.68], ], fillColor: [0.31765, 0.58431, 0.32941], strokeColor: [0, 0, 0], strokeWidth: 2, }); path.position.set(hills[i][0] * view.size.width, hills[i][1] * view.size.height); } } function drawRocks() { const rock = new Group(); const path1 = new Path({ segments: [ [1, 28], [21.5, 1], [27.5, 17], [19, 28], ], closed: true, fillColor: [0.57255, 0.50196, 0.42745], strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); const path2 = new Path({ segments: [ [42.5, 28], [49.5, 17.5], [27.5, 17], [19, 28], ], closed: true, fillColor: [0.24706, 0.19216, 0.16863], strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); const path3 = new Path({ segments: [ [31.5, 1], [21.5, 1], [27.5, 17], [49.5, 17.5], ], closed: true, fillColor: [0.49804, 0.38824, 0.28235], strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); rock.addChildren([path1, path2, path3]); const def = new SymbolDefinition(rock); for (let i = 0; i < rocks.length; i++) { const instance = def.place(); instance.position.set( rocks[i][0], rocks[i][1] ); instance.scale(rocks[i][2]); } } function drawSigns() { const flag = new Path({ segments: [ [0, 10], [0, -12], [10, -6], [0, 0], ], fillColor: "red", strokeColor: "black", strokeWidth: 2, strokeJoin: "round", }); const defFlag = new SymbolDefinition(flag); Object.values(island.nodes).forEach((node, i) => { const instanceFlag = defFlag.place(); instanceFlag.position.set(node.position[0] + 5, node.position[1] - 12); instanceFlag.name = `n_${i}`; }); } function drawLittleRocks() { const littleRock = new Path({ segments: [ [8.09, 15.5], [1.59, 10], [12.59, 1.43], [17.59, 8.46], [24.09, 11], [18.59, 15.5], ], fillColor: "#5e7291", strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); const def = new SymbolDefinition(littleRock); for (let i = 0; i < littleRocks.length; i++) { const instance = def.place(); instance.position.set(littleRocks[i][0], littleRocks[i][1]); } } function drawBushes() { const bush = new Path({ segments: [ [ [2, 11.69], [0, 0], [-6, -14], ], [ [15, 11.69], [5, -14.5], [0, 0], ], ], fillColor: [0.21961, 0.29804, 0.21569], strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); const def = new SymbolDefinition(bush); for (let i = 0; i < bushes.length; i++) { const instance = def.place(); instance.position.set(bushes[i][0], bushes[i][1]); } } function drawTrees() { const tree = new Group(); const path1 = new Path({ segments: [ [12.25, 33.5], [1, 26], [17, 1], [32.75, 26.25], [23, 33.25], ], fillColor: [0.23922, 0.43529, 0.23529], }); const path2 = new Path({ segments: [ [12.25, 41.5], [12.25, 33.06], [23, 33.06], [23, 41.5], ], fillColor: [0.42353, 0.38824, 0.25882], }); const path3 = new Path({ segments: [ [ [11.69, 19.64], [0, 0], [5.91, 1.85], ], [ [27.48, 18.38], [-5.43, 2.48], [0, 0], ], ], strokeColor: [0.21176, 0.30196, 0.19216], strokeWidth: 1.5, strokeCap: "round", }); const path4 = new Path({ segments: [ [ [10.73, 11.53], [0, 0], [5, 2.25], ], [ [23.57, 11.53], [-4.68, 2.06], [0, 0], ], ], strokeColor: [0.21176, 0.30196, 0.19216], strokeWidth: 1.5, }); const path5 = new Path({ segments: [ [ [3.06, 22.78], [0, 0], [5.94188, 4.40416], ], [ [23.76, 26.44], [-7.09183, 2.09965], [0, 0], ], ], strokeColor: [0.21176, 0.30196, 0.19216], strokeWidth: 1.5, strokeCap: "round", }); const path6 = new Path({ segments: [ [12.25, 41.5], [12.25, 33.31], [1, 26], [17, 1], [32.75, 26.25], [23, 33.25], [23, 41.5], ], strokeColor: [0, 0, 0], strokeWidth: 2, strokeJoin: "round", }); tree.addChildren([path1, path2, path3, path4, path5, path6]); const def = new SymbolDefinition(tree); for (let i = 0; i < trees.length; i++) { const instance = def.place(); instance.position.set(trees[i][0], trees[i][1]); } } const map = new Layer(); const balloon = new Group(); drawTotems(); drawLines(); drawLocations(); drawSigns(); drawMap(); drawRocks(); drawLittleRocks(); drawClouds(); drawTrees(); drawBushes(); drawHills(); drawBalloon(balloon); map.position.x += 80; map.position.y += 20; map.scale(0.8);