AI game creator

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

No:10103

←

Prev Next

→

AI Illustration
Developer User4479｜Date and time 23/7/29 2:49:12
Build time 32.081 sec｜Game capacity 4.279KB｜

Script

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

このHTMLファイルでは、ブループレーヤーがレッドの敵にぶつかるとゲームオーバーになるシンプルなゲームを実装しています。スマートフォンのタッチ操作に対応しており、タッチした位置にプレイヤーが移動します。連続したタッチで移動を制御することができます。ゲームオーバー後には画面が赤く表示され、ゲームオーバーメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // ゲームオーバーフラグ
        let gameover = false;
        
        // プレイヤーの座標
        let playerX = 200;
        let playerY = 200;
        
        // 敵の座標
        let enemyX = 100;
        let enemyY = 100;
        
        // ゲーム開始時に実行
        function startGame() {
            // キャンバス要素を取得
            const canvas = document.getElementById("gameCanvas");
            const ctx = canvas.getContext("2d");
            
            // ゲームメインループ
            setInterval(updateGame, 20);
            
            // タッチイベントを追加
            canvas.addEventListener("touchstart", touchStart);
            canvas.addEventListener("touchmove", touchMove);
            canvas.addEventListener("touchend", touchEnd);
            
            // ゲームの更新処理
            function updateGame() {
                if (gameover) {
                    // ゲームオーバー時の処理
                    ctx.fillStyle = "red";
                    ctx.fillRect(0, 0, canvas.width, canvas.height);
                    ctx.fillStyle = "white";
                    ctx.font = "30px Arial";
                    ctx.fillText("ゲームオーバー！", 100, 200);
                } else {
                    // ゲーム中の処理
                    ctx.clearRect(0, 0, canvas.width, canvas.height);
                    
                    // プレイヤーを描画
                    ctx.fillStyle = "blue";
                    ctx.fillRect(playerX - 10, playerY - 10, 20, 20);
                    
                    // 敵を描画
                    ctx.fillStyle = "red";
                    ctx.fillRect(enemyX - 10, enemyY - 10, 20, 20);
                    
                    // 当たり判定
                    if (Math.abs(playerX - enemyX) < 20 && Math.abs(playerY - enemyY) < 20) {
                        gameover = true;
                    }
                }
            }
            
            // タッチが開始された時の処理
            function touchStart(e) {
                e.preventDefault();
                
                // タッチ位置を取得
                const touchX = e.touches[0].clientX;
                const touchY = e.touches[0].clientY;
                
                // プレイヤーの座標を更新
                playerX = touchX - canvas.getBoundingClientRect().left;
                playerY = touchY - canvas.getBoundingClientRect().top;
            }
            
            // タッチが移動した時の処理
            function touchMove(e) {
                e.preventDefault();
                
                // タッチ位置を取得
                const touchX = e.touches[0].clientX;
                const touchY = e.touches[0].clientY;
                
                // プレイヤーの座標を更新
                playerX = touchX - canvas.getBoundingClientRect().left;
                playerY = touchY - canvas.getBoundingClientRect().top;
            }
            
            // タッチが終了した時の処理
            function touchEnd(e) {
                e.preventDefault();
                
                // プレイヤーの座標を初期位置に戻す
                playerX = 200;
                playerY = 200;
            }
        }
        
        // ゲームを開始
        startGame();
    </script>
</body>
</html>
```