There is a gun at the bottom of the screen you control the gun by using your finger to move it left and right it shoots Automatically there are green cubes Falling from the sky to the bottom If the green cube falls to the bottom you lose. your gun shoots when you are Touching it And you shoot the green cubes to get a point you're Gola is to get 30 point's game

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

No:19657

←

Prev Next

→

There is a gun at the bottom of the screen you con..ALL
Developer User8183｜Date and time 23/10/5 9:40:39
Build time 38.058 sec｜Game capacity 6.522KB｜

Script

Sure! Here's an example implementation of the game you described:

This code creates a canvas element where the game is rendered. The gun is controlled by touch or keyboard input, and it automatically shoots bullets. Green cubes fall from the sky, and the player needs to shoot them by touching the gun or pressing trigger keys. The score is displayed, and the game ends when the player reaches a score of 30. Please note that this is a simple implementation and there is room for improvements and optimizations.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an example implementation of the game you described:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Green Cube Shooter</title>
    <style>
      canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
      // Game variables
      var canvas, context;
      var gun, bullet, cubes;
      var score = 0;
      var gameOver = false;

// Event listeners
      document.addEventListener("DOMContentLoaded", init);
      document.addEventListener("keydown", handleKeydown);
      document.addEventListener("keyup", handleKeyup);
      document.addEventListener("touchmove", handleTouchMove);
      document.addEventListener("touchstart", handleTouchStart);

// Initialize the game
      function init() {
        canvas = document.getElementById("gameCanvas");
        context = canvas.getContext("2d");

gun = {
          x: canvas.width / 2 - 25, // initial position at the center
          y: canvas.height - 50,
          width: 50,
          height: 50,
          speed: 5,
          isShooting: false,
        };

bullet = {
          x: gun.x + gun.width / 2 - 5, // initial position above the gun
          y: gun.y - 10,
          width: 10,
          height: 10,
          speed: 10,
          isVisible: false,
        };

cubes = [];

setInterval(update, 1000 / 60); // Call update function 60 times per second
      }

// Update game logic and draw objects
      function update() {
        if (!gameOver) {
          clearCanvas();
          updateGun();
          shootBullet();
          updateCubes();
          checkCollisions();
          drawGun();
          drawBullet();
          drawCubes();
          drawScore();
          checkGameOver();
        }
      }

// Clear the canvas
      function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      }

// Update gun position based on user input (touch)
      function handleTouchStart(event) {
        var touchX = event.touches[0].clientX;
        var gunLeft = canvas.offsetLeft;
        var gunRight = gunLeft + gun.width;

if (touchX < gunLeft) {
          gun.x -= gun.speed;
        } else if (touchX > gunRight) {
          gun.x += gun.speed;
        }

event.preventDefault();
      }

// Move the gun left or right based on key press
      function handleKeydown(event) {
        switch (event.key) {
          case "ArrowLeft":
            gun.x -= gun.speed;
            break;
          case "ArrowRight":
            gun.x += gun.speed;
            break;
        }
      }

// Stop the gun movement when key released
      function handleKeyup(event) {
        switch (event.key) {
          case "ArrowLeft":
          case "ArrowRight":
            gun.speed = 0;
            break;
        }
      }

// Shoot the bullet
      function shootBullet() {
        if (gun.isShooting && !bullet.isVisible) {
          bullet.x = gun.x + gun.width / 2 - bullet.width / 2;
          bullet.isVisible = true;
        }

if (bullet.isVisible) {
          bullet.y -= bullet.speed;

if (bullet.y < 0) {
            bullet.isVisible = false;
          }
        }
      }

// Update cube positions
      function updateCubes() {
        if (Math.random() < 0.05) {
          cubes.push({
            x: Math.random() * (canvas.width - 25),
            y: 0,
            width: 25,
            height: 25,
            speed: Math.random() * 5 + 1,
            isVisible: true,
          });
        }

for (var i = 0; i < cubes.length; i++) {
          cubes[i].y += cubes[i].speed;

if (cubes[i].y > canvas.height) {
            cubes.splice(i, 1);
            score--;
          }
        }
      }

// Check collisions between bullet and cubes
      function checkCollisions() {
        for (var i = 0; i < cubes.length; i++) {
          if (
            bullet.isVisible &&
            cubes[i].isVisible &&
            bullet.x < cubes[i].x + cubes[i].width &&
            bullet.x + bullet.width > cubes[i].x &&
            bullet.y < cubes[i].y + cubes[i].height &&
            bullet.y + bullet.height > cubes[i].y
          ) {
            cubes.splice(i, 1);
            bullet.isVisible = false;
            score++;
          }
        }
      }

// Update gun position based on touch movement
      function handleTouchMove(event) {
        var touchX = event.touches[0].clientX;
        var gunLeft = canvas.offsetLeft;
        var gunRight = gunLeft + gun.width;

if (touchX >= gunLeft && touchX <= gunRight) {
          gun.x = touchX - gun.width / 2 - gunLeft;
        }

event.preventDefault();
      }

// Draw the gun
      function drawGun() {
        context.fillStyle = "black";
        context.fillRect(gun.x, gun.y, gun.width, gun.height);
      }

// Draw the bullets
      function drawBullet() {
        if (bullet.isVisible) {
          context.fillStyle = "red";
          context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
        }
      }

// Draw the falling cubes
      function drawCubes() {
        for (var i = 0; i < cubes.length; i++) {
          context.fillStyle = "green";
          context.fillRect(
            cubes[i].x,
            cubes[i].y,
            cubes[i].width,
            cubes[i].height
          );
        }
      }

// Draw the score
      function drawScore() {
        context.fillStyle = "black";
        context.font = "20px Arial";
        context.fillText("Score: " + score, 10, 30);
      }

// Check if game over
      function checkGameOver() {
        if (score >= 30) {
          gameOver = true;
          context.fillStyle = "black";
          context.font = "30px Arial";
          context.fillText("Game Over!", canvas.width / 2 - 100, canvas.height / 2);
        }
      }
    </script>
  </body>
</html>
```

Please note that this is a simple implementation and there is room for improvements and optimizations.