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

No:5478

636

←

Prev Next

→

A game where you must put a text describing a game..ALL
Developer User3408｜Date and time 23/6/30 5:19:22
Build time 24.271 sec｜Game capacity 2.83KB｜

Script

Game IA

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<html>
  <body>
    <h1>Game IA</h1>
    <div id="gameArea" style="width: 300px; height: 300px; border: 1px solid black;"></div>
    
    <script>
      // Obtener el área de juego
      const gameArea = document.getElementById('gameArea');
      
      // Escuchar eventos de entrada táctil
      gameArea.addEventListener('touchstart', handleTouchStart, false);
      gameArea.addEventListener('touchmove', handleTouchMove, false);
      
      // Coordenadas iniciales y finales
      let xStart = null;
      let yStart = null;
      let xEnd = null;
      let yEnd = null;
      
      // Manejar el evento touchstart
      function handleTouchStart(event) {
        const touch = event.touches[0];
        xStart = touch.clientX;
        yStart = touch.clientY;
      }
      
      // Manejar el evento touchmove
      function handleTouchMove(event) {
        if (!xStart || !yStart) {
          return;
        }
        
        const touch = event.touches[0];
        xEnd = touch.clientX;
        yEnd = touch.clientY;
        
        // Calcular dirección del movimiento
        const dx = xEnd - xStart;
        const dy = yEnd - yStart;
        
        let direction = '';
        if (Math.abs(dx) > Math.abs(dy)) {
          direction = dx > 0 ? 'right' : 'left';
        } else {
          direction = dy > 0 ? 'down' : 'up';
        }
        
        // Ejecutar el juego IA
        gameIA(direction);
        
        // Reiniciar las coordenadas
        xStart = null;
        yStart = null;
        xEnd = null;
        yEnd = null;
      }
      
      // Función que se encarga del juego IA
      function gameIA(direction) {
        // Obtiene el área de juego
        const area = document.getElementById('gameArea');
        
        // Crea un elemento de texto
        const text = document.createElement('div');
        
        // Establece los estilos del texto y posición aleatoria
        text.style.position = 'absolute';
        text.style.left = Math.floor(Math.random() * (area.offsetWidth - 50)) + 'px';
        text.style.top = Math.floor(Math.random() * (area.offsetHeight - 50)) + 'px';
        text.style.fontSize = '24px';
        
        // Establece el contenido del texto basado en la dirección recibida
        switch (direction) {
          case 'up':
            text.innerHTML = '🔼';
            break;
          case 'down':
            text.innerHTML = '🔽';
            break;
          case 'left':
            text.innerHTML = '◀️';
            break;
          case 'right':
            text.innerHTML = '▶️';
            break;
          default:
            text.innerHTML = '❓';
            break;
        }
        
        // Agrega el elemento de texto al área de juego
        area.appendChild(text);
      }
    </script>
  </body>
</html>