AI game creator

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

No:6076

1176

←

Prev Next

→

Action game
Developer User3860｜Date and time 23/7/1 16:20:48
Build time 23.037 sec｜Game capacity 2.309KB｜

Script

了解しました。以下に、スマートフォンで遊べるアクションゲームを作成するサンプルコードを示します。

👾

このコードでは、画面上に表示されるプレイヤー（👾）をキーボードの矢印キーで操作することができます。プレイヤーが画面の外に出ないように制限も設けています。なお、このコードはあくまでサンプルであり、実際のアクションゲームとしては物足りないかもしれませんが、基本的な構造が理解できると思います。ゲーム内のルールや目標を追加するなど、自分なりにカスタマイズしてみてください。

←

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>Action Game</title>
  <style>
    #player {
      position: absolute;
      font-size: 48px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="player">👾</div>

function moveLeft() {
      var playerLeft = parseInt(player.style.left, 10);
      if (playerLeft > 0) {
        player.style.left = (playerLeft - 10) + "px";
      }
    }

function moveRight() {
      var playerLeft = parseInt(player.style.left, 10);
      if (playerLeft < screenWidth - player.clientWidth) {
        player.style.left = (playerLeft + 10) + "px";
      }
    }

function moveUp() {
      var playerTop = parseInt(player.style.top, 10);
      if (playerTop > 0) {
        player.style.top = (playerTop - 10) + "px";
      }
    }

function moveDown() {
      var playerTop = parseInt(player.style.top, 10);
      if (playerTop < screenHeight - player.clientHeight) {
        player.style.top = (playerTop + 10) + "px";
      }
    }

このコードでは、画面上に表示されるプレイヤー（👾）をキーボードの矢印キーで操作することができます。プレイヤーが画面の外に出ないように制限も設けています。

なお、このコードはあくまでサンプルであり、実際のアクションゲームとしては物足りないかもしれませんが、基本的な構造が理解できると思います。ゲーム内のルールや目標を追加するなど、自分なりにカスタマイズしてみてください。