Puedes hacer un juego que no sea en jvs?'s game | AI game creator

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

No:41573

51

Puedes hacer un juego que no sea en jvs?
Developer User18058｜Date and time 24/2/8 12:59:41
Build time 11.375 sec｜Game capacity 3.408KB｜

Sí, es posible crear un juego sin utilizar JavaScript. Un enfoque alternativo sería utilizar lenguajes como HTML5 y CSS3 para crear un juego interactivo. Aunque JavaScript es el más comúnmente utilizado para la programación de juegos, algunos juegos más sencillos pueden ser implementados sin JavaScript. A continuación, te mostraré un ejemplo de cómo hacerlo utilizando solo HTML y CSS.

Este ejemplo de código implementa un juego simple de tres en raya (Tic Tac Toe) utilizando solo HTML y CSS. Se utiliza la clase `game-cell` para representar cada celda del juego y se asigna la función `makeMove(row, col)` a cada celda para permitirle al jugador realizar un movimiento al hacer clic en ellas. El estado del juego se guarda en la matriz `gameBoard`, donde se almacena la jugada de cada jugador. El estilo de las celdas actualiza su contenido según el jugador actual utilizando las clases CSS `.pictogram-x` y `.pictogram-o`, que muestran los pictogramas correspondientes para "X" y "O". Ten en cuenta que, aunque esto puede funcionar en un juego simple, en juegos más complejos, probablemente necesitarás utilizar JavaScript para la lógica del juego y la interacción con el usuario.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sí, es posible crear un juego sin utilizar JavaScript. Un enfoque alternativo sería utilizar lenguajes como HTML5 y CSS3 para crear un juego interactivo. Aunque JavaScript es el más comúnmente utilizado para la programación de juegos, algunos juegos más sencillos pueden ser implementados sin JavaScript. A continuación, te mostraré un ejemplo de cómo hacerlo utilizando solo HTML y CSS.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mi Juego</title>
    <style>
        /* Estilos del juego */
        
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        
        .game-board {
            width: 300px;
            height: 300px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(3, 1fr);
            grid-gap: 5px;
        }
        
        .game-cell {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 50px;
            background-color: lightgray;
            cursor: pointer;
        }
        
        /* Estilos de los pictogramas */
        
        .pictogram-x:before {
            content: "❌";
        }
        
        .pictogram-o:before {
            content: "⭕";
        }
    </style>
</head>
<body>
    <div class="game-board">
        <div class="game-cell" onclick="makeMove(0, 0)"></div>
        <div class="game-cell" onclick="makeMove(0, 1)"></div>
        <div class="game-cell" onclick="makeMove(0, 2)"></div>
        <div class="game-cell" onclick="makeMove(1, 0)"></div>
        <div class="game-cell" onclick="makeMove(1, 1)"></div>
        <div class="game-cell" onclick="makeMove(1, 2)"></div>
        <div class="game-cell" onclick="makeMove(2, 0)"></div>
        <div class="game-cell" onclick="makeMove(2, 1)"></div>
        <div class="game-cell" onclick="makeMove(2, 2)"></div>
    </div>

<script>
        // Lógica del juego

let currentPlayer = "X";
        let gameBoard = [
            ["", "", ""],
            ["", "", ""],
            ["", "", ""]
        ];

function makeMove(row, col) {
            if(gameBoard[row][col] === "") {
                gameBoard[row][col] = currentPlayer;
                document.getElementsByClassName("game-cell")[row * 3 + col].classList.add("pictogram-" + currentPlayer.toLowerCase());
                currentPlayer = (currentPlayer === "X") ? "O" : "X";
            }
        }
    </script>
</body>
</html>
```

Este ejemplo de código implementa un juego simple de tres en raya (Tic Tac Toe) utilizando solo HTML y CSS. Se utiliza la clase `game-cell` para representar cada celda del juego y se asigna la función `makeMove(row, col)` a cada celda para permitirle al jugador realizar un movimiento al hacer clic en ellas.

El estado del juego se guarda en la matriz `gameBoard`, donde se almacena la jugada de cada jugador. El estilo de las celdas actualiza su contenido según el jugador actual utilizando las clases CSS `.pictogram-x` y `.pictogram-o`, que muestran los pictogramas correspondientes para "X" y "O".

Ten en cuenta que, aunque esto puede funcionar en un juego simple, en juegos más complejos, probablemente necesitarás utilizar JavaScript para la lógica del juego y la interacción con el usuario.