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

No:8968

113

←

Prev Next

→

Tuna fishing boat
Developer User4246｜Date and time 23/7/20 0:24:43
Build time 28.276 sec｜Game capacity 2.942KB｜

Script

了解いたしました。マグロ漁船というゲームを作成します。以下に実装例を示します。

マグロ漁船

🛳️

🐟

このプログラムは、マグロ漁船を操作して漁をするゲームです。漁船を上下左右に移動させることができます。また、マグロを捕獲することもできます。移動ボタンとマグロを捕まえるボタンが用意されています。マグロを捕まえると消えます。なお、このプログラムはブラウザ上で動作することを想定しています。スマートフォンのブラウザでも操作できるよう、ボタンのデザインやサイズは適宜調整してください。

←

Prev　Next

→ 　

Back　

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

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

了解いたしました。マグロ漁船というゲームを作成します。以下に実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>マグロ漁船</title>
    <style>
        #ship {
            position: absolute;
            left: 50px;
            top: 50px;
            font-size: 30px;
        }
        #tuna {
            position: absolute;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <h1>マグロ漁船</h1>
    <div id="ship">🛳️</div>
    <button onclick="moveShip('up')">↑</button>
    <button onclick="moveShip('down')">↓</button>
    <button onclick="moveShip('left')">←</button>
    <button onclick="moveShip('right')">→</button>
    <hr>
    <div id="tuna">🐟</div>
    <button onclick="catchTuna()">マグロを捕まえる</button>

switch (direction) {
                case "up":
                    shipTop -= 10;
                    break;
                case "down":
                    shipTop += 10;
                    break;
                case "left":
                    shipLeft -= 10;
                    break;
                case "right":
                    shipLeft += 10;
                    break;
            }

// 画面外に出ないようにする
            var maxX = window.innerWidth - shipWidth;
            var maxY = window.innerHeight - shipHeight;
            shipLeft = Math.max(0, Math.min(shipLeft, maxX));
            shipTop = Math.max(0, Math.min(shipTop, maxY));

ship.style.left = shipLeft + "px";
            ship.style.top = shipTop + "px";
        }

// マグロの捕獲処理
        function catchTuna() {
            var tuna = document.getElementById("tuna");
            tuna.style.display = "none";
        }

ship.style.left = 0;
            ship.style.top = 0;

</script>
</body>
</html>
```

このプログラムは、マグロ漁船を操作して漁をするゲームです。漁船を上下左右に移動させることができます。また、マグロを捕獲することもできます。移動ボタンとマグロを捕まえるボタンが用意されています。マグロを捕まえると消えます。

なお、このプログラムはブラウザ上で動作することを想定しています。スマートフォンのブラウザでも操作できるよう、ボタンのデザインやサイズは適宜調整してください。