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

No:22908

←

Prev Next

→

New generation
Developer User10592｜Date and time 23/10/26 15:29:40
Build time 65.445 sec｜Game capacity 4.54KB｜

Script

As an AI language model, I can provide you with a simple example of a game implemented as a single HTML file using JavaScript. Please keep in mind that this is just a basic example and you can build upon it to make a more complex game.

Simple Game

🎮

This example creates a simple game where the player controls a character (👾) using left and right arrow keys to avoid falling rockets (🚀). The player's score increases as time passes. If the player collides with a rocket, the game ends and the final score is displayed. The player can then choose to play again. You can save this code as a `.html` file and open it in a web browser to play the game. Remember to adjust the styling, add more levels, and tweak the gameplay mechanics to create a more enjoyable game experience.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Game</title>
    <style>
        body {
            text-align: center;
        }
        .pictogram {
            font-size: 60px;
        }
    </style>
</head>
<body>
    <h1>Simple Game</h1>
    <div id="gameBoard">
        <h2 class="pictogram">🎮</h2>
        <button onclick="startGame()">Start</button>
    </div>

// Clear the game board
            gameBoard.innerHTML = "";

// Display game elements
            var scoreText = document.createElement("h3");
            scoreText.textContent = "Score: 0";
            gameBoard.appendChild(scoreText);

var gameArea = document.createElement("div");
            gameArea.style.height = "300px";
            gameArea.style.width = "300px";
            gameArea.style.border = "1px solid black";
            gameBoard.appendChild(gameArea);

var player = document.createElement("div");
            player.className = "pictogram";
            player.textContent = "👾";
            gameArea.appendChild(player);

var score = 0;

// Movement logic
            document.addEventListener('keydown', function(event) {
                switch (event.keyCode) {
                    case 37: // Left arrow key
                        player.style.left = (parseInt(player.style.left) || 0) - 10 + "px";
                        break;
                    case 39: // Right arrow key
                        player.style.left = (parseInt(player.style.left) || 0) + 10 + "px";
                        break;
                }
            });

// Game logic
            setInterval(function() {
                score++;
                scoreText.textContent = "Score: " + score;

var obstacle = document.createElement("div");
                obstacle.className = "pictogram";
                obstacle.textContent = "🚀";
                obstacle.style.position = "absolute";
                obstacle.style.top = "0";
                obstacle.style.left = getRandomPosition() + "px";
                gameArea.appendChild(obstacle);

var intervalId = setInterval(function() {
                    var obstacleTop = parseInt(obstacle.style.top);
                    if (obstacleTop > 300) {
                        clearInterval(intervalId);
                        obstacle.remove();
                    } else {
                        obstacle.style.top = obstacleTop + 5 + "px";
                    }

if (isCollision(player, obstacle)) {
                        clearInterval(intervalId);
                        gameOver();
                    }
                }, 16);
            }, 1000);

function getRandomPosition() {
                return Math.floor(Math.random() * 280);
            }

function isCollision(player, obstacle) {
                var playerRect = player.getBoundingClientRect();
                var obstacleRect = obstacle.getBoundingClientRect();

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

function gameOver() {
                gameBoard.innerHTML = "<h2>Game Over!</h2>" +
                                      "<p>Final Score: " + score + "</p>" +
                                      "<button onclick=\"startGame()\">Play Again</button>";
            }
        }
    </script>
</body>
</html>
```

You can save this code as a `.html` file and open it in a web browser to play the game. Remember to adjust the styling, add more levels, and tweak the gameplay mechanics to create a more enjoyable game experience.