AI game creator

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

No:19244

←

Prev Next

→

ki
Developer User8477｜Date and time 23/10/2 5:16:17
Build time 16.52 sec｜Game capacity 3.263KB｜

Script

Als Programmierer werde ich ein Spiel für Smartphones erstellen, das Piktogramme verwendet und in einem einzigen HTML-Datei mit JavaScript umgesetzt ist. Hier ist der Code, den du als fertiges Spiel spielen kannst:

Um das Spiel zu starten, öffne die oben angegebene HTML-Datei in einem Webbrowser auf deinem Smartphone. Du siehst ein Piktogramm und musst entscheiden, ob es richtig oder falsch ist. Klicke auf die entsprechende Schaltfläche, um deine Antwort auszuwählen. Am Ende des Spiels wird deine Punktzahl angezeigt. Viel Spaß!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Piktogramm Spiel</title>
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

#piktogramm {
            font-size: 48px;
            margin-bottom: 20px;
        }

#result {
            font-size: 24px;
        }

#buttons {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }

.btn {
            font-size: 24px;
            margin: 0 10px;
            padding: 10px 20px;
            border: none;
            background-color: #007bff;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="piktogramm"></div>
        <div id="result"></div>
        <div id="buttons">
            <button class="btn" onclick="evaluate('correct')">Richtig</button>
            <button class="btn" onclick="evaluate('incorrect')">Falsch</button>
        </div>
    </div>

var currentPiktogrammIndex = 0;
        var playerScore = 0;

function startGame() {
            document.getElementById('result').innerText = '';
            showNextPiktogramm();
        }

function showNextPiktogramm() {
            if (currentPiktogrammIndex >= piktogramme.length) {
                endGame();
                return;
            }

var piktogrammElement = document.getElementById('piktogramm');
            piktogrammElement.innerText = piktogramme[currentPiktogrammIndex];
        }

function endGame() {
            document.getElementById('piktogramm').innerText = 'Spiel beendet. Punktzahl: ' + playerScore;
            document.getElementById('buttons').style.display = 'none';
        }

function evaluate(answer) {
            if (answer === 'correct') {
                playerScore++;
            }

currentPiktogrammIndex++;
            showNextPiktogramm();
        }

startGame();
    </script>
</body>
</html>
```