AI game creator

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

No:31169

←

Prev Next

→

Control an monster
Developer User14953｜Date and time 23/12/25 11:42:55
Build time 16.226 sec｜Game capacity 2.32KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <style>
        /* CSS Styles */
        #container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#monster {
            width: 200px;
            height: 200px;
            background-image: url('path/to/monster/pictogram.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="monster"></div>
    </div>

// Define a velocidade de movimento do monstro
        const moveSpeed = 10;

// Inicializa as coordenadas do monstro
        let monsterX = 0;
        let monsterY = 0;

// Função para mover o monstro
        function moveMonster(direction) {
            switch (direction) {
                case 'up':
                    monsterY -= moveSpeed;
                    break;
                case 'down':
                    monsterY += moveSpeed;
                    break;
                case 'left':
                    monsterX -= moveSpeed;
                    break;
                case 'right':
                    monsterX += moveSpeed;
                    break;
            }

// Atualiza a posição do monstro na tela
            monster.style.transform = `translate(${monsterX}px, ${monsterY}px)`;
        }
        
        // Função para capturar os eventos de toque em botões virtuais
        function handleTouchEvent(event) {
            const { target: { id } } = event;
            moveMonster(id);
        }

// Adiciona os eventos de toque aos botões virtuais
        const upButton = document.getElementById('up');
        const downButton = document.getElementById('down');
        const leftButton = document.getElementById('left');
        const rightButton = document.getElementById('right');

upButton.addEventListener('click', handleTouchEvent);
        downButton.addEventListener('click', handleTouchEvent);
        leftButton.addEventListener('click', handleTouchEvent);
        rightButton.addEventListener('click', handleTouchEvent);
    </script>
</body>
</html>