Soupon on the station platform ♪'s game

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

No:5793

2024

←

Prev Next

→

Soupon on the station platform ♪
Developer もちきなこ｜Date and time 23/6/30 20:14:07
Build time 25.703 sec｜Game capacity 2.627KB｜

Script

了解しました。以下に、スマホで遊べる簡単なゲームの実装例を示します。

スコア: 0

このゲームは、スマホの画面上に表示される枠内で、黄色いターゲットをクリックするゲームです。ターゲットをクリックするとスコアが加算され、ターゲットがランダムな位置に移動します。スコアは画面上部に表示されます。スマホでアクセスすると、スマホの操作に対応したゲーム画面が表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、スマホで遊べる簡単なゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
<style>
    body {
        text-align: center;
        font-size: 24px;
        margin-top: 100px;
    }

#score {
        font-size: 18px;
        margin-bottom: 20px;
    }

#game {
        display: inline-block;
        width: 200px;
        height: 200px;
        border: 1px solid black;
        position: relative;
    }

#target {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: yellow;
        cursor: pointer;
    }
</style>
</head>
<body>
    <div id="score">スコア: 0</div>
    <div id="game">
        <div id="target"></div>
    </div>

// ターゲットの位置をランダムに移動
        function moveTarget() {
            var game = document.getElementById("game");
            var target = document.getElementById("target");

var gameWidth = game.clientWidth;
            var gameHeight = game.clientHeight;
            
            var targetWidth = target.clientWidth;
            var targetHeight = target.clientHeight;
            
            var maxPositionX = gameWidth - targetWidth;
            var maxPositionY = gameHeight - targetHeight;
            
            var positionX = Math.floor(Math.random() * maxPositionX);
            var positionY = Math.floor(Math.random() * maxPositionY);

target.style.transform = "translate(" + positionX + "px, " + positionY + "px)";
        }

// ゲームの初期化
        function initializeGame() {
            score = 0;
            document.getElementById("score").textContent = "スコア: 0";
            moveTarget();
        }

// ゲーム開始
        initializeGame();
        document.getElementById("target").addEventListener("click", clickTarget);
    </script>
</body>
</html>
```