From c301a410f6441905e6fb1bd4baf25e5b2c85b8ad Mon Sep 17 00:00:00 2001 From: Mateo Date: Wed, 5 Feb 2025 23:59:56 -0300 Subject: [PATCH] v1.1.0 Changed styles, colors and minor fixes --- Partidos/Flag_of_Argentina.svg.webp | Bin 0 -> 15838 bytes index.html => seterra.html | 20 +++++++-- style.css | 55 ++++++++++++++++++++---- utils/area_selector.js | 63 ---------------------------- utils/game.js | 26 ++++++++---- 5 files changed, 80 insertions(+), 84 deletions(-) create mode 100644 Partidos/Flag_of_Argentina.svg.webp rename index.html => seterra.html (99%) delete mode 100644 utils/area_selector.js diff --git a/Partidos/Flag_of_Argentina.svg.webp b/Partidos/Flag_of_Argentina.svg.webp new file mode 100644 index 0000000000000000000000000000000000000000..96cd123e56889dc97711d6aafb3f376d5a481be2 GIT binary patch literal 15838 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 literal 0 HcmV?d00001 diff --git a/index.html b/seterra.html similarity index 99% rename from index.html rename to seterra.html index a4074bd..57f3e18 100644 --- a/index.html +++ b/seterra.html @@ -8,7 +8,20 @@ +
+ +
+
+ +
+
@@ -23,7 +36,7 @@
- + + data-flag="./Partidos/Banderas/AlmiranteBrown.jpg"/> - - + \ No newline at end of file diff --git a/style.css b/style.css index f9d661e..fa7bf29 100644 --- a/style.css +++ b/style.css @@ -11,20 +11,56 @@ body { display: flex; justify-content: center; align-items: center; - height: 100vh; + height: 200vh; background-color: #f5f5f5; } +/* //////////////////////////////////////////////// Header & Footer //////////////////////////////////////////////// */ +header { + display: grid; + position: absolute; + align-self: flex-start; + + background-color: rgb(74, 74, 218, .6); + height: 50px; + width: 100%; +} + +header > nav { + display: flex; + align-self: center; + justify-self: flex-start; +} + +header > nav > ul { + display: flex; + flex-direction: row; + gap: 25px; + padding-left: 4rem; + padding-top: 4px; +} + +footer { + display: flex; + position: absolute; + align-self: flex-end; + + background-color: rgb(74, 74, 218, .8); + height: 100vh; + width: 100%; +} /* //////////////////////////////////////////////// SVG //////////////////////////////////////////////// */ .game-wrapper { - width: 75vmin; - height: 75vmin; + width: 60vmin; + height: 60vmin; background-color: #a4d1dc; border: 2px solid #ccc; display: flex; - flex-direction: column; - align-items: center; + flex-direction: row; + align-self: flex-start; + top: 22vh; + right: 40vh; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; @@ -36,7 +72,7 @@ body { align-items: center; background: hsla(0, 3%, 50%, 0.5); display: flex; - font-size: clamp(.8rem, 2vw, 1.2rem); + font-size: clamp(.5rem, 1vw, 1rem); gap: 1em; left: 0; padding: .5rem 8rem .5rem 1rem; @@ -85,8 +121,8 @@ body { align-self: center; justify-self: center; position: absolute; - right: 100px; - width: 30px; + right: 85px; + width: 35px; height: auto; opacity: 100%; z-index: 2; @@ -139,8 +175,9 @@ svg path:hover { color: white; padding: 5px 10px; border-radius: 4px; - font-size: 14px; + font-size: 12px; pointer-events: none; + user-select: none; display: none; transform: translate(-50%, -50%); z-index: 1000; diff --git a/utils/area_selector.js b/utils/area_selector.js deleted file mode 100644 index f39c244..0000000 --- a/utils/area_selector.js +++ /dev/null @@ -1,63 +0,0 @@ -//////////////////////////////////////////////// Area Selector //////////////////////////////////////////////// - -// Función para seleccionar un path aleatorio y actualizar el span "area", la bandera y el escudo -function selectRandomArea() { - const paths = document.querySelectorAll('#Mapa path'); - const areaSpan = document.querySelector('.area'); - const flagImage = document.querySelector('.flag'); // Imagen de la bandera - const escudoImage = document.querySelector('.escudo'); // Imagen del escudo - - if (paths.length > 0 && areaSpan) { - incorrectCount = 0; - - const randomIndex = Math.floor(Math.random() * paths.length); - const randomPath = paths[randomIndex]; - const randomPathId = randomPath.id; - - // Actualiza el contenido del dentro del span "area" - const strongTag = areaSpan.querySelector('strong'); - if (strongTag) { - strongTag.textContent = randomPathId; - } else { - areaSpan.textContent = randomPathId; - } - - // Lee los atributos data-flag y data-escudo del path seleccionado - const flagUrl = randomPath.getAttribute('data-flag'); - const escudoUrl = randomPath.getAttribute('data-escudo'); - - // Manejo de la bandera - if (flagImage) { - if (flagUrl) { - flagImage.src = flagUrl; - flagImage.style.display = 'block'; // Muestra la imagen - } else { - flagImage.style.display = 'none'; // Oculta la imagen - } - } - - // Manejo del escudo - if (escudoImage) { - if (escudoUrl) { - escudoImage.src = escudoUrl; - escudoImage.style.display = 'block'; // Muestra la imagen - } else { - escudoImage.style.display = 'none'; // Oculta la imagen - } - } - } -} - -document.addEventListener("DOMContentLoaded", function() { - // Selecciona un área aleatoria al cargar la página - selectRandomArea(); - - // Agregar listener al botón "Skip" para cambiar el área al azar - const skipButton = document.querySelector('.skip-area'); - if (skipButton) { - skipButton.addEventListener('click', (event) => { - event.stopPropagation(); - selectRandomArea(); - }); - } -}); diff --git a/utils/game.js b/utils/game.js index c4cff3e..54987cd 100644 --- a/utils/game.js +++ b/utils/game.js @@ -75,18 +75,29 @@ function getCurrentObjective() { // Función para seleccionar un path aleatorio y actualizar el span "area", la bandera y el escudo function selectRandomArea() { - const paths = document.querySelectorAll('#Mapa path'); + const allPaths = document.querySelectorAll('#Mapa path'); const areaSpan = document.querySelector('.area'); const flagImage = document.querySelector('.flag'); const escudoImage = document.querySelector('.escudo'); - if (paths.length > 0 && areaSpan) { - // Reinicia los intentos fallidos para el nuevo objetivo + if (allPaths.length > 0 && areaSpan) { incorrectCount = 0; - // Selecciona un path al azar - const randomIndex = Math.floor(Math.random() * paths.length); - const randomPath = paths[randomIndex]; + // Filtrar solo los paths que tienen el fill por defecto (en este caso, "rgb(30, 131, 70)" o "#3b965f") + const candidatePaths = Array.from(allPaths).filter(path => { + const fill = window.getComputedStyle(path).fill.toLowerCase(); + return fill === "rgb(30, 131, 70)" || fill === "#3b965f"; + }); + + // Si no hay candidatos, todas las áreas han sido solucionadas. + if (candidatePaths.length === 0) { + //alert("¡Todos los objetivos han sido resueltos!"); + return; + } + + // Selecciona un path al azar de la lista filtrada + const randomIndex = Math.floor(Math.random() * candidatePaths.length); + const randomPath = candidatePaths[randomIndex]; const randomPathId = randomPath.id; // Actualiza el contenido del dentro del span "area" @@ -158,10 +169,9 @@ document.addEventListener("DOMContentLoaded", function() { path.addEventListener('click', function(event) { event.stopPropagation(); - // Obtener el color actual del path const computedFill = window.getComputedStyle(this).fill.toLowerCase(); if (computedFill === "rgb(243, 243, 243)" || computedFill === "rgb(226, 178, 45)" || computedFill === "rgb(191, 65, 64)") { - return; // Si ya está marcado, ignoramos el clic + return; } checkObjective(this.id);