AI game creator

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

No:5944

←

Prev Next

→

hitbox
Developer User1006｜Date and time 23/7/1 3:13:21
Build time 13.531 sec｜Game capacity 1.655KB｜

Script

了解しました。以下に、スマホで遊べるシンプルなクリックゲームを実装したHTMLファイルの例を示します。

🎯

このHTMLファイルでは、画面中央に表示された赤い円がターゲットとなっています。ターゲットをクリックすると、背景色がランダムな色に変わり、スコアが加算されます。スコアはターゲットの中心に表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に、スマホで遊べるシンプルなクリックゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>クリックゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            font-size: 40px;
        }
        
        #target {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: red;
            text-align: center;
            line-height: 100px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="target">🎯</div>
    
    <script>
        var score = 0;
        var target = document.getElementById('target');
        
        target.addEventListener('click', function() {
            score++;
            target.style.backgroundColor = getRandomColor();
            target.innerText = '🎯' + score;
        });
        
        function getRandomColor() {
            var letters = '0123456789ABCDEF';
            var color = '#';
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }
    </script>
</body>
</html>
```