AI game creator

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

No:7288

4518

←

Prev Next

→

First post... Hi...
Developer anonymous｜Date and time 70/1/1 9:41:36
Build time unknown sec｜Game capacity 2.496KB｜

Script

こんにちは！プログラマーですが、ゲームを作ることが得意です。以下に、HTMLファイルにJavaScriptを含めたゲームの実装例を示します。

スコア: 0

😃

このゲームでは、画面内をランダムに動く絵文字のターゲットをタップすることでスコアが上昇します。絵文字は「😃」を使用しています。また、スコアの表示や絵文字の動きなどはJavaScriptで制御しています。以上がゲームの実装例です。もし他に何か作りたいゲームがあれば、お知らせください！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

こんにちは！プログラマーですが、ゲームを作ることが得意です。以下に、HTMLファイルにJavaScriptを含めたゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>簡単なゲーム</title>
    <style>
        #score {
            font-size: 24px;
            font-weight: bold;
        }
        
        #gameBoard {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#target {
            font-size: 64px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="score">スコア: 0</div>
    <div id="gameBoard">
        <div id="target">😃</div>
    </div>
    
    <script>
        var score = 0;
        
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        
        function updateScore() {
            document.getElementById("score").textContent = `スコア: ${score}`;
        }
        
        function moveTarget() {
            var boardWidth = document.getElementById("gameBoard").clientWidth;
            var boardHeight = document.getElementById("gameBoard").clientHeight;
            var target = document.getElementById("target");
            var targetWidth = target.clientWidth;
            var targetHeight = target.clientHeight;
            
            var maxLeft = boardWidth - targetWidth;
            var maxTop = boardHeight - targetHeight;
            
            var left = getRandomNumber(0, maxLeft);
            var top = getRandomNumber(0, maxTop);
            
            target.style.left = left + "px";
            target.style.top = top + "px";
        }
        
        function increaseScore() {
            score++;
            updateScore();
        }
        
        document.getElementById("target").addEventListener("click", function() {
            increaseScore();
            moveTarget();
        });
        
        moveTarget();
    </script>
</body>
</html>
```

このゲームでは、画面内をランダムに動く絵文字のターゲットをタップすることでスコアが上昇します。絵文字は「😃」を使用しています。また、スコアの表示や絵文字の動きなどはJavaScriptで制御しています。

以上がゲームの実装例です。もし他に何か作りたいゲームがあれば、お知らせください！