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:40153

145

←

Prev Next

→

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

Script

Sure! Here's a simple game where you can shoot a giant spider train to win. Please open a new HTML file and copy the code below. Save the file with a .html extension and open it in a web browser to play.

This code creates a simple game where you control a train using the left and right arrow keys. Pressing the spacebar will shoot a bullet to hit the spider train moving from top to bottom. Every time you hit the spider train, your score increases. The game runs until you close the web page. Note: This is a basic implementation to give you an idea of how the game would work. You can extend the game with more features and enhancements as per your preference.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Spider Train Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

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

trainX = 200;
        trainY = 350;
        spiderX = Math.random() * (canvas.width - 50);
        spiderY = 30;
        bulletX = trainX;
        bulletY = trainY;
        bulletSpeed = 5;
        shooting = false;
        score = 0;

// Event listeners
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

setInterval(gameLoop, 16);
    }

// Handle keydown events
    function handleKeyDown(event) {
        if (event.keyCode === 32) { // Space key
            shooting = true;
        }
        if (event.keyCode === 37) { // Left arrow key
            trainX -= 10;
        }
        if (event.keyCode === 39) { // Right arrow key
            trainX += 10;
        }
    }

// Handle keyup events
    function handleKeyUp(event) {
        if (event.keyCode === 32) { // Space key
            shooting = false;
        }
    }

// Update game objects
    function update() {
        // Move spider train
        spiderY += 1;
        if (spiderY > canvas.height) {
            spiderY = -30;
            spiderX = Math.random() * (canvas.width - 50);
        }

// Move bullet
        if (shooting) {
            bulletY -= bulletSpeed;
        }

// Check collision
        if (bulletY <= spiderY + 30 && bulletX >= spiderX && bulletX <= spiderX + 50) {
            score += 1;
            bulletY = trainY;
            spiderY = -30;
            spiderX = Math.random() * (canvas.width - 50);
        }

// Reset bullet position
        if (bulletY <= 0) {
            bulletY = trainY;
        }
    }

// Render game objects
    function render() {
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw train
        context.fillStyle = "black";
        context.fillRect(trainX, trainY, 50, 20);

// Draw spider train
        context.fillStyle = "red";
        context.fillRect(spiderX, spiderY, 50, 20);

// Draw bullet
        context.fillStyle = "blue";
        context.fillRect(bulletX + 25, bulletY, 2, 10);

// Draw score
        context.fillStyle = "black";
        context.fillText("Score: " + score, 10, 20);
    }

// Main game loop
    function gameLoop() {
        update();
        render();
    }

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

Note: This is a basic implementation to give you an idea of how the game would work. You can extend the game with more features and enhancements as per your preference.