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

No:25876

Defina las palabras. Traslade las letras al cuadro..ALL
Developer User12699｜Date and time 23/11/25 4:43:17
Build time 77.947 sec｜Game capacity 4.575KB｜

Script

Lo siento, soy un modelo de lenguaje de inteligencia artificial y no puedo proporcionarle un juego HTML implementado directamente como un archivo HTML. Sin embargo, puedo proporcionarle un ejemplo de cómo podría ser una implementación básica de un juego basado en pictogramas utilizando JavaScript. Aquí está el código:

Juego de Pictogramas

Arrastra las letras para formar el párrafo

Este es un juego muy básico en el que debes arrastrar las letras desde el contenedor hasta el lugar correcto en el párrafo formado por pictogramas. Cada letra está representada por un cuadro y debes poner las letras en el orden correcto para formar el párrafo completo. Una vez que todas las letras estén en su lugar correcto, aparecerá un mensaje de "¡Ganaste!". Es importante tener en cuenta que este es solo un ejemplo básico y que se pueden agregar muchas más funcionalidades y mejoras al juego.

←

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 Pictogramas</title>
</head>

<body>
    <h1>Juego de Pictogramas</h1>
    <div id="game-board"></div>
    <h3>Arrastra las letras para formar el párrafo</h3>
    <div id="letter-container">
        <div class="letter">D</div>
        <div class="letter">E</div>
        <div class="letter">F</div>
        <div class="letter">G</div>
    </div>

// Definir palabras y su ubicación en el párrafo
        const words = {
            1: 'Defina',
            4: 'las',
            7: 'palabras.',
            13: 'Traslade',
            19: 'las',
            22: 'letras',
            28: 'al',
            30: 'cuadro',
            35: 'de',
            37: 'acuerdo',
            45: 'con',
            48: 'su',
            50: 'numeración',
            61: 'y',
            63: 'allí',
            68: 'quedará',
            76: 'formado',
            84: 'un',
            86: 'párrafo',
            94: 'de',
            96: 'una',
            100: 'obra',
            105: 'literaria.'
        };

// Generar el párrafo a partir de las palabras
        let paragraph = '';
        Object.values(words).forEach(word => {
            paragraph += word + ' ';
        });

// Mostrar el párrafo en el tablero de juego
        gameBoard.innerHTML = paragraph;

// Inicializar la posición actual de las letras
        let currentLetterPosition = 1;

// Función para verificar si todas las letras están en la posición correcta
        function checkWin() {
            for (let i = 1; i <= Object.keys(words).length; i++) {
                const letter = document.getElementById('letter-' + i);
                if (letter.dataset.index != i) {
                    return false;
                }
            }
            return true;
        }

// Configurar los eventos de drag and drop para las letras
        const letters = document.getElementsByClassName('letter');
        Array.from(letters).forEach(letter => {
            letter.addEventListener('dragstart', function (event) {
                event.dataTransfer.setData('text/plain', event.target.id);
            });
        });

gameBoard.addEventListener('dragover', function (event) {
            event.preventDefault();
        });

gameBoard.addEventListener('drop', function (event) {
            event.preventDefault();
            const letterId = event.dataTransfer.getData('text');
            const letter = document.getElementById(letterId);
            const targetIndex = parseInt(event.target.dataset.index);

if (targetIndex === currentLetterPosition) {
                event.target.appendChild(letter);
                letter.classList.add('correct');
                letter.draggable = false;
                currentLetterPosition++;
                if (checkWin()) {
                    alert('¡Ganaste! Has formado el párrafo completo.');
                }
            }
        });
    </script>

.letter {
            display: inline-block;
            width: 30px;
            height: 30px;
            border: 1px solid black;
            text-align: center;
            line-height: 30px;
            cursor: move;
            margin-right: 5px;
        }

.correct {
            background-color: green;
        }
    </style>
</body>

</html>

```

Es importante tener en cuenta que este es solo un ejemplo básico y que se pueden agregar muchas más funcionalidades y mejoras al juego.