Swallowed whole by a horde of slime's game

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

No:6683

3771

←

Prev Next

→

Swallowed whole by a horde of slime
Developer anonymous｜Date and time 70/1/1 10:02:30
Build time unknown sec｜Game capacity 3.75KB｜

Script

実装例として、スマホで遊べるシンプルなゲーム「スライムの大群に丸呑みされる」を作成します。

このゲームでは、画面上をスライムがランダムに移動し、プレイヤーがスマホのタッチ操作で動かします。プレイヤーがスライムと接触すると、アラートが表示されてゲームが終了します。なお、このゲームはスマホでの実行を前提としていますが、PCでも動作可能です。また、絵文字を使ってはいませんが、スライムとプレイヤーは色で区別されます。

←

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>スライムの大群に丸呑みされる</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

let player = {
                x: canvas.width / 2,
                y: canvas.height / 2,
                radius: 10,
                color: 'black'
            };

let slimes = [];

function drawPlayer() {
                context.beginPath();
                context.arc(player.x, player.y, player.radius, 0, Math.PI * 2, false);
                context.fillStyle = player.color;
                context.fill();
                context.closePath();
            }

function drawSlimes() {
                for (let i = 0; i < slimes.length; i++) {
                    let slime = slimes[i];
                    context.beginPath();
                    context.arc(slime.x, slime.y, slime.radius, 0, Math.PI * 2, false);
                    context.fillStyle = slime.color;
                    context.fill();
                    context.closePath();
                }
            }

function update() {
                // プレイヤーの移動
                document.addEventListener('touchmove', function (event) {
                    let touch = event.touches[0];
                    player.x = touch.pageX - canvas.offsetLeft;
                    player.y = touch.pageY - canvas.offsetTop;
                }, false);

// スライムの生成
                if (Math.random() < 0.03) {
                    let slime = {
                        x: Math.random() * canvas.width,
                        y: Math.random() * canvas.height,
                        radius: Math.random() * 20 + 10,
                        color: 'green'
                    };
                    slimes.push(slime);
                }

// 当たり判定
                for (let i = 0; i < slimes.length; i++) {
                    let slime = slimes[i];
                    let dx = player.x - slime.x;
                    let dy = player.y - slime.y;
                    let distance = Math.sqrt(dx * dx + dy * dy);

if (distance < player.radius + slime.radius) {
                        alert('スライムの大群に丸呑みされました！');
                        clearInterval(interval);
                        break;
                    }
                }

// リフレッシュ
                context.clearRect(0, 0, canvas.width, canvas.height);
                drawPlayer();
                drawSlimes();
            }

let interval = setInterval(update, 10);
        }
    </script>
</body>
</html>
```

このゲームでは、画面上をスライムがランダムに移動し、プレイヤーがスマホのタッチ操作で動かします。プレイヤーがスライムと接触すると、アラートが表示されてゲームが終了します。

なお、このゲームはスマホでの実行を前提としていますが、PCでも動作可能です。また、絵文字を使ってはいませんが、スライムとプレイヤーは色で区別されます。