AI game creator

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

No:10824

←

Prev Next

→

poop powder
Developer User4636｜Date and time 23/8/3 17:41:12
Build time 31.529 sec｜Game capacity 3.576KB｜

Script

下記は、ウンコを避けながら進むゲームの実装例です。ウンコを避けながら画面の上部から下部まで移動することが目的です。利用するキーは、上下方向の矢印キーです。

🚶

このゲームでは、ページを開いたら自動的にゲームが始まります。プレイヤーを上下方向に移動させながらウンコの障害物を避けて画面下部まで移動することが目標です。障害物に当たるとゲームオーバーとなり、終了画面が表示されます。注意: 上記のソースコードはJavaScriptを含むHTMLファイルとして実装されており、スマートフォンのブラウザで遊ぶことができます。ただし、キーボードの矢印キーが必要ですので、物理的なキーボードまたは仮想キーボードが利用可能な状態でお試しください。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<style>
    #player {
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
    }
    .obstacle {
        position: absolute;
        bottom: 0;
    }
</style>
</head>
<body>

const obstacles = [
        { emoji: "💩", speed: 4 },
        { emoji: "💩", speed: 6 },
        { emoji: "💩", speed: 9 },
    ];
    let currentObstacleIndex = 0;

let playerTop = 10;
    let isGameOver = false;

function startGame() {
        document.addEventListener("keydown", movePlayer);

player.style.top = playerTop + "px";
        player.style.left = "50%";

moveObstacle();
    }

function movePlayer(e) {
        if (isGameOver) return;

switch (e.keyCode) {
            case 38: // Up arrow
                playerTop -= 10;
                break;
            case 40: // Down arrow
                playerTop += 10;
                break;
        }

player.style.top = playerTop + "px";
        checkCollision();
    }

function checkCollision() {
        const obstacle = obstacles[currentObstacleIndex];
        const obstacleLeft = obstacle.speed * 5;

if (
            playerTop >= 0 && playerTop <= 50 && obstacleLeft >= 45 && obstacleLeft <= 55
        ) {
            gameOverGame();
        }
    }

function gameOverGame() {
        isGameOver = true;
        player.style.display = "none";
        gameOver.style.display = "block";
    }

function moveObstacle() {
        const obstacle = obstacles[currentObstacleIndex];
        const obstacleElem = document.createElement("div");
        obstacleElem.innerHTML = obstacle.emoji;
        obstacleElem.classList.add("obstacle");
        obstacleElem.style.left = "100%";
        document.body.appendChild(obstacleElem);

const obstacleInterval = setInterval(() => {
            if (isGameOver) {
                clearInterval(obstacleInterval);
                return;
            }

const obstacleLeft = parseInt(obstacleElem.style.left);
            if (obstacleLeft < -20) {
                obstacleElem.remove();
                currentObstacleIndex = (currentObstacleIndex + 1) % obstacles.length;
                moveObstacle();
                return;
            }

obstacleElem.style.left = obstacleLeft - obstacle.speed + "px";
        }, 20);
    }

startGame();
</script>

</body>
</html>
```

このゲームでは、ページを開いたら自動的にゲームが始まります。プレイヤーを上下方向に移動させながらウンコの障害物を避けて画面下部まで移動することが目標です。障害物に当たるとゲームオーバーとなり、終了画面が表示されます。

注意: 上記のソースコードはJavaScriptを含むHTMLファイルとして実装されており、スマートフォンのブラウザで遊ぶことができます。ただし、キーボードの矢印キーが必要ですので、物理的なキーボードまたは仮想キーボードが利用可能な状態でお試しください。