AI game creator

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

No:22800

←

Prev Next

→

Divcore at 3am
Developer User10509｜Date and time 23/10/25 3:37:59
Build time 56.478 sec｜Game capacity 2.703KB｜

Script

Bien sûr! Voici un exemple de jeu simple implémenté en tant que fichier HTML unique, avec JavaScript et des pictogrammes, conçu pour être joué sur un smartphone :

Score: 0

Ce jeu simple affiche quelques pictogrammes et vous permet de cliquer dessus pour augmenter votre score affiché à l'écran. Lorsque vous redimensionnez la fenêtre, le jeu s'adapte automatiquement à la taille de l'écran. Vous pouvez remplacer les noms des fichiers pictogramme (`emozi_bear.png`, `emozi_chicken.png`, `emozi_rabbit.png`) par les noms de vos propres pictogrammes pour personnaliser le jeu.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Bien sûr! Voici un exemple de jeu simple implémenté en tant que fichier HTML unique, avec JavaScript et des pictogrammes, conçu pour être joué sur un smartphone :

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jeu Pictogramme</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #score {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        
        .pictogram {
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="score">Score: 0</div>
        <img src="pictogram1.png" class="pictogram" id="pictogram1">
        <img src="pictogram2.png" class="pictogram" id="pictogram2">
        <img src="pictogram3.png" class="pictogram" id="pictogram3">
    </div>

let score = 0;

// Handler de clic pour les pictogrammes
        function clickHandler(event) {
            score++;
            scoreElement.textContent = "Score: " + score;
        }

// Ajouter le gestionnaire d'événements pour chaque pictogramme
        for (let i = 0; i < pictograms.length; i++) {
            pictograms[i].addEventListener("click", clickHandler);
        }

// Gérer le redimensionnement de l'écran
        function handleResize() {
            const windowHeight = window.innerHeight;
            gameContainer.style.height = windowHeight + "px";
        }

// Ajouter le gestionnaire d'événements pour le redimensionnement
        window.addEventListener("resize", handleResize);

// Démarrer le jeu
        handleResize();
    </script>
</body>
</html>
```

Ce jeu simple affiche quelques pictogrammes et vous permet de cliquer dessus pour augmenter votre score affiché à l'écran. Lorsque vous redimensionnez la fenêtre, le jeu s'adapte automatiquement à la taille de l'écran. Vous pouvez remplacer les noms des fichiers pictogramme (`pictogram1.png`, `pictogram2.png`, `pictogram3.png`) par les noms de vos propres pictogrammes pour personnaliser le jeu.