Killer Nextbot game that you have to run away from nextbots but you can shoot them and k○ll them's game

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

No:21190

←

Prev Next

→

Killer Nextbot game that you have to run away from..ALL
Developer User9384｜Date and time 23/10/14 1:27:17
Build time 123.148 sec｜Game capacity 5.501KB｜

Script

In the above code, the game is implemented as a single HTML file using JavaScript and pictograms. The player (represented by a pictogram) needs to run away from the moving nextbots (also represented by pictograms). The player can use the arrow keys or WASD keys to move and avoid colliding with the nextbots. The player can shoot the nextbots by colliding with them, and their score increases for each successful collision. If the player collides with a nextbot, the game ends and the score is displayed. The game can be played on a smartphone by interacting with the on-screen controls. Please note that the pictograms referenced in the code (`emozi_all/player.png` and `emozi_apple.png`) should be replaced with actual image files of the desired pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Killer Nextbot Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden; /* Prevent scrolling */
        }
        canvas {
            background-color: #000;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Pictograms
        var playerImage = new Image();
        playerImage.src = "player.png";
        var nextbotImage = new Image();
        nextbotImage.src = "nextbot.png";

// Create the Player object
        function Player() {
            this.x = canvas.width / 2;
            this.y = canvas.height / 2;
            this.speed = 5;

this.update = function() {
                // Move the player based on keys
                if (keys["ArrowUp"] || keys["w"]) {
                    this.y -= this.speed;
                }
                if (keys["ArrowDown"] || keys["s"]) {
                    this.y += this.speed;
                }
                if (keys["ArrowLeft"] || keys["a"]) {
                    this.x -= this.speed;
                }
                if (keys["ArrowRight"] || keys["d"]) {
                    this.x += this.speed;
                }
            }

this.draw = function() {
                // Draw the player as a pictogram
                context.drawImage(playerImage, this.x - 32, this.y - 32, 64, 64);
            }
        }

// Create the Nextbot object
        function Nextbot(x, y) {
            this.x = x;
            this.y = y;
            this.speed = 2;

this.update = function() {
                // Move the nextbot towards the player
                var dx = this.x - player.x;
                var dy = this.y - player.y;
                var angle = Math.atan2(dy, dx);
                this.x -= Math.cos(angle) * this.speed;
                this.y -= Math.sin(angle) * this.speed;
            }

this.draw = function() {
                // Draw the nextbot as a pictogram
                context.drawImage(nextbotImage, this.x - 16, this.y - 16, 32, 32);
            }
        }

// Function to handle key press events
        function keyDownHandler(event) {
            keys[event.key] = true;
        }

// Function to handle key release events
        function keyUpHandler(event) {
            keys[event.key] = false;
        }

// Initialize the game
        function init() {
            player = new Player();
            document.addEventListener("keydown", keyDownHandler);
            document.addEventListener("keyup", keyUpHandler);
            spawnNextbots();
            setInterval(update, 20);
        }

// Spawn the initial set of Nextbots
        function spawnNextbots() {
            for (var i = 0; i < 5; i++) {
                var x = Math.random() * canvas.width;
                var y = Math.random() * canvas.height;
                nextbots.push(new Nextbot(x, y));
            }
        }

// Update the game state
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            player.update();
            player.draw();
            for (var i = 0; i < nextbots.length; i++) {
                nextbots[i].update();
                nextbots[i].draw();
                if (isColliding(player, nextbots[i])) {
                    endGame();
                    return;
                }
            }
            score++;
            drawScore();
        }

// Check collision between player and nextbot
        function isColliding(obj1, obj2) {
            var dx = obj1.x - obj2.x;
            var dy = obj1.y - obj2.y;
            var distance = Math.sqrt(dx * dx + dy * dy);
            return distance < 32;
        }

// End the game
        function endGame() {
            alert("Game Over!\nScore: " + score);
            resetGame();
        }

// Reset the game
        function resetGame() {
            nextbots = [];
            spawnNextbots();
            score = 0;
        }

// Draw the score on the canvas
        function drawScore() {
            context.font = "20px Arial";
            context.fillStyle = "#fff";
            context.fillText("Score: " + score, 10, 25);
        }

// Start the game when the window loads
        window.onload = function() {
            init();
        };
    </script>
</body>
</html>
```

Please note that the pictograms referenced in the code (`player.png` and `nextbot.png`) should be replaced with actual image files of the desired pictograms.