AI game creator

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

No:40347

←

Prev Next

→

Recrea el juego fnf
Developer User18058｜Date and time 24/2/2 9:07:03
Build time 11.871 sec｜Game capacity 3.334KB｜

Script

El siguiente código recrea el juego Friday Night Funkin' utilizando pictogramas y está diseñado para ser jugado en un smartphone.

El código anterior utiliza pictogramas representados por imágenes (`emozi_cat.png`, `emozi_rabbit.png`, `emozi_apple.png`, `emozi_bear.png`) para mostrar los personajes del juego. Los jugadores deben presionar los botones "IZQUIERDA" y "DERECHA" para cambiar el pictograma del personaje del jugador y avanzar en el juego. Cada acierto incrementa la puntuación, pero un error en la secuencia de pictogramas resultará en el final del juego. Puedes adaptar este código para agregar más funcionalidades y niveles al juego según tus preferencias.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

El siguiente código recrea el juego Friday Night Funkin' utilizando pictogramas y está diseñado para ser jugado en un smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Friday Night Funkin'</title>
    <style>
      body {
        background-color: black;
        text-align: center;
      }
      
      #game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
      
      #icon-container {
        margin-bottom: 20px;
      }
      
      .icon {
        width: 80px;
        height: 80px;
        margin: 10px;
      }
      
      #score {
        color: white;
        font-size: 24px;
        margin-bottom: 10px;
      }
      
      .button {
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
        margin: 10px;
        cursor: pointer;
      }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="icon-container">
            <img src="pictograma1.png" class="icon" id="player-icon">
            <img src="pictograma2.png" class="icon" id="opponent-icon">
        </div>
        <p id="score"></p>
        <button class="button" id="left-button">IZQUIERDA</button>
        <button class="button" id="right-button">DERECHA</button>
    </div>
    
    <script>
        // Variables de juego
        let score = 0;
        let playerIcon = document.getElementById("player-icon");
        let opponentIcon = document.getElementById("opponent-icon");
        let scoreDisplay = document.getElementById("score");

// Función para actualizar la puntuación
        function updateScore() {
            score++;
            scoreDisplay.textContent = `Puntuación: ${score}`;
        }

// Event listeners para los botones de juego
        document.getElementById("left-button").addEventListener("click", () => {
            if (playerIcon.src.includes("pictograma1.png")) {
                updateScore();
                playerIcon.src = "pictograma3.png";
            } else {
                endGame();
            }
        });

// Función para finalizar el juego
        function endGame() {
            alert("¡Has perdido!");
            location.reload();
        }

// Iniciar el juego
        updateScore();
    </script>
</body>
</html>
```

El código anterior utiliza pictogramas representados por imágenes (`pictograma1.png`, `pictograma2.png`, `pictograma3.png`, `pictograma4.png`) para mostrar los personajes del juego. Los jugadores deben presionar los botones "IZQUIERDA" y "DERECHA" para cambiar el pictograma del personaje del jugador y avanzar en el juego. Cada acierto incrementa la puntuación, pero un error en la secuencia de pictogramas resultará en el final del juego.

Puedes adaptar este código para agregar más funcionalidades y niveles al juego según tus preferencias.