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

No:26411

←

Prev Next

→

Gta 5
Developer User12958｜Date and time 23/11/30 9:05:58
Build time 70.16 sec｜Game capacity 3.899KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript. It can be played on a smartphone and features pictograms for visual representation:

PictoGame

Your goal is to guess the correct pictogram!

This game will display a random pictogram and provide three options to choose from. The player needs to select the correct option corresponding to the displayed pictogram. The score updates with each correct answer, and the game will display an alert and reset the score if the answer is incorrect.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure, here's a simple game implemented as a single HTML file using JavaScript. It can be played on a smartphone and features pictograms for visual representation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>PictoGame</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#score {
            font-size: 24px;
        }

#gameContent {
            margin-top: 50px;
        }

.pictogram {
            width: 75px;
            height: 75px;
            display: inline-block;
        }

.button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 18px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>PictoGame</h1>
    <p>Your goal is to guess the correct pictogram!</p>
    <div id="score">0</div>
    <div id="gameContent">
        <div id="pictogram"></div>
        <div id="buttons">
            <button class="button" id="option1"></button>
            <button class="button" id="option2"></button>
            <button class="button" id="option3"></button>
        </div>
    </div>

var pictogramElement = document.getElementById('pictogram');
        var buttonsContainer = document.getElementById('buttons');
        var scoreElement = document.getElementById('score');
        var options = [];

function generateRandomOptions() {
            options = [];

while (options.length < 3) {
                var randomIndex = Math.floor(Math.random() * pictograms.length);
                var randomOption = pictograms[randomIndex].options[0];

if (!options.includes(randomOption)) {
                    options.push(randomOption);
                }
            }

options.sort(function () { return Math.random() - 0.5 });
        }

function updatePictogram() {
            var randomIndex = Math.floor(Math.random() * pictograms.length);
            var pictogram = pictograms[randomIndex];

pictogramElement.innerHTML = pictogram.image;

for (var i = 0; i < buttonsContainer.children.length; i++) {
                buttonsContainer.children[i].innerHTML = options[i];
                buttonsContainer.children[i].addEventListener('click', checkAnswer);
            }
        }

function checkAnswer() {
            var selectedOption = this.innerHTML;
            var currentPictogram = pictogramElement.innerHTML;

if (options.includes(selectedOption) && pictograms.find(p => p.image === currentPictogram).options.includes(selectedOption)) {
                score++;
                scoreElement.innerHTML = score;
                generateRandomOptions();
                updatePictogram();
            } else {
                alert('Wrong answer! Game over. Your score: ' + score);
                score = 0;
                scoreElement.innerHTML = score;
                generateRandomOptions();
                updatePictogram();
            }
        }

generateRandomOptions();
        updatePictogram();
    </script>
</body>
</html>
```