Mr. Takanawa Gateway's game

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

No:8231

519

←

Prev Next

→

Mr. Takanawa Gateway
Developer User4160｜Date and time 23/7/14 10:18:10
Build time 15.018 sec｜Game capacity 1.903KB｜

Script

了解しました。以下にサンプルとして、JavaScriptを使ったシンプルなゲームの実装を示します。

上記のコードは、HTMLファイルの中にキャンバス要素を追加し、その上でスマートフォンのタッチイベントを処理しています。タッチされた位置を取得し、その位置に円を描画することで、プレイヤーを動かすシンプルなゲームの実装例です。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にサンプルとして、JavaScriptを使ったシンプルなゲームの実装を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="300"></canvas>

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

// タッチイベントの処理
            canvas.addEventListener("touchmove", function(event) {
                event.preventDefault();

// タッチされた位置を取得
                var touchX = event.touches[0].clientX;
                var touchY = event.touches[0].clientY;

// プレイヤーの位置を更新
                playerX = touchX - canvas.offsetLeft;
                playerY = touchY - canvas.offsetTop;

// プレイヤーの位置を描画
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.beginPath();
                ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
                ctx.fillStyle = "red";
                ctx.fill();
                ctx.closePath();
            }, false);
        }

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