I dont need ranking in a hishashi game! 🤬💢Game's game

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

No:4085

←

Prev Next

→

I dont need ranking in a hishashi game! 🤬💢Game
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/27 12:06:02
Build time 38.343 sec｜Game capacity 4.47KB｜

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>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="300" height="500"></canvas>
    <script>
      let canvas = document.getElementById("canvas");
      let ctx = canvas.getContext("2d");
      
      let player = {
        x: 150,
        y: 450,
        width: 50,
        height: 50
      };
      
      let enemies = [];
      let enemy_speed = 3;
      let enemy_delay = 1000;
      let last_enemy_time = 0;
      
      let bullets = [];
      let bullet_speed = 10;
      
      let score = 0;
      
      function draw() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw player
        ctx.fillStyle = "blue";
        ctx.fillRect(player.x, player.y, player.width, player.height);
        
        // Draw enemies
        ctx.fillStyle = "red";
        for (let i = 0; i < enemies.length; i++) {
          let enemy = enemies[i];
          ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        }
        
        // Draw bullets
        ctx.fillStyle = "black";
        for (let i = 0; i < bullets.length; i++) {
          let bullet = bullets[i];
          ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
        }
        
        // Draw score
        ctx.fillStyle = "black";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, 10, 30);
      }
      
      function update() {
        // Move enemies
        for (let i = 0; i < enemies.length; i++) {
          let enemy = enemies[i];
          enemy.y += enemy_speed;
          
          // Check collision with player
          if (collide(enemy, player)) {
            alert("Game over! Score: " + score);
            location.reload();
          }
        }
        
        // Move bullets
        for (let i = 0; i < bullets.length; i++) {
          let bullet = bullets[i];
          bullet.y -= bullet_speed;
          
          // Remove bullets that go out of bounds
          if (bullet.y < 0) {
            bullets.splice(i, 1);
            i--;
            continue;
          }
          
          // Check collision with enemies
          for (let j = 0; j < enemies.length; j++) {
            let enemy = enemies[j];
            if (collide(bullet, enemy)) {
              bullets.splice(i, 1);
              i--;
              enemies.splice(j, 1);
              score++;
              break;
            }
          }
        }
        
        // Spawn new enemies
        let current_time = new Date().getTime();
        if (current_time - last_enemy_time > enemy_delay) {
          last_enemy_time = current_time;
          let enemy = {
            x: Math.floor(Math.random() * (canvas.width - 50)),
            y: 0,
            width: 50,
            height: 50
          };
          enemies.push(enemy);
        }
      }
      
      function collide(a, b) {
        return (a.x < b.x + b.width &&
                a.x + a.width > b.x &&
                a.y < b.y + b.height &&
                a.y + a.height > b.y);
      }
      
      canvas.addEventListener("mousemove", function(event) {
        let rect = canvas.getBoundingClientRect();
        player.x = event.clientX - rect.left - player.width / 2;
      });
      
      canvas.addEventListener("click", function(event) {
        let rect = canvas.getBoundingClientRect();
        let bullet = {
          x: player.x + player.width / 2 - 5,
          y: player.y - 10,
          width: 10,
          height: 10
        };
        bullets.push(bullet);
      });
      
      setInterval(function() {
        draw();
        update();
      }, 30);
    </script>
  </body>
</html>