A game where you shoot stuff falling from the sky and every time you shoot the stuff you get a point you can move and shoot bye clicking the screen's game

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

No:25195

←

Prev Next

→

A game where you shoot stuff falling from the sky ..ALL
Developer User12286｜Date and time 23/11/19 2:00:02
Build time 73.558 sec｜Game capacity 4.362KB｜

Script

Sure, here's a basic implementation of the game you described using JavaScript and HTML. You can copy this code into a single HTML file and open it in a web browser to play the game:

The game provides a canvas on which you can move a player (represented by a blue rectangle) using mouse movement. Falling stuff (represented by red rectangles) will appear from the top, and you need to shoot them by clicking on them. Each time you successfully shoot a falling stuff, your score will increase. The game keeps track of the score and displays it on the top left corner of the window.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, here's a basic implementation of the game you described using JavaScript and HTML. You can copy this code into a single HTML file and open it in a web browser to play the game:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    html,
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      background-color: #f0f0f0;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// game initialization
    window.onload = function() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");

player = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 50,
        height: 50,
        color: "#00f"
      };

score = 0;

// handle mouse click event
      canvas.addEventListener("mousedown", handleMouseClick);

// create falling stuff every second
      setInterval(createStuff, 1000 / 2);

// start game loop
      setInterval(update, 1000 / 60);
    };

// create falling stuff
    function createStuff() {
      var newStuff = {
        x: Math.random() * canvas.width,
        y: 0,
        width: 40,
        height: 40,
        color: "#f00",
        speed: Math.random() * 2 + 1
      };

stuff.push(newStuff);
    }

// handle mouse click event
    function handleMouseClick(event) {
      var mousePos = calculateMousePos(event);

// check if player hit any falling stuff
      for (var i = 0; i < stuff.length; i++) {
        var s = stuff[i];

if (
          mousePos.x > s.x &&
          mousePos.x < s.x + s.width &&
          mousePos.y > s.y &&
          mousePos.y < s.y + s.height
        ) {
          // remove the hit stuff and increase the score
          stuff.splice(i, 1);
          score++;
        }
      }
    }

// calculate mouse position relative to the canvas
    function calculateMousePos(event) {
      var rect = canvas.getBoundingClientRect();
      var root = document.documentElement;

var mouseX = event.clientX - rect.left - root.scrollLeft;
      var mouseY = event.clientY - rect.top - root.scrollTop;

return {
        x: mouseX,
        y: mouseY
      };
    }

// update game state
    function update() {
      movePlayer();
      moveStuff();
      draw();
    }

// move the player based on mouse movement
    function movePlayer() {
      canvas.addEventListener("mousemove", function(event) {
        var mousePos = calculateMousePos(event);
        player.x = mousePos.x - player.width / 2;

// prevent player from moving outside the canvas
        if (player.x < 0) {
          player.x = 0;
        } else if (player.x + player.width > canvas.width) {
          player.x = canvas.width - player.width;
        }
      });
    }

// move and remove fallen stuff
    function moveStuff() {
      for (var i = 0; i < stuff.length; i++) {
        var s = stuff[i];
        s.y += s.speed;

// remove stuff when it reaches the bottom
        if (s.y > canvas.height) {
          stuff.splice(i, 1);
        }
      }
    }

// draw the game elements on the canvas
    function draw() {
      // clear the canvas
      canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// draw player
      canvasContext.fillStyle = player.color;
      canvasContext.fillRect(player.x, player.y, player.width, player.height);

// draw stuff
      for (var i = 0; i < stuff.length; i++) {
        var s = stuff[i];
        canvasContext.fillStyle = s.color;
        canvasContext.fillRect(s.x, s.y, s.width, s.height);
      }

// draw score
      canvasContext.font = "20px Arial";
      canvasContext.fillStyle = "#000";
      canvasContext.fillText("Score: " + score, 10, 20);
    }
  </script>
</body>
</html>
```