{"id":857,"date":"2024-03-20T15:06:17","date_gmt":"2024-03-20T15:06:17","guid":{"rendered":"https:\/\/play.exploragame.com.ar\/?page_id=857"},"modified":"2024-06-13T22:07:23","modified_gmt":"2024-06-13T22:07:23","slug":"la-boca-2-2-4-2","status":"publish","type":"page","link":"https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-4-2\/","title":{"rendered":"La Boca 6 Esp \/ quinquela 1\/4"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n \n\n
\n 0<\/span>%<\/span><\/span>\n <\/span>\n <\/div>\n <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\/div><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\nDestino<\/title>\r\n<style>\r\n body {\r\n text-align: center;\r\n font-family: Arial, sans-serif;\r\n }\r\n .instruction {\r\n font-size: 18px;\r\n margin-top: 20px;\r\n display: none;\r\n }\r\n .error-message {\r\n color: black; \/* Color negro *\/\r\n margin-top: 20px;\r\n font-size: 18px; \/* Mismo tama\u00f1o de fuente que la consigna *\/\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"error-message\" style=\"display: none;\">Dir\u00edjanse a la zona marcada de naranja (Enfrente del museo Quinquela Martin) y una vez all\u00ed tienen que encontrar un poste de luz que tiene varios n\u00fameros pero solo uno con 3 d\u00edgitos escritos a mano al rededor de una + y completen ese n\u00famero debajo<\/div>\r\n\r\n<div class=\"instruction\" style=\"display: none;\">Muy bien, han llegado a la zona de b\u00fasqueda. Aqu\u00ed tienen que encontrar un poste de luz que tiene varios n\u00fameros pero solo uno con 3 d\u00edgitos escritos a mano al rededor de una + y contestar debajo que n\u00famero es.<\/div>\r\n\r\n<div id=\"distance-info\" style=\"font-size: 18px; margin-top: 20px;\"><\/div>\r\n\r\n<div id=\"map-container\" style=\"margin-top: 20px;\">\r\n <!-- Aqu\u00ed colocaremos el shortcode del mapa -->\r\n [mapster_wp_map id=\"1559\"]\r\n<\/div>\r\n\r\n<audio id=\"arrivalSound\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/hotel-bell-ding-1-174457.mp3\"><\/audio>\r\n\r\n<script>\r\n\/\/ Coordenadas del destino\r\nconst destinationCoordinates = {\r\n lat: -34.63926856034046,\r\n lng: -58.36088100317235\r\n \r\n};\r\n\r\n\/\/ Radio del destino en metros\r\nconst destinationRadius = 20;\r\n\r\n\/\/ Variable para controlar si se ha reproducido la animaci\u00f3n y el sonido al llegar al destino\r\nlet isDestinationReached = false;\r\n\r\n\/\/ Funci\u00f3n para calcular la distancia entre dos puntos en metros\r\nfunction calculateDistance(lat1, lon1, lat2, lon2) {\r\n const R = 6371000; \/\/ Radio de la Tierra en metros\r\n const dLat = deg2rad(lat2 - lat1);\r\n const dLon = deg2rad(lon2 - lon1);\r\n const a = Math.sin(dLat \/ 2) * Math.sin(dLat \/ 2) +\r\n Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *\r\n Math.sin(dLon \/ 2) * Math.sin(dLon \/ 2);\r\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n return R * c;\r\n}\r\n\r\nfunction deg2rad(deg) {\r\n return deg * (Math.PI \/ 180);\r\n}\r\n\r\n\/\/ Funci\u00f3n para actualizar la informaci\u00f3n de la distancia\r\nfunction updateDistance(position) {\r\n const userLat = position.coords.latitude;\r\n const userLng = position.coords.longitude;\r\n const distance = calculateDistance(userLat, userLng, destinationCoordinates.lat, destinationCoordinates.lng);\r\n\r\n const distanceInfo = document.getElementById('distance-info');\r\n distanceInfo.innerHTML = `Dir\u00edjanse a la zona marcada en naranja en el mapa.<br>Una vez all\u00ed les aparecer\u00e1 la consigna.<br><br>Faltan aproximadamente ${distance.toFixed(0)} metros para el destino`;\r\n\r\n \/\/ Verificar si el usuario ha llegado al destino\r\n if (distance <= destinationRadius && !isDestinationReached) {\r\n \/\/ Mostrar la consigna al llegar al destino\r\n const instruction = document.querySelector('.instruction');\r\n instruction.style.display = 'block';\r\n isDestinationReached = true;\r\n\r\n \/\/ Ocultar el mensaje de distancia\r\n distanceInfo.style.display = 'none';\r\n\r\n \/\/ Reproducir sonido de llegada\r\n const arrivalSound = document.getElementById('arrivalSound');\r\n arrivalSound.play();\r\n\r\n \/\/ Reproducir animaci\u00f3n de llegada\r\n playArrivalAnimation();\r\n }\r\n}\r\n\r\n\/\/ Funci\u00f3n para reproducir la animaci\u00f3n de llegada\r\nfunction playArrivalAnimation() {\r\n const animation = document.createElement('img');\r\n animation.src = 'https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo-8.gif';\r\n animation.alt = 'Arrival Animation';\r\n animation.classList.add('animation-container');\r\n document.body.appendChild(animation);\r\n\r\n \/\/ Desaparecer la animaci\u00f3n despu\u00e9s de 2 segundos\r\n setTimeout(() => {\r\n animation.remove();\r\n }, 2000);\r\n}\r\n\r\n\/\/ Funci\u00f3n para manejar el error de ubicaci\u00f3n\r\nfunction handleLocationError(error) {\r\n console.error(error);\r\n const errorMessage = document.querySelector('.error-message');\r\n errorMessage.style.display = 'block';\r\n}\r\n\r\n\/\/ Obtener la ubicaci\u00f3n del usuario\r\nif (navigator.geolocation) {\r\n navigator.geolocation.watchPosition(updateDistance, handleLocationError);\r\n} else {\r\n const errorMessage = document.querySelector('.error-message');\r\n errorMessage.textContent = 'Geolocalizaci\u00f3n no soportada por el navegador';\r\n errorMessage.style.display = 'block';\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b20bf22 elementor-widget elementor-widget-html\" data-id=\"b20bf22\" data-element_type=\"widget\" data-settings=\"{"_animation_mobile":"fadeInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Prueba de Pregunta<\/title>\r\n<style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n text-align: center;\r\n position: relative;\r\n height: 100vh;\r\n margin: 0;\r\n }\r\n .container {\r\n width: 90%; \/* Ancho del contenedor *\/\r\n max-width: 400px; \/* M\u00e1ximo ancho del contenedor *\/\r\n margin: 0 auto; \/* Centrado horizontal *\/\r\n }\r\n input[type=\"text\"], button {\r\n width: 100%; \/* Ocupa el 100% del contenedor *\/\r\n border-radius: 10px; \/* Bordes redondeados *\/\r\n padding: 10px 20px; \/* Espacio interno *\/\r\n margin: 10px 0; \/* Margen externo *\/\r\n box-sizing: border-box; \/* Incluir padding y border en el ancho total *\/\r\n }\r\n input[type=\"text\"] {\r\n border: 1px solid #ccc; \/* L\u00ednea suave *\/\r\n }\r\n button {\r\n background-color: #FF5100; \/* Color de fondo FF5100 *\/\r\n color: white; \/* Color del texto blanco *\/\r\n border: none; \/* Sin bordes *\/\r\n cursor: pointer; \/* Cambio de cursor al pasar el rat\u00f3n *\/\r\n }\r\n .mensaje {\r\n color: red;\r\n visibility: hidden;\r\n }\r\n .animacion-correcta, .animacion-incorrecta {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n visibility: hidden;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<h1><\/h1>\r\n<p id=\"pregunta\"><\/p>\r\n<div class=\"container\">\r\n <input type=\"text\" id=\"respuesta\" placeholder=\"Escriba aqu\u00ed su respuesta\"> <!-- Placeholder -->\r\n <button onclick=\"verificarRespuesta()\">Responder<\/button>\r\n<\/div>\r\n<p id=\"mensaje\" class=\"mensaje\"> \u00bfLos ayudo? Pueden pedir pistas por el chat.<\/p>\r\n\r\n<img decoding=\"async\" id=\"animacionCorrecta\" class=\"animacion-correcta\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo-4.gif\" alt=\"Respuesta correcta\">\r\n<img decoding=\"async\" id=\"animacionIncorrecta\" class=\"animacion-incorrecta\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo.gif\" alt=\"Respuesta incorrecta\">\r\n\r\n<audio id=\"correctoAudio\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Correct-Answer-Sound-Effect-DeeChannel-mp3cut.net_.mp3\"><\/audio>\r\n<audio id=\"incorrectoAudio\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/INCORRECT-mp3cut.net_.mp3\"><\/audio>\r\n\r\n<script>\r\nvar pregunta = \"\"; \/\/ Definir la pregunta\r\nvar respuestasCorrectas = [\"088\"]; \/\/ Definir las respuestas correctas en un arreglo\r\nvar intentosIncorrectos = 0; \/\/ Contador de intentos incorrectos\r\n\r\ndocument.getElementById(\"pregunta\").innerText = pregunta;\r\n\r\nfunction verificarRespuesta() {\r\n var respuestaUsuario = document.getElementById(\"respuesta\").value.toLowerCase();\r\n\r\n \/\/ Eliminar tildes de la respuesta del usuario y de las respuestas correctas\r\n respuestaUsuario = respuestaUsuario.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n var respuestasCorrectasNormalizadas = respuestasCorrectas.map(function(respuesta) {\r\n return respuesta.toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n });\r\n\r\n \/\/ Verificar si la respuesta del usuario coincide con alguna de las respuestas correctas\r\n var respuestaCorrecta = respuestasCorrectasNormalizadas.find(function(respuesta) {\r\n return respuesta === respuestaUsuario;\r\n });\r\n\r\n if (respuestaCorrecta) {\r\n reproducirSonido(\"correctoAudio\");\r\n mostrarAnimacionCorrecta();\r\n setTimeout(function() {\r\n window.location.href = \"https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-2-2-2\/\";\r\n }, 2000);\r\n } else {\r\n intentosIncorrectos++;\r\n reproducirSonido(\"incorrectoAudio\");\r\n mostrarAnimacionIncorrecta();\r\n if (intentosIncorrectos >= 2) {\r\n document.getElementById(\"mensaje\").style.visibility = \"visible\";\r\n }\r\n }\r\n\r\n \/\/ Limpiar el campo de respuesta\r\n document.getElementById(\"respuesta\").value = \"\";\r\n}\r\n\r\nfunction reproducirSonido(idAudio) {\r\n var audio = document.getElementById(idAudio);\r\n audio.play();\r\n}\r\n\r\nfunction mostrarAnimacionCorrecta() {\r\n var animacion = document.getElementById(\"animacionCorrecta\");\r\n animacion.style.visibility = \"visible\";\r\n setTimeout(function() {\r\n animacion.style.visibility = \"hidden\";\r\n }, 3000); \/\/ Asume que el GIF dura 3 segundos, ajusta este tiempo seg\u00fan sea necesario\r\n}\r\n\r\nfunction mostrarAnimacionIncorrecta() {\r\n var animacion = document.getElementById(\"animacionIncorrecta\");\r\n animacion.style.visibility = \"visible\";\r\n setTimeout(function() {\r\n animacion.style.visibility = \"hidden\";\r\n }, 2000); \/\/ Asume que el GIF dura 2 segundos, ajusta este tiempo seg\u00fan sea necesario\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>0% Destino Dir\u00edjanse a la zona marcada de naranja (Enfrente del museo Quinquela Martin) y una vez all\u00ed tienen que encontrar un poste de luz que tiene varios n\u00fameros pero solo uno con 3 d\u00edgitos escritos a mano al rededor de una + y completen ese n\u00famero debajo Muy bien, han llegado a la zona … <a title=\"La Boca 6 Esp \/ quinquela 1\/4\" class=\"read-more\" href=\"https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-4-2\/\" aria-label=\"Leer m\u00e1s sobre La Boca 6 Esp \/ quinquela 1\/4\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"wf_page_folders":[5],"class_list":["post-857","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=857"}],"version-history":[{"count":284,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/857\/revisions"}],"predecessor-version":[{"id":6098,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/857\/revisions\/6098"}],"wp:attachment":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=857"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/wf_page_folders?post=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}