One small step for one person, one giant leap for mankind.'s game | AI game creator

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

No:3949

3737

One small step for one person, one giant leap for ..ALL
Developer User1006｜Date and time 23/6/27 0:34:09
Build time 32.337 sec｜Game capacity 3.342KB｜

了解しました。私はJavaScriptを使用して、スマートフォンで遊べる簡単なシューティングゲームを作成します。以下のコードを1つのHTMLファイルに実装し、スクリプトタグで囲みます。

このゲームでは、プレイヤーはクリックすることで弾丸を発射し、敵を倒して得点を獲得します。敵はランダムな位置で画面の上から落ちてきます。スコアは画面の左上に表示されます。また、毎秒1回敵が生成されます。このゲームはスマートフォンでもプレイ可能であり、タップ操作に対応しています。また、絵文字は使用しませんが、類似のアイコンを描画することができます。この小さなプログラムは、人類にとっては大きな一歩かもしれません。プログラマとして、常に新しい技術を学び、より使いやすく、エンターテイメント性の高いアプリケーションを開発することが重要だと考えます。

→ 　

2　

1　

[PR]現在の売れ筋ゲームアプリランキング

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

(C)2023 HisashiApp

了解しました。

私はJavaScriptを使用して、スマートフォンで遊べる簡単なシューティングゲームを作成します。以下のコードを1つのHTMLファイルに実装し、スクリプトタグで囲みます。

```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>シューティングゲーム</title>
  </head>
  <body>
    <canvas id="game" width="320" height="480"></canvas>
    <script>
      const canvas = document.getElementById('game')
      const ctx = canvas.getContext('2d')
      let score = 0
      let bullets = []
      let enemies = []

canvas.addEventListener('click', shoot)

function shoot(event) {
        const bullet = {
          x: event.clientX - canvas.offsetLeft,
          y: event.clientY - canvas.offsetTop,
          r: 5,
          color: 'yellow',
          speed: 10
        }
        bullets.push(bullet)
      }

function createEnemy() {
        const enemy = {
          x: Math.random() * canvas.width,
          y: 0,
          r: 10,
          color: 'red',
          speed: Math.random() * 5 + 1
        }
        enemies.push(enemy)
      }

function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height)

// Draw and move bullets
        bullets.forEach(bullet => {
          ctx.beginPath()
          ctx.arc(bullet.x, bullet.y, bullet.r, 0, Math.PI * 2)
          ctx.fillStyle = bullet.color
          ctx.fill()

bullet.y -= bullet.speed
        })

// Draw and move enemies
        enemies.forEach(enemy => {
          ctx.beginPath()
          ctx.arc(enemy.x, enemy.y, enemy.r, 0, Math.PI * 2)
          ctx.fillStyle = enemy.color
          ctx.fill()

enemy.y += enemy.speed
        })

// Check for collisions
        bullets.forEach(bullet => {
          enemies.forEach(enemy => {
            const distance = Math.sqrt(
              (bullet.x - enemy.x) ** 2 + (bullet.y - enemy.y) ** 2
            )

if (distance < bullet.r + enemy.r) {
              bullets.splice(bullets.indexOf(bullet), 1)
              enemies.splice(enemies.indexOf(enemy), 1)
              score++
            }
          })
        })

// Draw score
        ctx.font = '24px Arial'
        ctx.fillStyle = 'white'
        ctx.fillText(`Score: ${score}`, 10, 30)
      }

setInterval(() => {
        createEnemy()
      }, 1000)

setInterval(() => {
        update()
      }, 30)
    </script>
  </body>
</html>
```

このゲームでは、プレイヤーはクリックすることで弾丸を発射し、敵を倒して得点を獲得します。敵はランダムな位置で画面の上から落ちてきます。スコアは画面の左上に表示されます。また、毎秒1回敵が生成されます。

このゲームはスマートフォンでもプレイ可能であり、タップ操作に対応しています。また、絵文字は使用しませんが、類似のアイコンを描画することができます。

この小さなプログラムは、人類にとっては大きな一歩かもしれません。プログラマとして、常に新しい技術を学び、より使いやすく、エンターテイメント性の高いアプリケーションを開発することが重要だと考えます。