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

No:5841

1418

←

Prev Next

→

Caught in a conveyor belt
Developer User3788｜Date and time 23/6/30 22:24:58
Build time 27.509 sec｜Game capacity 2.729KB｜

Script

了解しました。ベルトコンベアーに巻き込まれるゲームを作成します。

Belt Conveyor Game

スマホの画面をタップして障害物を避けてください。

🚶

⚠️

このプログラムでは、スマホの画面をタップすることでプレイヤーを移動させ、ランダムな位置からベルトコンベアーが動き出します。プレイヤーとベルトコンベアーが衝突するとゲームオーバーとなり、スコアがリセットされます。画面上のプレイヤーの絵文字をタップして遊んでみてください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。ベルトコンベアーに巻き込まれるゲームを作成します。

```html
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Belt Conveyor Game</title>
    <style>
        body {
            text-align: center;
            padding-top: 100px;
        }
        #player {
            font-size: 2em;
        }
        #obstacle {
            font-size: 2em;
            animation: moveObstacle linear infinite;
            animation-duration: 3s;
            position: absolute;
        }
        @keyframes moveObstacle {
            0% {
                left: 0;
            }
            100% {
                left: 100%;
            }
        }
    </style>
</head>

<body>
    <h1>Belt Conveyor Game</h1>
    <p>スマホの画面をタップして障害物を避けてください。</p>
    <div id="container">
        <p id="player">🚶</p>
        <p id="obstacle">⚠️</p>
    </div>

container.addEventListener("click", function () {
            score++;
            updateScore();
            moveObstacle();
            checkCollision();
        });

function moveObstacle() {
            var xPos = Math.floor(Math.random() * 70) + 5;
            obstacle.style.left = "0%";
            obstacle.style.top = xPos + "%";
        }

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

if (playerRect.right > obstacleRect.left &&
                playerRect.bottom > obstacleRect.top &&
                playerRect.left < obstacleRect.right &&
                playerRect.top < obstacleRect.bottom) {
                endGame();
            }
        }

function updateScore() {
            player.textContent = "🚶 " + score;
        }

function endGame() {
            alert("ベルトコンベアーに巻き込まれました！スコア: " + score);
            score = 0;
            obstacle.style.left = "-100%";
            updateScore();
        }
    </script>
</body>

</html>
```