Fully automatic programming's game

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

No:6582

153

←

Prev Next

→

Fully automatic programming
Developer User3898｜Date and time 23/7/2 21:32:24
Build time 31.356 sec｜Game capacity 3.316KB｜

Script

了解しました。以下は、JavaScriptを使用して作られたシンプルなゲームの例です。

Score: 0

👧

👾

このゲームでは、矢印キーでプレイヤーを動かし、敵キャラクターとの衝突を避けつつスコアを増やすという目的があります。プレイヤーと敵キャラクターは絵文字で表示され、スコアも表示されます。ゲームオーバー時には、アラートが表示され最終スコアも表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、JavaScriptを使用して作られたシンプルなゲームの例です。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>ゲーム</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 24px;
      }
      #score {
        font-size: 18px;
        margin-bottom: 20px;
      }
      #gameboard {
        display: inline-block;
        position: relative;
        width: 300px;
        height: 400px;
        background-color: lightblue;
        overflow: hidden;
      }
      .character {
        position: absolute;
        width: 50px;
        height: 50px;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        background-color: yellow;
      }
    </style>
  </head>
  <body>
    <div id="score">Score: 0</div>
    <div id="gameboard">
      <div id="player" class="character">👧</div>
      <div id="enemy" class="character">👾</div>
    </div>
    <script>
      var score = 0;
      var gameboard = document.querySelector("#gameboard");
      var player = document.querySelector("#player");
      var enemy = document.querySelector("#enemy");
      var gameover = false;

function updateScore() {
        document.querySelector("#score").textContent = "Score: " + score;
      }

function movePlayer(event) {
        if (event.keyCode === 37) { // 左矢印キー
          player.style.left = parseInt(player.style.left) - 10 + "px";
        } else if (event.keyCode === 39) { // 右矢印キー
          player.style.left = parseInt(player.style.left) + 10 + "px";
        }
      }

function checkCollision() {
        var playerPosition = parseInt(player.style.left);
        var enemyPosition = parseInt(enemy.style.left);
        if (Math.abs(playerPosition - enemyPosition) < 50) {
          gameover = true;
          alert("ゲームオーバー！スコア: " + score);
        }
      }

function increaseScore() {
        if (!gameover) {
          score++;
          updateScore();
          setTimeout(increaseScore, 1000);
        }
      }

document.addEventListener("keydown", movePlayer);
      moveEnemy();
      increaseScore();
      setInterval(checkCollision, 100);
    </script>
  </body>
</html>
```