AI game creator

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

No:33258

←

Prev Next

→

Ppoooihtsqq
Developer User7580｜Date and time 24/1/3 4:41:47
Build time 29.305 sec｜Game capacity 4.643KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript. It is designed to be played on a smartphone and uses pictograms for a better visual experience. The game is called "Picto Tap" where you have to tap on pictograms as they appear on the screen to earn points. The game ends after a certain time limit.

To play the game, simply save the above code into a file with a `.html` extension (e.g., `game.html`), then open it in a web browser on your smartphone. The game will start automatically, and you need to tap on the pictograms that appear on the screen to earn points. The score and remaining time are displayed on the screen. The game will end after 30 seconds, and your final score will be displayed. Enjoy playing "Picto Tap"!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Picto Tap - Game</title>
    <style>
        body {
            background-color: #f1f1f1;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            overflow: hidden;
        }

#game-area {
            position: relative;
            width: 100%;
            height: 100%;
        }

.pictogram {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #ffcc00;
            color: #fff;
            pointer-events: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-area"></div>

function startGame() {
            timerInterval = setInterval(function() {
                timeLimit--;
                updateTimer();

if (timeLimit <= 0) {
                    clearInterval(timerInterval);
                    endGame();
                }
            }, 1000);

gameArea.addEventListener('click', handlePictogramClick);

generatePictogram();
        }

function generatePictogram() {
            var pictogram = document.createElement('div');
            pictogram.classList.add('pictogram');
            pictogram.innerHTML = getRandomPictogram();

var x = getRandomCoordinate('x');
            var y = getRandomCoordinate('y');

pictogram.style.transform = `translate(${x}px, ${y}px)`;
            gameArea.appendChild(pictogram);
        }

function getRandomPictogram() {
            var randomIndex = Math.floor(Math.random() * pictograms.length);
            return pictograms[randomIndex];
        }

function getRandomCoordinate(axis) {
            var screenSize;

if (axis === 'x') {
                screenSize = gameArea.clientWidth;
            } else if (axis === 'y') {
                screenSize = gameArea.clientHeight;
            }

return Math.floor(Math.random() * screenSize);
        }

function handlePictogramClick(event) {
            if (event.target.classList.contains('pictogram')) {
                incrementScore(1);
                event.target.remove();
                generatePictogram();
            }
        }

function incrementScore(value) {
            score += value;
            updateScoreBoard();
        }

function updateScoreBoard() {
            scoreBoard.innerHTML = `Score: ${score}`;
        }

function updateTimer() {
            timer.innerHTML = `Time Left: ${timeLimit}s`;
        }

function endGame() {
            gameArea.removeEventListener('click', handlePictogramClick);
            gameArea.innerHTML = `<h1>Game Over!</h1><p>Your score: ${score}</p>`;
        }

// Create score and timer elements
        var scoreBoard = document.createElement('div');
        scoreBoard.style.position = 'fixed';
        scoreBoard.style.top = '10px';
        scoreBoard.style.left = '10px';
        scoreBoard.style.fontSize = '20px';
        gameArea.appendChild(scoreBoard);

var timer = document.createElement('div');
        timer.style.position = 'fixed';
        timer.style.bottom = '10px';
        timer.style.left = '10px';
        timer.style.fontSize = '20px';
        gameArea.appendChild(timer);

// Start the game
        startGame();
    </script>
</body>
</html>
```