AI game creator

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

No:13983

106

←

Prev Next

→

弾幕。
Developer User4966｜Date and time 23/8/30 20:06:33
Build time 24.09 sec｜Game capacity 3.069KB｜

Script

了解しました。弾幕ゲームを作成します。以下がHTMLファイルのコードです。このコードを1枚のHTMLファイルに保存し、ブラウザで開くとゲームが実行されます。

Score: 0

このゲームは、ブラウザ上に表示されるプレイヤーを操作して弾を撃つというゲームです。プレイヤーは画面の下に表示されます。スペースキーを押すと弾が発射され、上方向に動きます。弾が画面の上端に到達すると、再び弾を発射できるようになります。弾が発射されるたびにスコアが加算されます。このゲームはスマートフォンでもプレイできます。ブラウザをスマートフォンで開いて、ゲーム画面をタップしてプレイしてください。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。弾幕ゲームを作成します。

以下がHTMLファイルのコードです。このコードを1枚のHTMLファイルに保存し、ブラウザで開くとゲームが実行されます。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>弾幕ゲーム</title>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: black;
      font-size: 2rem;
    }
    
    #player {
      position: relative;
      width: 2em;
      height: 2em;
      background-color: white;
      border-radius: 50%;
    }
    
    #bullet {
      position: absolute;
      top: 0;
      left: 0;
      width: 0.5em;
      height: 0.5em;
      background-color: red;
    }
    
    #score {
      color: white;
      font-size: 1.5rem;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="score">Score: 0</div>
  
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const player = document.getElementById('player');
      const bullet = document.getElementById('bullet');
      const scoreElement = document.getElementById('score');
      
      let score = 0;
      let bulletPosition = { x: 0, y: 0 };
      let bulletSpeed = 10;
      let bulletVisible = false;
      
      function updateScore() {
        score++;
        scoreElement.textContent = `Score: ${score}`;
      }
      
      function updateBulletPosition() {
        bulletPosition.y -= bulletSpeed;
        bullet.style.top = `${bulletPosition.y}px`;
      }
      
      function fireBullet() {
        if (!bulletVisible) {
          bulletVisible = true;
          bulletPosition.x = player.offsetLeft + player.offsetWidth / 2 - bullet.offsetWidth / 2;
          bulletPosition.y = player.offsetTop - bullet.offsetHeight;
          bullet.style.left = `${bulletPosition.x}px`;
          bullet.style.top = `${bulletPosition.y}px`;

このゲームは、ブラウザ上に表示されるプレイヤーを操作して弾を撃つというゲームです。プレイヤーは画面の下に表示されます。スペースキーを押すと弾が発射され、上方向に動きます。弾が画面の上端に到達すると、再び弾を発射できるようになります。弾が発射されるたびにスコアが加算されます。

このゲームはスマートフォンでもプレイできます。ブラウザをスマートフォンで開いて、ゲーム画面をタップしてプレイしてください。