Cold! High-speed steel!'s game

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

No:5622

2008

←

Prev Next

→

Cold! High-speed steel!
Developer User3589｜Date and time 23/6/30 14:23:56
Build time 34.579 sec｜Game capacity 3.496KB｜

Script

了解です！ご要望のゲームを作成いたします。以下に、「冷たい！高速度鋼！」というゲームの実装例を示します。このゲームでは、プレイヤーがスマホを傾けて冷たい！高速度鋼！を操作し、進行方向の障害物を避けることが目的です。

❄️

このゲームでは、文字（❄️）がスマホの傾きに応じて移動します。障害物に衝突するとゲームオーバーになり、文字が「Game Over」になります。スマホを傾けて操作してください。以上が「冷たい！高速度鋼！」というゲームの実装例です。ご要望に沿っておりますが、他にもご希望があればお伝えください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です！ご要望のゲームを作成いたします。

以下に、「冷たい！高速度鋼！」というゲームの実装例を示します。このゲームでは、プレイヤーがスマホを傾けて冷たい！高速度鋼！を操作し、進行方向の障害物を避けることが目的です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>冷たい！高速度鋼！</title>
    <style>
        #character {
            font-size: 3em;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="character">❄️</div>

// スマホの傾きを取得
        window.addEventListener('deviceorientation', handleOrientation);

// ゲームのメインループ
        setInterval(moveCharacter, 10);

// スマホの傾きを処理する関数
        function handleOrientation(event) {
            if (!isGameOver) {
                // スマホの傾きに応じて文字の位置を更新
                const tiltLR = event.gamma; // 左右の傾き
                const tiltFB = event.beta; // 前後の傾き

x += tiltLR * speed * 0.01;
                y += tiltFB * speed * 0.01;

// 文字の位置を制限
                if (x < 0) x = 0;
                if (x > 100) x = 100;
                if (y < 0) y = 0;
                if (y > 100) y = 100;

// 文字の表示位置を更新
                character.style.left = x + "%";
                character.style.top = y + "%";
            }
        }

// 文字を移動させる関数
        function moveCharacter() {
            if (!isGameOver) {
                // 障害物との衝突をチェック
                const obstacles = document.getElementsByClassName('obstacle');

Array.from(obstacles).forEach((obstacle) => {
                    if (isColliding(obstacle, character)) {
                        gameOver();
                    }
                });
            }
        }

// 衝突判定を行う関数
        function isColliding(a, b) {
            const aRect = a.getBoundingClientRect();
            const bRect = b.getBoundingClientRect();

return !(
                aRect.top + aRect.height < bRect.top ||
                aRect.top > bRect.top + bRect.height ||
                aRect.left + aRect.width < bRect.left ||
                aRect.left > bRect.left + bRect.width
            );
        }

// ゲームオーバー処理
        function gameOver() {
            isGameOver = true;
            character.innerText = "Game Over";
            character.style.color = "red";
        }
    </script>
</body>
</html>
```

このゲームでは、文字（❄️）がスマホの傾きに応じて移動します。障害物に衝突するとゲームオーバーになり、文字が「Game Over」になります。スマホを傾けて操作してください。

以上が「冷たい！高速度鋼！」というゲームの実装例です。ご要望に沿っておりますが、他にもご希望があればお伝えください。