Create a 2d adventure game with a player with a monster that k○ll you's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Create a 2d adventure game with a player with a monster that k○ll you's game | AI game creator

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

No:41508

114

←

Prev Next

→

Create a 2d adventure game with a player with a mo..ALL
Developer User18597｜Date and time 24/2/8 0:34:52
Build time 14.478 sec｜Game capacity 3.561KB｜

Script

Ecco un esempio di un semplice gioco d'avventura 2D implementato come un singolo file HTML utilizzando JavaScript:

Questo gioco crea una griglia 4x4 nel quale il giocatore (rappresentato dalla figura del giocatore) si muove utilizzando le frecce direzionali. Deve evitare di finire nella stessa cella del mostro (rappresentato dalla figura del mostro), altrimenti il gioco finirà e verrà visualizzato un messaggio di avviso. Puoi sostituire "emozi_all/player.png" e "emozi_all/monster.png" con i tuoi pictogrammi personalizzati.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Ecco un esempio di un semplice gioco d'avventura 2D implementato come un singolo file HTML utilizzando JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Gioco Avventura 2D</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }

.cell {
            width: 25%;
            height: 25%;
            border: 1px solid lightgray;
        }

.player {
            background-image: url('player.png');
            background-size: cover;
        }

.monster {
            background-image: url('monster.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

// Creazione della griglia di gioco
            for (let i = 0; i < 16; i++) {
                const cell = document.createElement("div");
                cell.classList.add("cell");
                cells.push(cell);
                gameBoard.appendChild(cell);
            }

// Posiziona il giocatore nella cella centrale
            const playerCell = cells[Math.floor(cells.length / 2)];
            playerCell.classList.add("player");

// Posiziona il mostro in una posizione casuale
            const monsterCell = cells[Math.floor(Math.random() * cells.length)];
            monsterCell.classList.add("monster");

// Gestisci l'input dell'utente
            document.addEventListener("keydown", function(event) {
                const playerIndex = cells.indexOf(playerCell);
                const keyCode = event.keyCode;

let targetIndex;

// Muovi il giocatore nella direzione corrispondente
                if (keyCode === 37) { // Sinistra
                    targetIndex = playerIndex - 1;
                } else if (keyCode === 38) { // Su
                    targetIndex = playerIndex - 4;
                } else if (keyCode === 39) { // Destra
                    targetIndex = playerIndex + 1;
                } else if (keyCode === 40) { // Giù
                    targetIndex = playerIndex + 4;
                }

// Controlla se il giocatore ha raggiunto il mostro
                if (targetIndex === cells.indexOf(monsterCell)) {
                    // Il mostro ha ucciso il giocatore
                    alert("Sei stato ucciso! Gioco finito.");
                    location.reload(); // Ricarica la pagina per ricominciare
                } else if (targetIndex >= 0 && targetIndex < cells.length) {
                    // Rimuovi il giocatore dalla cella corrente
                    playerCell.classList.remove("player");

// Muovi il giocatore nella nuova cella
                    playerCell = cells[targetIndex];
                    playerCell.classList.add("player");
                }
            });
        });
    </script>
</body>
</html>
```

Questo gioco crea una griglia 4x4 nel quale il giocatore (rappresentato dalla figura del giocatore) si muove utilizzando le frecce direzionali. Deve evitare di finire nella stessa cella del mostro (rappresentato dalla figura del mostro), altrimenti il gioco finirà e verrà visualizzato un messaggio di avviso. Puoi sostituire "player.png" e "monster.png" con i tuoi pictogrammi personalizzati.