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

No:26039

137

←

Prev Next

→

Quiero un juego muy ocasional que todos quieran ju..ALL
Developer User12808｜Date and time 23/11/26 9:01:51
Build time 64.041 sec｜Game capacity 4.817KB｜

Script

Claro, puedo ayudarte a crear un juego simple y casual que todos quieran jugar. Aquí tienes un ejemplo de un juego de correspondencia de pictogramas que puedes jugar directamente en tu smartphone.

Juego de Correspondencia

Este código HTML contiene el juego de correspondencia de pictogramas. Las cartas se mezclarán cada vez que se inicie el juego y se mostrarán todas las cartas boca abajo. Al hacer clic en una carta, se volteará para revelar el pictograma correspondiente. El objetivo del juego es encontrar todas las parejas de cartas idénticas. Espero que disfrutes de este juego casual. Si deseas agregar más pictogramas o realizar cualquier modificación, puedes ajustar el código según tus preferencias.

←

Prev　Next

→ 　

Back　

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

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

Claro, puedo ayudarte a crear un juego simple y casual que todos quieran jugar. Aquí tienes un ejemplo de un juego de correspondencia de pictogramas que puedes jugar directamente en tu smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Juego de Correspondencia</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .game-card {
            display: inline-block;
            width: 80px;
            height: 80px;
            background-color: #eee;
            margin: 10px;
            cursor: pointer;
        }
        .game-card img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    </style>
</head>
<body>
    <h1>Juego de Correspondencia</h1>
    <div id="game-board"></div>
    
    <script>
    	// Definir los pictogramas que se utilizarán en el juego
	    const pictograms = [
	        '🐱', '🐶', '🐭', '🐹', '🐷', '🐸',
	        '🐣', '🐤', '🐥', '🐦', '🦆', '🦅'
	    ];
	    
	    // Duplicar los pictogramas para tener las parejas necesarias
	    const cards = pictograms.concat(pictograms);
	    
	    // Función para mezclar las cartas de forma aleatoria
	    function shuffleCards() {
	        for (let i = cards.length - 1; i > 0; i--) {
	            const j = Math.floor(Math.random() * (i + 1));
	            [cards[i], cards[j]] = [cards[j], cards[i]];
	        }
	    }
	    
	    // Crear el tablero de juego y mostrar las cartas
	    function createGameBoard() {
	        const gameBoard = document.getElementById('game-board');
	        shuffleCards();
	        
	        cards.forEach(function(card, index) {
	            const cardElement = document.createElement('div');
	            cardElement.className = 'game-card';
	            cardElement.setAttribute('data-index', index);
	            cardElement.addEventListener('click', handleCardClick);
	            
	            const cardImage = document.createElement('img');
	            cardImage.src = '';
	            cardImage.alt = card;
	            
	            cardElement.appendChild(cardImage);
	            gameBoard.appendChild(cardElement);
	        });
	    }
	    
	    // Manejar el evento de clic en una carta
	    function handleCardClick(event) {
	        const cardIndex = parseInt(event.target.getAttribute('data-index'));
	        const clickedCard = cards[cardIndex];
	        
	        if (selectedCards.length < 2 && !selectedCards.includes(cardIndex) && !matchedCards.includes(cardIndex)) {
	            event.target.firstChild.src = `https://twemoji.maxcdn.com/v/latest/72x72/${encodeURIComponent(clickedCard)}.png`;
	            
	            selectedCards.push(cardIndex);
	            
	            if (selectedCards.length === 2) {
	                setTimeout(checkMatch, 1000);
	            }
	        }
	    }
	    
	    // Verificar si las cartas seleccionadas coinciden
	    function checkMatch() {
	        const card1 = cards[selectedCards[0]];
	        const card2 = cards[selectedCards[1]];
	        
	        if (card1 === card2) {
	            matchedCards.push(selectedCards[0], selectedCards[1]);
	            selectedCards = [];
	            
	            if (matchedCards.length === cards.length) {
	                setTimeout(showGameEndMessage, 500);
	            }
	        } else {
	            cards[selectedCards[0]] = '';
	            cards[selectedCards[1]] = '';
	            
	            document.querySelectorAll(`[data-index="${selectedCards[0]}"]`)[0].firstChild.src = '';
	            document.querySelectorAll(`[data-index="${selectedCards[1]}"]`)[0].firstChild.src = '';
	            
	            selectedCards = [];
	        }
	    }
	    
	    // Mostrar el mensaje de fin del juego
	    function showGameEndMessage() {
	        alert('¡Felicidades! Has completado el juego.');
	        resetGame();
	    }
	    
	    // Reiniciar el juego
	    function resetGame() {
	        document.getElementById('game-board').innerHTML = '';
	        selectedCards = [];
	        matchedCards = [];
	        createGameBoard();
	    }
	    
	    // Iniciar el juego al cargarse el documento
	    document.addEventListener('DOMContentLoaded', function() {
	        createGameBoard();
	    });
	</script>
</body>
</html>
```

Espero que disfrutes de este juego casual. Si deseas agregar más pictogramas o realizar cualquier modificación, puedes ajustar el código según tus preferencias.