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

No:5849

539

←

Prev Next

→

Dragon and Tiger Dance
Developer User3848｜Date and time 23/6/30 23:05:16
Build time 26.135 sec｜Game capacity 3.003KB｜

Script

了解しました。以下に、スマートフォンで遊べる簡単なゲームの例を示します。

スマホで遊べるゲーム

スコア: 0

タイム: 0秒

この例では、ゲームエリア内にランダムに出現する青いターゲットをクリックしてスコアを稼ぐゲームです。スコアと経過時間が表示され、ゲームを開始してストップボタンで終了できます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、スマートフォンで遊べる簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>スマホで遊べるゲーム</title>
</head>
<body>
    <h1>スマホで遊べるゲーム</h1>
    <p id="score">スコア: 0</p>
    <p id="timer">タイム: 0秒</p>
    <button id="startButton" onclick="startGame()">ゲームスタート</button>
    <button id="stopButton" onclick="stopGame()" disabled>ゲームストップ</button>
    <div id="gameArea" style="width: 100px; height: 100px; background-color: red; position: relative;">
        <div id="target" style="width: 50px; height: 50px; background-color: blue; position: absolute; top: 0; left: 0;"></div>
    </div>

function startGame() {
            score = 0;
            timer = 0;
            updateScore();
            updateTimer();

var gameArea = document.getElementById("gameArea");
            var target = document.getElementById("target");

gameArea.addEventListener("click", onTargetClick);
            gameTimer = setInterval(updateTimer, 1000);
            target.style.top = Math.floor(Math.random() * (gameArea.offsetHeight - target.offsetHeight)) + "px";
            target.style.left = Math.floor(Math.random() * (gameArea.offsetWidth - target.offsetWidth)) + "px";

document.getElementById("startButton").disabled = true;
            document.getElementById("stopButton").disabled = false;
        }

function stopGame() {
            clearInterval(gameTimer);
            gameTimer = null;

var gameArea = document.getElementById("gameArea");
            gameArea.removeEventListener("click", onTargetClick);

document.getElementById("startButton").disabled = false;
            document.getElementById("stopButton").disabled = true;
        }

function onTargetClick() {
            score++;
            updateScore();
            
            var gameArea = document.getElementById("gameArea");
            var target = document.getElementById("target");
            
            target.style.top = Math.floor(Math.random() * (gameArea.offsetHeight - target.offsetHeight)) + "px";
            target.style.left = Math.floor(Math.random() * (gameArea.offsetWidth - target.offsetWidth)) + "px";
        }

function updateScore() {
            document.getElementById("score").textContent = "スコア: " + score;
        }

function updateTimer() {
            timer++;
            document.getElementById("timer").textContent = "タイム: " + timer + "秒";
        }
    </script>
</body>
</html>
```