AI game creator

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

No:12986

109

←

Prev Next

→

射的
Developer User5671｜Date and time 23/8/25 19:51:21
Build time 20.378 sec｜Game capacity 2.015KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>射的ゲーム</title>
    <style>
        body {
            text-align: center;
        }
        
        #target {
            width: 100px;
            height: 100px;
            background-color: red;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: crosshair;
        }
    </style>
</head>
<body>
    <div id="target"></div>

// ターゲットをランダムな位置に移動させる関数
        const moveTarget = () => {
            const target = document.getElementById('target');
            const targetWidth = target.offsetWidth;
            const targetHeight = target.offsetHeight;

// 画面内に収まるランダムな座標を計算
            const maxX = screenWidth - targetWidth;
            const maxY = screenHeight - targetHeight;
            const randomX = Math.floor(Math.random() * maxX);
            const randomY = Math.floor(Math.random() * maxY);

// ターゲットの位置を変更
            target.style.left = `${randomX}px`;
            target.style.top = `${randomY}px`;
        };

// ターゲットをクリックしたときの処理を追加
        document.getElementById('target').addEventListener('click', () => {
            // ターゲットをクリックすると得点が1点加算される
            score++;
            document.getElementById('score').innerText = score;

// ターゲットが移動する
            moveTarget();
        });

// ゲーム開始時の処理
        let score = 0;
        document.getElementById('score').innerText = score;

// ターゲットを最初の位置に配置
        moveTarget();
    </script>
</body>
</html>