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

No:6644

←

Prev Next

→

echo the dolphin
Developer User3898｜Date and time 23/7/3 1:05:32
Build time 34.319 sec｜Game capacity 3.506KB｜

Script

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

エコーザドルフィン

このプログラムは、エコーザドルフィンという名前のゲームを実装しています。プレイヤーの操作によって円形のキャラクターを移動させることができます。スマートフォンで画面をタッチし、指をスライドするとプレイヤーが移動します。テキストエディタで上記のコードを保存し、拡張子が「.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>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// プレイヤーの初期位置と移動速度
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 30;
        let playerSpeed = 7;

// スマホ操作用の変数
        let touchStartX;
        let touchStartY;
        let touchEndX;
        let touchEndY;

// ゲームループ
        function gameLoop() {
            clearCanvas();
            drawPlayer();
            movePlayer();
            requestAnimationFrame(gameLoop);
        }

// キャンバスをクリア
        function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }

// プレイヤーを描画
        function drawPlayer() {
            context.beginPath();
            context.arc(playerX, playerY, 10, 0, Math.PI * 2, false);
            context.fillStyle = 'blue';
            context.fill();
            context.closePath();
        }

// プレイヤーを移動
        function movePlayer() {
            if (touchEndX && touchEndY) {
                // スマホでの操作があれば移動処理を実行
                let directionX = touchEndX - touchStartX;
                let directionY = touchEndY - touchStartY;

if (Math.abs(directionX) > Math.abs(directionY)) {
                    playerX += directionX > 0 ? playerSpeed : -playerSpeed;
                } else {
                    playerY += directionY > 0 ? playerSpeed : -playerSpeed;
                }

// 移動範囲を制限
                playerX = Math.max(10, Math.min(playerX, canvas.width - 10));
                playerY = Math.max(10, Math.min(playerY, canvas.height - 10));

touchStartX = touchEndX = null;
                touchStartY = touchEndY = null;
            }
        }

// スマホタッチ操作のイベントリスナーを設定
        canvas.addEventListener('touchstart', handleTouchStart, false);
        canvas.addEventListener('touchend', handleTouchEnd, false);

// タッチ開始の処理
        function handleTouchStart(event) {
            touchStartX = event.touches[0].clientX;
            touchStartY = event.touches[0].clientY;
        }

// タッチ終了の処理
        function handleTouchEnd(event) {
            touchEndX = event.changedTouches[0].clientX;
            touchEndY = event.changedTouches[0].clientY;
        }

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

このプログラムは、エコーザドルフィンという名前のゲームを実装しています。プレイヤーの操作によって円形のキャラクターを移動させることができます。スマートフォンで画面をタッチし、指をスライドするとプレイヤーが移動します。

テキストエディタで上記のコードを保存し、拡張子が「.html」のファイルとして実行すれば、ゲームをプレイすることができます。