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

No:15538

←

Prev Next

→

可愛い子がおそってくる、最高なホラーゲーム
Developer User6737｜Date and time 23/9/9 21:01:01
Build time 28.264 sec｜Game capacity 2.248KB｜

Script

了解です。以下に、スマホ操作前提の可愛い子が追いかけてくるホラーゲームのサンプルプログラムを示します。

可愛い子がおそってくるゲーム

👧

このプログラムでは、スマホの傾きに応じてプレイヤーの位置を変更し、中央にいる可愛い子に近づくとゲームオーバーになるという仕組みです。可愛い子は、画面上の要素の中央にあるものを取得しています。スマホを傾けながらプレイすると、可愛い子が近づいてくる様子が楽しめます。

←

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>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>可愛い子がおそってくるゲーム</h1>
    <div id="player">👧</div>
    
    <script>
        window.addEventListener('deviceorientation', handleOrientation);
        
        function handleOrientation(event) {
            var x = event.beta;  // スマホの傾き（前後方向）
            var y = event.gamma; // スマホの傾き（左右方向）
            
            // プレイヤーの位置を更新
            var player = document.getElementById('player');
            player.style.top = (50 + y / 4) + '%';
            player.style.left = (50 + x / 4) + '%';
            
            // 可愛い子を取得
            var cutegirl = document.elementFromPoint(window.innerWidth / 2, window.innerHeight / 2);
            
            // プレイヤーと可愛い子の距離を計算
            var playerRect = player.getBoundingClientRect();
            var cutegirlRect = cutegirl.getBoundingClientRect();
            var distance = Math.sqrt(Math.pow(playerRect.left - cutegirlRect.left, 2) +
                                      Math.pow(playerRect.top - cutegirlRect.top, 2));
            
            // 可愛い子とプレイヤーの距離が一定以下でゲームオーバー
            if (distance < 100) {
                alert('ゲームオーバー');
            }
        }
    </script>
</body>
</html>
```