AI game creator

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

No:20066

←

Prev Next

→

First person game
Developer User8938｜Date and time 23/10/8 5:33:22
Build time 17.747 sec｜Game capacity 5.56KB｜

Script

Certainly! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms. This game assumes smartphone operation and is a first-person game.

Use the buttons to navigate through the game.

This game presents four locations: a forest, a cave, a beach, and a mountain peak. The player navigates through these locations using the provided buttons, and the game displays a message describing each location. The buttons are initially disabled when the player cannot move in a specific direction. The game utilizes pictograms to represent the movement actions.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Certainly! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms. This game assumes smartphone operation and is a first-person game.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Adventure Game</title>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f2f2f2;
            font-family: Arial, sans-serif;
        }
        #game-message {
            font-size: 18px;
            text-align: center;
        }
        #game-actions {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        .game-action {
            margin: 5px;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            background-color: #4caf50;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .game-action:hover {
            background-color: #45a049;
        }
        #game-instructions {
            text-align: center;
            font-size: 14px;
            margin-top: 20px;
            color: #666666;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game-message"></div>
        <div id="game-actions">
            <button class="game-action" id="left-action">🡠 Left</button>
            <button class="game-action" id="right-action">🡢 Right</button>
            <button class="game-action" id="forward-action">🡡 Forward</button>
            <button class="game-action" id="back-action">🡣 Back</button>
        </div>
    </div>

<div id="game-instructions">
        Use the buttons to navigate through the game.
    </div>

function displayMessage(message) {
            gameMessage.innerText = message;
        }

function loadData() {
            switch (currentRoom) {
                case 1:
                    displayMessage("You are in a forest. There are tall trees all around you.");
                    leftAction.disabled = true;
                    rightAction.disabled = false;
                    forwardAction.disabled = false;
                    backAction.disabled = false;
                    break;
                case 2:
                    displayMessage("You are inside a cave. It's dark, and you can hear water dripping.");
                    leftAction.disabled = false;
                    rightAction.disabled = false;
                    forwardAction.disabled = false;
                    backAction.disabled = true;
                    break;
                case 3:
                    displayMessage("You are on a beach. The waves are crashing against the shore.");
                    leftAction.disabled = false;
                    rightAction.disabled = false;
                    forwardAction.disabled = true;
                    backAction.disabled = false;
                    break;
                case 4:
                    displayMessage("You are on a mountain peak. The view is breathtaking.");
                    leftAction.disabled = false;
                    rightAction.disabled = true;
                    forwardAction.disabled = false;
                    backAction.disabled = false;
                    break;
            }
        }

leftAction.addEventListener("click", goLeft);
        rightAction.addEventListener("click", goRight);
        forwardAction.addEventListener("click", goForward);
        backAction.addEventListener("click", goBack);

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