Google dino but you can get gun and shoot to cactuses and destroy it's game

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

No:40474

←

Prev Next

→

Google dino but you can get gun and shoot to cactu..ALL
Developer User18141｜Date and time 24/2/3 2:37:41
Build time 23.075 sec｜Game capacity 4.994KB｜

Script

Sure, here's an HTML file containing a game inspired by Google's Chrome Dinosaur game. In this game, you can control a dino and shoot cactuses using a gun. To play the game, simply copy and paste the code below into a new HTML file and open it in a web browser.

In this game, the dino is initially positioned at the left side of the screen. The dino can jump by pressing the spacebar or the up arrow key. To shoot, press the "s" key. The objective is to shoot the oncoming cactuses before they collide with the dino. The score increases with each successful shot. If a cactus collides with the dino, the game ends, and a "Game Over" message is displayed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
    }
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <script>
    // Game variables
    var canvas, ctx;
    var dino, gun, cactuses, score;
    var isJumping, isGameOver;

// Initialize the game
    function init() {
      canvas = document.createElement("canvas");
      ctx = canvas.getContext("2d");
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);

dino = {
        x: 50,
        y: canvas.height - 200,
        width: 50,
        height: 50,
        isJumping: false,
        jumpSpeed: 15,
        speed: 5
      };

gun = {
        x: dino.x + dino.width,
        y: dino.y + dino.height / 2,
        width: 20,
        height: 10
      };

cactuses = [];
      score = 0;
      isJumping = false;
      isGameOver = false;

document.addEventListener("keydown", function (event) {
        // Spacebar or up arrow key to jump
        if ((event.key === " " || event.key === "ArrowUp") && !isJumping && !isGameOver) {
          dino.isJumping = true;
          jump();
        }

// "S" key to shoot
        if (event.key === "s" && !isJumping && !isGameOver) {
          shoot();
        }
      });

spawnCactus();
      gameLoop();
    }

// Update the game state
    function update() {
      // Move cactuses
      for (var i = 0; i < cactuses.length; i++) {
        cactuses[i].x -= dino.speed;
        
        // Check for collision with dino
        if (isColliding(cactuses[i], dino)) {
          gameOver();
          return;
        }

// Check for collision with gun
        if (isColliding(cactuses[i], gun)) {
          cactuses.splice(i, 1);
          score++;
          if (score % 5 === 0) {
            dino.speed++;
          }
          i--;
        }
      }
      
      // Move dino
      if (dino.isJumping) {
        dino.y -= dino.jumpSpeed;
        dino.jumpSpeed--;
        if (dino.jumpSpeed === 0) {
          dino.jumpSpeed = 15;
          dino.isJumping = false;
        }
      }

// Move gun with dino
      gun.x = dino.x + dino.width;
      gun.y = dino.y + dino.height / 2;
    }

// Render the game
    function render() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw dino
      ctx.fillStyle = "#000";
      ctx.fillRect(dino.x, dino.y, dino.width, dino.height);

// Draw gun
      ctx.fillStyle = "#f00";
      ctx.fillRect(gun.x, gun.y, gun.width, gun.height);

// Draw cactuses
      ctx.fillStyle = "#0f0";
      for (var i = 0; i < cactuses.length; i++) {
        ctx.fillRect(cactuses[i].x, cactuses[i].y, cactuses[i].width, cactuses[i].height);
      }

// Draw score
      ctx.font = "16px Arial";
      ctx.fillStyle = "#fff";
      ctx.fillText("Score: " + score, 10, 20);

// Draw game over message
      if (isGameOver) {
        ctx.font = "40px Arial";
        ctx.fillStyle = "#f00";
        ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
      }
    }

// Game loop
    function gameLoop() {
      update();
      render();

if (!isGameOver) {
        requestAnimationFrame(gameLoop);
      }
    }

// Spawn a cactus
    function spawnCactus() {
      var cactus = {
        x: canvas.width,
        y: canvas.height - 70,
        width: 30,
        height: 70
      };
      cactuses.push(cactus);

// Schedule the next cactus spawn
      var spawnInterval = Math.random() * (3000 - 1000) + 1000; // Between 1 to 3 seconds
      setTimeout(spawnCactus, spawnInterval);
    }

// Jump
    function jump() {
      dino.isJumping = true;
    }

// Shoot
    function shoot() {
      var bullet = {
        x: gun.x + gun.width,
        y: gun.y + gun.height / 2,
        width: 10,
        height: 5,
        speed: 10
      };
      cactuses.push(bullet);
    }

// Check for collision
    function isColliding(obj1, obj2) {
      return (
        obj1.x < obj2.x + obj2.width &&
        obj1.x + obj1.width > obj2.x &&
        obj1.y < obj2.y + obj2.height &&
        obj1.y + obj1.height > obj2.y
      );
    }

// Game over
    function gameOver() {
      isGameOver = true;
    }

init();
  </script>
</body>
</html>
```

In this game, the dino is initially positioned at the left side of the screen. The dino can jump by pressing the spacebar or the up arrow key. To shoot, press the "s" key. The objective is to shoot the oncoming cactuses before they collide with the dino. The score increases with each successful shot. If a cactus collides with the dino, the game ends, and a "Game Over" message is displayed.