AI game creator

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

No:6837

←

Prev Next

→

PC98
Developer User3932｜Date and time 23/7/3 23:25:13
Build time 34.959 sec｜Game capacity 3.759KB｜

Script

了解しました。以下に、PC98風のゲームを実装したHTMLファイルの例を示します。このゲームはスマホで遊ぶことを前提としており、キャラクターを操作して障害物を避けるシンプルなゲームです。

👾

このプログラムは、黄色いキャラクターを操作して赤い障害物を避けるゲームです。キャラクターは矢印キーで移動させることができます。障害物に衝突するとゲームオーバーとなり、スコアが表示されます。このような形でプログラムを作成することで、スマホでプレイ可能なシンプルなゲームを実装することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>PC98ゲーム</title>
    <style>
        body {
            background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            overflow: hidden;
        }

#player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: yellow;
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
            animation: moveObstacle 2s linear infinite;
        }

@keyframes moveObstacle {
            from {
                top: -50px;
            }
            to {
                top: 100vh;
            }
        }
    </style>
</head>
<body>
    <div id="player">👾</div>

function startGame() {
            gameInterval = setInterval(update, 10);
            document.addEventListener("keydown", movePlayer);
        }

function stopGame() {
            clearInterval(gameInterval);
            document.removeEventListener("keydown", movePlayer);
        }

function update() {
            var obstacles = document.querySelectorAll(".obstacle");
            score += obstacles.length;

for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];

if (isColliding(player, obstacle)) {
                    stopGame();
                    alert("Game Over! Score: " + score);
                }
            }
        }

function movePlayer(event) {
            switch (event.keyCode) {
                case 37: // Left arrow key
                    player.style.left = parseInt(getComputedStyle(player).left) - 10 + "px";
                    break;
                case 39: // Right arrow key
                    player.style.left = parseInt(getComputedStyle(player).left) + 10 + "px";
                    break;
                case 38: // Up arrow key
                    player.style.top = parseInt(getComputedStyle(player).top) - 10 + "px";
                    break;
                case 40: // Down arrow key
                    player.style.top = parseInt(getComputedStyle(player).top) + 10 + "px";
                    break;
            }
        }

function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left || 
                     rect1.left > rect2.right || 
                     rect1.bottom < rect2.top || 
                     rect1.top > rect2.bottom);
        }

startGame();
    </script>
</body>
</html>
```

このプログラムは、黄色いキャラクターを操作して赤い障害物を避けるゲームです。キャラクターは矢印キーで移動させることができます。障害物に衝突するとゲームオーバーとなり、スコアが表示されます。

このような形でプログラムを作成することで、スマホでプレイ可能なシンプルなゲームを実装することができます。