Click here for free DL of the app version that can save data.

No:34874

←

Prev Next

→

Game the te doy
Developer User13377｜Date and time 24/1/12 2:40:25
Build time 14.63 sec｜Game capacity 2.356KB｜

Script

Juego de Te Doy

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Te Doy</title>
  </head>
  <body>
    <h1>Juego de Te Doy</h1>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Inicialización del juego
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");

// Definición de los pictogramas
      var pictogramas = [
        {
          image: "https://example.com/pictograma1.png",
          name: "Manzana"
        },
        {
          image: "https://example.com/pictograma2.png",
          name: "Pelota"
        },
        {
          image: "https://example.com/pictograma3.png",
          name: "Perro"
        },
        // Añade más pictogramas a tu gusto
      ];

// Función para dibujar los pictogramas en el canvas
      function drawPictogram(pictograma, x, y) {
        var img = new Image();
        img.src = pictograma.image;
        img.onload = function() {
          ctx.drawImage(img, x, y, 50, 50);
        };
      }

// Función para obtener un pictograma aleatorio
      function getRandomPictogram() {
        var randomIndex = Math.floor(Math.random() * pictogramas.length);
        return pictogramas[randomIndex];
      }

// Variable para almacenar el pictograma actual
      var currentPictogram;

// Función para iniciar el juego
      function startGame() {
        currentPictogram = getRandomPictogram();
        drawPictogram(currentPictogram, 175, 175);
      }

// Función para procesar los toques en el canvas
      function canvasClicked(event) {
        var rect = canvas.getBoundingClientRect();
        var x = event.clientX - rect.left;
        var y = event.clientY - rect.top;

// Verifica si el toque está sobre el pictograma actual
        if (
          x >= 175 &&
          x <= 225 &&
          y >= 175 &&
          y <= 225
        ) {
          alert("¡Correcto! El pictograma es: " + currentPictogram.name);
          startGame();
        } else {
          alert("Incorrecto, ¡inténtalo de nuevo!");
        }
      }

// Asigna el evento de toque al canvas
      canvas.addEventListener("click", canvasClicked);

// Inicia el juego al cargar la página
      startGame();
    </script>
  </body>
</html>