A game where you shoot a giant spider train to win's game

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

No:40154

180

←

Prev Next

→

A game where you shoot a giant spider train to win
Developer User7580｜Date and time 24/2/1 9:23:22
Build time 14.8 sec｜Game capacity 3.803KB｜

Script

Sure! Here's an example of a simple game where you can shoot a giant spider train to win. The game will be implemented as a single HTML file with JavaScript, enclosed within `` tags. It can be played on a smartphone as requested. Note: To visualize the game, you can replace the `// ...` comments with appropriate pictograms or UI elements. <br><br> <br> <canvas id="gameCanvas" width="500" height="500"></canvas>

This game allows you to control the spider train using left and right arrow keys on your smartphone. Tapping the screen will shoot a bullet towards the spider train. If the bullet hits the spider train, the game is over, and the score is shown. You can then restart the game by tapping the screen again.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game where you can shoot a giant spider train to win. The game will be implemented as a single HTML file with JavaScript, enclosed within `<script>` tags. It can be played on a smartphone as requested.

Note: To visualize the game, you can replace the `// ...` comments with appropriate pictograms or UI elements.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Giant Spider Train Shooter</title>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="500"></canvas>

// Define the spider train
    const spiderTrain = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 50,
      height: 50,
      speed: 5
    };

// Define the bullet
    const bullet = {
      x: spiderTrain.x + spiderTrain.width / 2,
      y: spiderTrain.y,
      width: 5,
      height: 10,
      speed: 10,
      isVisible: false
    };

// Handle user input
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

function keyUpHandler(event) {
      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
        spiderTrain.x += 0; // Stop moving
      }
    }

function shootBullet() {
      bullet.x = spiderTrain.x + spiderTrain.width / 2;
      bullet.y = spiderTrain.y;
      bullet.isVisible = true;
    }

// Game loop
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw spider train
      ctx.fillStyle = "black";
      ctx.fillRect(spiderTrain.x, spiderTrain.y, spiderTrain.width, spiderTrain.height);

// Draw bullet
      if (bullet.isVisible) {
        ctx.fillStyle = "red";
        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
        bullet.y -= bullet.speed;

// Check if bullet hits the spider train
        if (
          bullet.x < spiderTrain.x + spiderTrain.width &&
          bullet.x + bullet.width > spiderTrain.x &&
          bullet.y < spiderTrain.y + spiderTrain.height &&
          bullet.y + bullet.height > spiderTrain.y
        ) {
          // Spider train hit! Game over
          gameOver();
        }
      }

// Update score
      ctx.font = "24px Arial";
      ctx.fillText("Score: " + score, 10, 30);

// Update spider train position
      spiderTrain.x += spiderTrain.speed;

// Check if spider train hits the walls
      if (spiderTrain.x < 0 || spiderTrain.x + spiderTrain.width > canvas.width) {
        spiderTrain.speed = -spiderTrain.speed; // Change direction
      }

requestAnimationFrame(draw);
    }

function gameOver() {
      isGameRunning = false;
      alert("Game over! Your score: " + score);
      resetGame();
    }

function resetGame() {
      score = 0;
      spiderTrain.x = canvas.width / 2;
      isGameRunning = true;
      draw();
    }

function startGame() {
      if (!isGameRunning) {
        isGameRunning = true;
        draw();
      }
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

This game allows you to control the spider train using left and right arrow keys on your smartphone. Tapping the screen will shoot a bullet towards the spider train. If the bullet hits the spider train, the game is over, and the score is shown. You can then restart the game by tapping the screen again.