AI game creator

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

No:21630

125

←

Prev Next

→

There is no game
Developer User9947｜Date and time 23/10/17 0:38:54
Build time 108.802 sec｜Game capacity 4.25KB｜

Script

Sure, below is an example of a simple game implemented as a single HTML file with JavaScript:

Score: 0

Game Over

This code implements a simple game where you control a player icon (blue block) using the left and right arrow keys. The objective is to avoid colliding with the moving obstacle (green block) as your score increases. The game is enclosed in script tags and is playable on a smartphone or any device with a web browser. Some pictogram-like shapes are used as icons in the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, below is an example of a simple game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-container {
            margin: 100px auto;
        }
        #score {
            font-size: 24px;
            margin-bottom: 20px;
        }
        #game-over {
            font-size: 36px;
            color: red;
            margin-bottom: 20px;
            display: none;
        }
        .icon {
            width: 50px;
            height: 50px;
            display: inline-block;
            margin: 5px;
        }
        #player {
            background-color: blue;
        }
        .obstacle {
            background-color: green;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="score">Score: 0</div>
        <div id="game-over">Game Over</div>
        <div id="player" class="icon"></div>
        <div id="obstacle" class="icon"></div>
    </div>

// DOM elements
        var gameContainer = document.getElementById('game-container');
        var scoreElement = document.getElementById('score');
        var gameOverElement = document.getElementById('game-over');
        var player = document.getElementById('player');
        var obstacle = document.getElementById('obstacle');

// Function to update the game score
        function updateScore() {
            score++;
            scoreElement.innerHTML = 'Score: ' + score;
        }

// Function to move the player horizontally
        function movePlayer(direction) {
            var playerLeft = player.offsetLeft;

if (direction === 'left') {
                player.style.left = (playerLeft - 10) + 'px';
            } else if (direction === 'right') {
                player.style.left = (playerLeft + 10) + 'px';
            }
        }

// Function to check for collision between the player and obstacle
        function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var obstacleRect = obstacle.getBoundingClientRect();

return (
                playerRect.left < obstacleRect.right &&
                playerRect.right > obstacleRect.left &&
                playerRect.top < obstacleRect.bottom &&
                playerRect.bottom > obstacleRect.top
            );
        }

// Function to end the game
        function endGame() {
            isGameOver = true;
            gameOverElement.style.display = 'block';
        }

// Function to start the game
        function startGame() {
            setInterval(function () {
                if (!isGameOver) {
                    updateScore();

var obstacleTop = obstacle.offsetTop;
                    obstacle.style.top = (obstacleTop + 10) + 'px';

if (obstacleTop > gameContainer.clientHeight) {
                        obstacle.style.left = Math.random() * (gameContainer.clientWidth - 50) + 'px';
                        obstacle.style.top = '-50px';
                    }

if (checkCollision()) {
                        endGame();
                    }
                }
            }, gameSpeed);
        }

// Event listeners for player movement
        document.addEventListener('keydown', function (event) {
            if (event.keyCode === 37) {
                movePlayer('left');
            } else if (event.keyCode === 39) {
                movePlayer('right');
            }
        });

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