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

No:9705

201

←

Prev Next

→

giganotosaurus
Developer User3788｜Date and time 23/7/26 21:28:43
Build time 31.117 sec｜Game capacity 3.606KB｜

Script

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

ギガノトサウルスゲーム

このプログラムは、スマホで操作することを前提としたシンプルなゲームです。プレイヤー（黄色い四角）が敵キャラ（赤い四角）に触れることでスコアが加算されます。Canvas上でのタッチイベントを使ってプレイヤーを移動させることができます。以上がお手持ちの1枚のHTMLファイルに含まれるJavaScriptを使ったギガノトサウルスゲームの一例です。

←

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>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var playerSize = 30;
        var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;
        var playerSpeed = 5;

var enemySize = 20;
        var enemyX = Math.random() * (canvas.width - enemySize);
        var enemyY = Math.random() * (canvas.height - enemySize);
        var enemySpeed = 2;

var score = 0;

// ゲームのメインループ
        function gameLoop() {
            clearCanvas();
            movePlayer();
            moveEnemy();
            detectCollision();
            drawPlayer();
            drawEnemy();
            drawScore();

requestAnimationFrame(gameLoop);
        }

// Canvasのクリア
        function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }

// プレイヤーの移動処理
        function movePlayer() {
            canvas.addEventListener("touchstart", function(event){
                var touchX = event.touches[0].pageX - canvas.offsetLeft;
                var touchY = event.touches[0].pageY - canvas.offsetTop;

playerX = touchX;
                playerY = touchY;
            });
        }

// 敵キャラの移動処理
        function moveEnemy() {
            enemyX += enemySpeed;
            if (enemyX + enemySize > canvas.width || enemyX < 0) {
                enemySpeed = -enemySpeed;
            }

enemyY += enemySpeed;
            if (enemyY + enemySize > canvas.height || enemyY < 0) {
                enemySpeed = -enemySpeed;
            }
        }

// 衝突判定
        function detectCollision() {
            if (playerX < enemyX + enemySize &&
                playerX + playerSize > enemyX &&
                playerY < enemyY + enemySize &&
                playerY + playerSize > enemyY) {
                score++;
                enemyX = Math.random() * (canvas.width - enemySize);
                enemyY = Math.random() * (canvas.height - enemySize);
            }
        }

// プレイヤーの描画
        function drawPlayer() {
            context.fillStyle = "yellow";
            context.fillRect(playerX, playerY, playerSize, playerSize);
        }

// 敵キャラの描画
        function drawEnemy() {
            context.fillStyle = "red";
            context.fillRect(enemyX, enemyY, enemySize, enemySize);
        }

// スコアの描画
        function drawScore() {
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

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

このプログラムは、スマホで操作することを前提としたシンプルなゲームです。プレイヤー（黄色い四角）が敵キャラ（赤い四角）に触れることでスコアが加算されます。Canvas上でのタッチイベントを使ってプレイヤーを移動させることができます。

以上がお手持ちの1枚のHTMLファイルに含まれるJavaScriptを使ったギガノトサウルスゲームの一例です。