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

No:9665

←

Prev Next

→

beat-em-up game
Developer User4392｜Date and time 23/7/26 18:54:37
Build time 22.234 sec｜Game capacity 2.249KB｜

Script

了解。以下に格闘ゲームのサンプルコードを示します。

格闘ゲーム

😄

👹

このコードでは、プレイヤーと敵のキャラクターを表示し、プレイヤーは右矢印キーで右に、左矢印キーで左に移動します。プレイヤーと敵のキャラクターが接触するとゲームオーバーとしてアラートが表示され、ゲームがリセットされます。このサンプルコードは1枚のHTMLファイルとして実装されており、JavaScriptはscriptタグで囲まれています。スマホでの操作にも対応しています。また、プレイヤーと敵のキャラクターには絵文字が使用されています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解。以下に格闘ゲームのサンプルコードを示します。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>格闘ゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
      font-family: Arial, sans-serif;
    }
    .box {
      padding: 20px;
      margin: 20px;
      border: 1px solid black;
      display: inline-block;
    }
  </style>
</head>
<body>
  <h1>格闘ゲーム</h1>
  <div id="player" class="box">😄</div>
  <div id="enemy" class="box">👹</div>
  <script>
    var player = document.getElementById("player");
    var enemy = document.getElementById("enemy");

player.style.position = "relative";
    enemy.style.position = "relative";

player.style.left = "0";
    enemy.style.left = "300px";

function movePlayer(distance) {
      var currentPlayerLeft = parseInt(player.style.left);
      player.style.left = (currentPlayerLeft + distance) + "px";
      checkCollision();
    }

function checkCollision() {
      var currentPlayerLeft = parseInt(player.style.left);
      var currentEnemyLeft = parseInt(enemy.style.left);
      var distance = currentPlayerLeft - currentEnemyLeft;

if (Math.abs(distance) < 50) {
        alert("Game Over");
        resetGame();
      }
    }

function resetGame() {
      player.style.left = "0";
      enemy.style.left = "300px";
    }

このコードでは、プレイヤーと敵のキャラクターを表示し、プレイヤーは右矢印キーで右に、左矢印キーで左に移動します。プレイヤーと敵のキャラクターが接触するとゲームオーバーとしてアラートが表示され、ゲームがリセットされます。

このサンプルコードは1枚のHTMLファイルとして実装されており、JavaScriptはscriptタグで囲まれています。スマホでの操作にも対応しています。また、プレイヤーと敵のキャラクターには絵文字が使用されています。