AI game creator

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

No:16489

106

←

Prev Next

→

Dragon ball
Developer User6842｜Date and time 23/9/18 19:43:08
Build time 29.25 sec｜Game capacity 3.183KB｜

Script

Bien sûr! Je peux créer un jeu Dragon Ball pour toi. Voici un exemple d'implémentation en un seul fichier HTML :

Ce code crée une simple interface de jeu où tu peux contrôler un personnage de Dragon Ball en le faisant glisser sur l'écran de ton smartphone. Le personnage peut être déplacé vers la gauche, la droite, le haut et le bas en glissant ton doigt dans la direction souhaitée. Assure-toi d'avoir une image nommée "emozi_himawari.png" dans le même répertoire que ton fichier HTML pour afficher le personnage de Goku. Amuse-toi bien avec ton jeu Dragon Ball!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Bien sûr! Je peux créer un jeu Dragon Ball pour toi. Voici un exemple d'implémentation en un seul fichier HTML :

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jeu Dragon Ball</title>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 2rem;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <img src="goku.png" id="player" alt="Goku">
    </div>

// Définir les positions initiales
        let playerX = 0;
        let playerY = 0;

// Fonction pour déplacer le joueur
        function movePlayer(direction) {
            switch (direction) {
                case 'left':
                    playerX -= 10;
                    break;
                case 'right':
                    playerX += 10;
                    break;
                case 'up':
                    playerY -= 10;
                    break;
                case 'down':
                    playerY += 10;
                    break;
            }
            updatePlayerPosition();
        }

// Mettre à jour la position du joueur sur l'écran
        function updatePlayerPosition() {
            player.style.transform = `translate(${playerX}px, ${playerY}px)`;
        }

// Écouter les événements tactiles pour déplacer le joueur
        document.addEventListener('touchstart', handleTouchStart);
        document.addEventListener('touchmove', handleTouchMove);
        let xStart = null;
        let yStart = null;

function handleTouchStart(event) {
            const touch = event.touches[0];
            xStart = touch.clientX;
            yStart = touch.clientY;
        }

function handleTouchMove(event) {
            if (!xStart || !yStart) {
                return;
            }

const xEnd = event.touches[0].clientX;
            const yEnd = event.touches[0].clientY;

const xDiff = xStart - xEnd;
            const yDiff = yStart - yEnd;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
                if (xDiff > 0) {
                    movePlayer('left');
                } else {
                    movePlayer('right');
                }
            } else {
                if (yDiff > 0) {
                    movePlayer('up');
                } else {
                    movePlayer('down');
                }
            }

xStart = null;
            yStart = null;

event.preventDefault();
        }
    </script>
</body>
</html>
```

Assure-toi d'avoir une image nommée "goku.png" dans le même répertoire que ton fichier HTML pour afficher le personnage de Goku.

Amuse-toi bien avec ton jeu Dragon Ball!