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

No:14933

103

←

Prev Next

→

make a game you get to pic things to add to your g..ALL
Developer User6311｜Date and time 23/9/5 1:25:27
Build time 35.736 sec｜Game capacity 3.982KB｜

Script

Sure! Here's an example of a simple game where you can pick and add elements to create your own game. It uses pictograms and assumes smartphone operation.

Create Your Own Game!

Select elements below to add to your game:

Click on an element to remove it from your game.

Select elements:

👤

🚧

⚡

🏆

👹

To play the game: 1. Open a text editor and save the above code as a single HTML file (e.g., `game.html`). 2. Open the HTML file in a web browser on your smartphone. 3. Use your finger to tap on the pictograms to add them to your game. 4. If you want to remove an element, tap on it within the game container. 5. Once you are done adding elements, tap the "Start Game" button. 6. The selected elements will be displayed in the result section below. Feel free to customize the game by adding more pictograms or modifying the functionality to suit your needs.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game where you can pick and add elements to create your own game. It uses pictograms and assumes smartphone operation.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Create Your Own Game!</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .pictogram {
            width: 100px;
            height: 100px;
            display: inline-block;
            margin: 10px;
            cursor: pointer;
        }
        .game-container {
            display: flex;
            flex-wrap: wrap;
        }
        #result {
            margin-top: 20px;
            font-size: 20px;
        }
    </style>
    <script>
        // Element options for the game
        const elements = [
            { name: 'Character', icon: '👤' },
            { name: 'Obstacle', icon: '🚧' },
            { name: 'Power-up', icon: '⚡' },
            { name: 'Treasure', icon: '🏆' },
            { name: 'Enemy', icon: '👹' },
        ];

// Array to hold selected elements
        let selectedElements = [];

// Function to add element to the game
        function addElement(index) {
            if (!selectedElements.includes(index)) {
                selectedElements.push(index);
                updateGameContainer();
            }
        }

// Function to remove element from the game
        function removeElement(index) {
            selectedElements = selectedElements.filter(element => element !== index);
            updateGameContainer();
        }

// Function to update the game container with selected elements
        function updateGameContainer() {
            const gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';
            selectedElements.forEach(index => {
                const element = elements[index];
                const newElement = document.createElement('span');
                newElement.className = 'pictogram';
                newElement.innerHTML = element.icon;
                newElement.addEventListener('click', () => removeElement(index));
                gameContainer.appendChild(newElement);
            });
        }

// Function to start the game
        function startGame() {
            const resultElement = document.getElementById('result');
            const selectedElementsNames = selectedElements.map(index => elements[index].name);
            resultElement.innerHTML = `You created your own game with: ${selectedElementsNames.join(', ')}`;
        }

// Initial game container update
        updateGameContainer();
    </script>
</head>
<body>
    <h1>Create Your Own Game!</h1>
    <p>Select elements below to add to your game:</p>
    <div class="game-container" id="game-container"></div>
    <p>
        Click on an element to remove it from your game.
    </p>
    <button onclick="startGame()">Start Game</button>
    <div id="result"></div>
    
    
    <div>
        <h3>Select elements:</h3>
        <div class="pictogram" onclick="addElement(0)">👤</div>
        <div class="pictogram" onclick="addElement(1)">🚧</div>
        <div class="pictogram" onclick="addElement(2)">⚡</div>
        <div class="pictogram" onclick="addElement(3)">🏆</div>
        <div class="pictogram" onclick="addElement(4)">👹</div>
    </div>
</body>
</html>
```

To play the game:
1. Open a text editor and save the above code as a single HTML file (e.g., `game.html`).
2. Open the HTML file in a web browser on your smartphone.
3. Use your finger to tap on the pictograms to add them to your game.
4. If you want to remove an element, tap on it within the game container.
5. Once you are done adding elements, tap the "Start Game" button.
6. The selected elements will be displayed in the result section below.

Feel free to customize the game by adding more pictograms or modifying the functionality to suit your needs.