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

No:12971

101

←

Prev Next

→

無双
Developer User5662｜Date and time 23/8/25 15:22:31
Build time 26.528 sec｜Game capacity 2.826KB｜

Script

了解しました。以下にプログラムの例を示します。

無双ゲーム

スコア: 0

このプログラムは、スマートフォンの画面上でプレイヤーがタッチ操作で動かせる無双ゲームです。画面上に描画されたプレイヤーの位置をタッチ操作で移動させることができ、タッチが終了した際にスコアが加算されます。画面上にはスコア表示とプレイヤーの円が描画されます。このプログラムを1枚のHTMLファイルとして保存し、ブラウザで開くと実際のゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にプログラムの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>無双ゲーム</title>
</head>
<body>
    <h1>無双ゲーム</h1>
    <h2 id="score">スコア: 0</h2>
    <canvas id="gameCanvas" width="300" height="300"></canvas>

// プレイヤーの初期位置
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;

// スコア
        let score = 0;

// タッチイベントの処理
        canvas.addEventListener("touchstart", touchStartHandler, false);
        canvas.addEventListener("touchmove", touchMoveHandler, false);
        canvas.addEventListener("touchend", touchEndHandler, false);

// タッチした時の処理
        function touchStartHandler(e) {
            playerX = e.changedTouches[0].pageX - canvas.offsetLeft;
            playerY = e.changedTouches[0].pageY - canvas.offsetTop;
        }

// タッチ移動時の処理
        function touchMoveHandler(e) {
            playerX = e.changedTouches[0].pageX - canvas.offsetLeft;
            playerY = e.changedTouches[0].pageY - canvas.offsetTop;
        }

// タッチ終了時の処理
        function touchEndHandler(e) {
            playerX = e.changedTouches[0].pageX - canvas.offsetLeft;
            playerY = e.changedTouches[0].pageY - canvas.offsetTop;
            increaseScore();
        }

// スコアを増加させる処理
        function increaseScore() {
            score++;
            document.getElementById("score").innerText = "スコア: " + score;
        }

// ゲームループ
        function gameLoop() {
            // 画面クリア
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
            ctx.beginPath();
            ctx.arc(playerX, playerY, 20, 0, 2 * Math.PI);
            ctx.fillStyle = "yellow";
            ctx.fill();
            ctx.closePath();

requestAnimationFrame(gameLoop);
        }

// ゲーム開始
        gameLoop();
    </script>
</body>
</html>
```

このプログラムは、スマートフォンの画面上でプレイヤーがタッチ操作で動かせる無双ゲームです。画面上に描画されたプレイヤーの位置をタッチ操作で移動させることができ、タッチが終了した際にスコアが加算されます。画面上にはスコア表示とプレイヤーの円が描画されます。

このプログラムを1枚のHTMLファイルとして保存し、ブラウザで開くと実際のゲームとして遊ぶことができます。