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

No:12002

Can you help me make a merge game
Developer User5017｜Date and time 23/8/13 12:12:14
Build time 36.053 sec｜Game capacity 6.919KB｜

Script

Claro, puedo ayudarte a crear un juego de combinación (merge). Aquí tienes un ejemplo de cómo implementar un juego de combinación simple utilizando JavaScript y pictogramas.

Merge Game

Este código implementa un juego de combinación en un solo archivo HTML. Los movimientos se pueden realizar deslizando el dedo en una dirección específica en dispositivos táctiles, como los smartphones. Los pictogramas se muestran como imágenes y se pueden combinar si la suma de sus identificadores es igual a 3. Puedes personalizar el juego ajustando los pictogramas disponibles, el tamaño del tablero y las reglas de combinación 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 de combinación (merge). Aquí tienes un ejemplo de cómo implementar un juego de combinación simple utilizando JavaScript y pictogramas.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Merge Game</title>
    <style>
        /* Estilos para mostrar los pictogramas */
        .pictogram {
            width: 60px;
            height: 60px;
            margin: 5px;
        }
    </style>
</head>
<body>
    <h1>Merge Game</h1>
    <div id="gameBoard"></div>

// Definir tamaño del tablero de juego
        const gridSize = 4;

// Inicializar el tablero de juego
        const gameBoard = document.getElementById('gameBoard');
        const gridCells = [];
        for (let row = 0; row < gridSize; row++) {
            for (let col = 0; col < gridSize; col++) {
                const cell = document.createElement('div');
                cell.classList.add('pictogram');
                gameBoard.appendChild(cell);
                gridCells.push({ row, col, value: null, element: cell });
            }
        }

// Generar un nuevo pictograma en una posición aleatoria vacía
        function generateRandomPictogram() {
            const emptyCells = gridCells.filter(cell => cell.value === null);
            if (emptyCells.length > 0) {
                const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
                randomCell.value = getRandomPictogram();
                randomCell.element.style.backgroundImage = `url('${randomCell.value.image}')`;
            }
        }

// Obtener un pictograma aleatorio de los disponibles
        function getRandomPictogram() {
            return pictogramas[Math.floor(Math.random() * pictogramas.length)];
        }

// Combinar los pictogramas cuando se realiza un movimiento válido
        function mergePictograms(cell1, cell2) {
            const mergedValue = pictogramas.find(pictogram => pictogram.id === cell1.value.id + cell2.value.id);
            if (mergedValue) {
                cell1.value = mergedValue;
                cell1.element.style.backgroundImage = `url('${mergedValue.image}')`;
                cell2.value = null;
                cell2.element.style.backgroundImage = '';
            }
        }

// Mover los pictogramas hacia la dirección especificada
        // Solo se permite moverlos horizontalmente o verticalmente
        function movePictograms(direction) {
            const rows = direction === 'left' || direction === 'right' ? 1 : 0;
            const cols = direction === 'up' || direction === 'down' ? 1 : 0;

let moved = false;

for (let row = 0; row < gridSize; row++) {
                for (let col = 0; col < gridSize; col++) {
                    const currentCell = gridCells.find(cell => cell.row === row && cell.col === col);

if (currentCell.value === null)
                        continue;

if (moved)
                generateRandomPictogram();
        }

// Comprobar si una posición dada es válida dentro del tablero
        function isValidPosition(row, col) {
            return row >= 0 && row < gridSize && col >= 0 && col < gridSize;
        }

// Comprobar si dos pictogramas se pueden combinar
        function canMergePictograms(cell1, cell2) {
            if (cell1.value.id + cell2.value.id === 3)
                return true; // Combinación válida solo si la suma de los id es 3
            return false;
        }

// Iniciar el juego generando los primeros pictogramas
        generateRandomPictogram();
        generateRandomPictogram();

// Manejar eventos de desplazamiento (swipe) en dispositivos táctiles
        let touchstartX = 0;
        let touchstartY = 0;
        let touchendX = 0;
        let touchendY = 0;

const gameContainer = document.getElementById('gameContainer');

gameContainer.addEventListener('touchstart', function (event) {
            touchstartX = event.touches[0].clientX;
            touchstartY = event.touches[0].clientY;
        }, false);

gameContainer.addEventListener('touchend', function (event) {
            touchendX = event.changedTouches[0].clientX;
            touchendY = event.changedTouches[0].clientY;
            handleGesture();
        }, false);

function handleGesture() {
            const deltaX = touchendX - touchstartX;
            const deltaY = touchendY - touchstartY;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
                if (deltaX > 0) {
                    movePictograms('right');
                } else {
                    movePictograms('left');
                }
            } else {
                if (deltaY > 0) {
                    movePictograms('down');
                } else {
                    movePictograms('up');
                }
            }
        }
    </script>
</body>
</html>
```

Puedes personalizar el juego ajustando los pictogramas disponibles, el tamaño del tablero y las reglas de combinación según tus preferencias.