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

No:35698

234

Online game
Developer User16538｜Date and time 24/1/15 3:11:50
Build time 14.868 sec｜Game capacity 3.724KB｜

Como programador, puedo crear un juego en línea para que puedas jugar en tu teléfono inteligente. Aquí tienes un ejemplo de un juego simple usando pictogramas. El juego consistirá en adivinar palabras representadas por pictogramas.

Juego de Pictogramas

Puntuación: 0

Este juego de pictogramas mostrará una imagen de un pictograma y te pedirá que adivines la palabra que representa. Puedes ingresar tu respuesta en el campo de texto y hacer clic en "Enviar" para verificar si es correcta. Cada respuesta correcta incrementará tu puntuación. El juego continuará mostrando más pictogramas hasta que hayas adivinado todas las palabras o hayas cometido un error. Al final, se mostrará tu puntuación final. Puedes agregar más pictogramas y palabras al arreglo `words` según tus necesidades. Recuerda nombrar tus imágenes de pictogramas de acuerdo con la ruta que definas en el arreglo `words`. Ten en cuenta que necesitarás reemplazar los nombres de archivo de los pictogramas en el código con las rutas reales de tus imágenes de pictogramas para que se muestren correctamente en el juego.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Como programador, puedo crear un juego en línea para que puedas jugar en tu teléfono inteligente. Aquí tienes un ejemplo de un juego simple usando pictogramas. El juego consistirá en adivinar palabras representadas por pictogramas.

```html
<!DOCTYPE html>
<html>
<head>
<title>Juego de Pictogramas</title>
<style>
    body {
        text-align: center;
        font-family: Arial, sans-serif;
    }
    
    #score {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    #guess-input {
        width: 200px;
        height: 30px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    
    #result {
        font-size: 20px;
        font-weight: bold;
        margin-top: 10px;
    }
</style>
</head>
<body>
    <h1>Juego de Pictogramas</h1>
    <div id="score">Puntuación: <span id="score-value">0</span></div>
    <img id="pictogram" src="" width="200" height="200">
    <br>
    <input id="guess-input" type="text" placeholder="Adivina la palabra">
    <br>
    <button onclick="checkGuess()">Enviar</button>
    <div id="result"></div>

<script>
        var words = [
            { pictogram: "imagen1.png", word: "manzana" },
            { pictogram: "imagen2.png", word: "perro" },
            { pictogram: "imagen3.png", word: "gato" },
            // Agrega más pictogramas y palabras aquí
        ];

var score = 0;
        var currentWordIndex = 0;
        var pictogramElement = document.getElementById("pictogram");
        var scoreElement = document.getElementById("score-value");
        var guessInputElement = document.getElementById("guess-input");
        var resultElement = document.getElementById("result");

function startGame() {
            showNextWord();
        }

function showNextWord() {
            if (currentWordIndex < words.length) {
                var currentWord = words[currentWordIndex];
                pictogramElement.src = currentWord.pictogram;
                guessInputElement.value = "";
                resultElement.innerHTML = "";
            } else {
                endGame();
            }
        }

function checkGuess() {
            var currentWord = words[currentWordIndex];
            var guess = guessInputElement.value.trim().toLowerCase();

if (guess === currentWord.word) {
                score++;
                scoreElement.innerHTML = score;
                resultElement.innerHTML = "¡Correcto!";
            } else {
                resultElement.innerHTML = "Incorrecto";
            }

currentWordIndex++;
            showNextWord();
        }

function endGame() {
            pictogramElement.src = "";
            guessInputElement.disabled = true;
            resultElement.innerHTML = "Fin del juego. ¡Tu puntuación final es " + score + "!";
        }

startGame();
    </script>
</body>
</html>
```

Este juego de pictogramas mostrará una imagen de un pictograma y te pedirá que adivines la palabra que representa. Puedes ingresar tu respuesta en el campo de texto y hacer clic en "Enviar" para verificar si es correcta. Cada respuesta correcta incrementará tu puntuación. El juego continuará mostrando más pictogramas hasta que hayas adivinado todas las palabras o hayas cometido un error. Al final, se mostrará tu puntuación final.

Puedes agregar más pictogramas y palabras al arreglo `words` según tus necesidades. Recuerda nombrar tus imágenes de pictogramas de acuerdo con la ruta que definas en el arreglo `words`.

Ten en cuenta que necesitarás reemplazar los nombres de archivo de los pictogramas en el código con las rutas reales de tus imágenes de pictogramas para que se muestren correctamente en el juego.