Crear juego con imágenes y diálogos, que la imagen tengan un rango de fuerza y destreza's game

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

No:34382

108

←

Prev Next

→

Crear juego con imágenes y diálogos, que la imagen..ALL
Developer User16196｜Date and time 24/1/10 7:07:16
Build time 20.199 sec｜Game capacity 5.859KB｜

Script

¡Claro! A continuación te mostraré un ejemplo de un juego simple implementado como un archivo HTML con JavaScript. En este juego, utilizaré pictogramas para representar diferentes acciones y dos características de los jugadores: fuerza y destreza. El objetivo del juego es que los jugadores seleccionen las acciones correctas basadas en las características de sus oponentes para ganar la partida. Aquí tienes el código:

Este juego genera características aleatorias para dos jugadores y permite que los jugadores seleccionen "Fuerza" o "Destreza" en función de las características de sus oponentes. Luego, compara las acciones y las características para determinar al ganador. El resultado del juego se muestra en el navegador. ¡Espero que disfrutes jugando!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Juego de Fuerza y Destreza</title>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <button onclick="playGame()">Jugar</button>
    </div>

// Generar características aleatorias para los jugadores
            var player1 = generatePlayer(🙎🏻);
            var player2 = generatePlayer(🙎🏼‍♂️);

// Mostrar las acciones y pedir a los jugadores que elijan
            var player1Action = selectAction(player🙎🏻);
            var player2Action = selectAction(player🙎🏼‍♂️);

// Determinar al ganador basado en las acciones y características
            var winner = determineWinner(player1, player1Action, player2, player2Action);

// Mostrar el resultado
            showResult(player1, player1Action, player2, player2Action, winner);
        }

function generatePlayer() {
            return {
                strength: Math.floor(Math.random() * 100),
                dexterity: Math.floor(Math.random() * 100)
            };
        }

function selectAction(player) {
            var chosenAction = prompt("Jugador: Elije una acción (Fuerza o Destreza) basada en las características de tu oponente:\n" +
                "Fuerza: " + player.strength + "\n" +
                "Destreza: " + player.dexterity);

chosenAction = chosenAction.toLowerCase();

// Validar la acción seleccionada por el jugador
            if (chosenAction === 'fuerza' || chosenAction === 'destreza') {
                return chosenAction;
            } else {
                alert("Acción inválida. Por favor, elige una acción válida (Fuerza o Destreza).");
                return selectAction(player);
            }
        }

function showResult(player1, player1Action, player2, player2Action, winner) {
            var gameContainer = document.getElementById('game-container');

// Limpiar el contenedor del juego
            gameContainer.innerHTML = '';

// Crear elementos de imagen para las acciones seleccionadas por los jugadores
            var player1Img = document.createElement('img');
            player1Img.src = actions.find(action => action.attribute === player1Action).img;
            player1Img.alt = player1Action;

var player2Img = document.createElement('img');
            player2Img.src = actions.find(action => action.attribute === player2Action).img;
            player2Img.alt = player2Action;

// Crear elementos de diálogo para mostrar las características y el ganador
            var player1Dialog = document.createElement('p');
            player1Dialog.textContent = "Jugador 1 - " +
                "Fuerza: " + player1.strength + ", " +
                "Destreza: " + player1.dexterity;

var player2Dialog = document.createElement('p');
            player2Dialog.textContent = "Jugador 2 - " +
                "Fuerza: " + player2.strength + ", " +
                "Destreza: " + player2.dexterity;

var winnerDialog = document.createElement('p');
            winnerDialog.textContent = "Ganador: " + winner;

// Agregar elementos de imagen y diálogo al contenedor del juego
            gameContainer.appendChild(player1Img);
            gameContainer.appendChild(player2Img);
            gameContainer.appendChild(player1Dialog);
            gameContainer.appendChild(player2Dialog);
            gameContainer.appendChild(winnerDialog);
        }
    </script>
</body>
</html>
```