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

No:9985

100

←

Prev Next

→

invincible fortress
Developer User4369｜Date and time 23/7/28 17:55:29
Build time 17.145 sec｜Game capacity 2.49KB｜

Script

了解しました。以下にサンプルのコードを記述します。

無敵の人ゲーム

👾

このコードは「無敵の人ゲーム」というタイトルのゲームを実装しています。プレイヤーの位置を上下左右に移動させることができます。プレイヤーの表示には絵文字「👾」を使用し、移動のコントロールには上下左右のボタンを配置しています。ボタンをクリックすると、JavaScriptの`move`関数が呼ばれ、プレイヤーの位置が移動します。このゲームはスマートフォンでも遊ぶことができます。スマホ操作を前提として、ボタンのフォントサイズや余白を調整しています。以上がサンプルのコードです。このようにHTMLファイルにJavaScriptを含むことで、ゲームの実装とプレイが可能となります。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にサンプルのコードを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>無敵の人ゲーム</title>
    <style>
        body {
            text-align: center;
        }
        
        #player {
            font-size: 4rem;
        }
        
        .button {
            font-size: 2rem;
            padding: 10px 20px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>無敵の人ゲーム</h1>
    <div id="player">👾</div>
    <div id="controls">
        <button class="button" onclick="move('up')">↑</button><br>
        <button class="button" onclick="move('left')">←</button>
        <button class="button" onclick="move('right')">→</button><br>
        <button class="button" onclick="move('down')">↓</button>
    </div>

switch (direction) {
                case 'up':
                    player.style.top = (currentTop - 10) + 'px';
                    break;
                case 'left':
                    player.style.left = (currentLeft - 10) + 'px';
                    break;
                case 'right':
                    player.style.left = (currentLeft + 10) + 'px';
                    break;
                case 'down':
                    player.style.top = (currentTop + 10) + 'px';
                    break;
            }
        }
    </script>
</body>
</html>
```

このゲームはスマートフォンでも遊ぶことができます。スマホ操作を前提として、ボタンのフォントサイズや余白を調整しています。

以上がサンプルのコードです。このようにHTMLファイルにJavaScriptを含むことで、ゲームの実装とプレイが可能となります。