AI game creator

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

No:9684

153

←

Prev Next

→

Ninja Golf
Developer User4369｜Date and time 23/7/26 20:30:07
Build time 15.984 sec｜Game capacity 2.437KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<html>
<head>
    <title>忍者ゴルフ</title>
</head>
<body>
    <script>
        window.addEventListener('DOMContentLoaded', (event) => {
            // 忍者の初期位置
            let ninjaPosition = {
                x: 0,
                y: 0
            };

// ボールの初期位置
            let ballPosition = {
                x: 255,
                y: 255
            };

// 方向キーの操作でボールを移動させる
            window.addEventListener('keydown', (event) => {
                switch (event.key) {
                    case 'ArrowUp':
                        ballPosition.y -= 10;
                        break;
                    case 'ArrowDown':
                        ballPosition.y += 10;
                        break;
                    case 'ArrowLeft':
                        ballPosition.x -= 10;
                        break;
                    case 'ArrowRight':
                        ballPosition.x += 10;
                        break;
                }

// ボールの新しい位置をスタイルに反映
                const ball = document.getElementById('ball');
                ball.style.transform = `translate(${ballPosition.x}px, ${ballPosition.y}px)`;

// ボールと忍者が重なった場合はゴールとする
                if (ballPosition.x === ninjaPosition.x && ballPosition.y === ninjaPosition.y) {
                    alert('おめでとう！ゴール！');
                }
            });

// 画面上に忍者とボールを表示する
            const ninja = document.createElement('div');
            ninja.id = 'ninja';
            ninja.innerText = '🐱';
            document.body.appendChild(ninja);

const ball = document.createElement('div');
            ball.id = 'ball';
            ball.innerText = '⚽';
            document.body.appendChild(ball);

// 忍者をランダムな位置に配置する
            ninjaPosition.x = getRandomNumber(0, window.innerWidth - 100);
            ninjaPosition.y = getRandomNumber(0, window.innerHeight - 100);
            ninja.style.transform = `translate(${ninjaPosition.x}px, ${ninjaPosition.y}px)`;

function getRandomNumber(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }
        });
    </script>
</body>
</html>