Try your hardest to make a 2d game with enemies and controls such as jumping moving like wasd guns loot and bosses's game

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

No:11076

←

Prev Next

→

Try your hardest to make a 2d game with enemies an..ALL
Developer unknown｜Date and time 23/8/7 17:45:29
Build time 45.312 sec｜Game capacity 7.092KB｜

Script

Sure! Here's a simple example of a 2D game implemented in a single HTML file. It includes player controls for movement (WASD), jumping, shooting guns, picking up loot, enemy spawning, and bosses. Please note that this is a basic implementation to give you an idea of how you can structure a game. You can enhance and customize it further based on your preferences and requirements.

This HTML file sets up a canvas element where the game is displayed. It defines player, bullet, and enemy objects with their respective properties and behaviors. The game initialization function initializes the game elements, spawns enemies, and sets up the game loop. Controls are provided through keyboard events. The game over function triggers when the player collides with an enemy, alerting the score and reloading the page to restart the game. Keep in mind that you can further enhance the game by adding more features, levels, graphics, and animations based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a simple example of a 2D game implemented in a single HTML file. It includes player controls for movement (WASD), jumping, shooting guns, picking up loot, enemy spawning, and bosses.

Please note that this is a basic implementation to give you an idea of how you can structure a game. You can enhance and customize it further based on your preferences and requirements.

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

// Player object
        function Player(x, y) {
            this.x = x;
            this.y = y;
            this.width = 20;
            this.height = 40;
            this.speed = 5;
            this.jumpHeight = 80;

// Draw player
            this.draw = function() {
                context.fillStyle = "#000";
                context.fillRect(this.x, this.y, this.width, this.height);
            };

// Update player position
            this.update = function() {
                if (keys.w && !isJumping) {
                    isJumping = true;
                    this.jump();
                }

if (keys.a) {
                    this.x -= this.speed;
                }

if (keys.d) {
                    this.x += this.speed;
                }

// Gravity
                if (isJumping) {
                    this.y -= this.speed;
                } else {
                    this.y += this.speed;
                }

this.draw();
            };

// Jump action
            this.jump = function() {
                var self = this;
                var jumpInterval = setInterval(function() {
                    self.y -= self.speed;

if (self.y <= y - self.jumpHeight) {
                        clearInterval(jumpInterval);
                        isJumping = false;
                    }
                }, 10);
            };
        }

// Bullet object
        function Bullet(x, y) {
            this.x = x;
            this.y = y;
            this.width = 5;
            this.height = 10;
            this.speed = 10;

// Draw bullet
            this.draw = function() {
                context.fillStyle = "#f00";
                context.fillRect(this.x, this.y, this.width, this.height);
            };

// Update bullet position
            this.update = function() {
                this.y -= this.speed;
                this.draw();
            };
        }

// Enemy object
        function Enemy(x, y) {
            this.x = x;
            this.y = y;
            this.width = 30;
            this.height = 30;

// Draw enemy
            this.draw = function() {
                context.fillStyle = "#f00";
                context.fillRect(this.x, this.y, this.width, this.height);
            };

// Update enemy position
            this.update = function() {
                this.x -= 1;
                this.draw();
            };
        }

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

player = new Player(100, canvas.height - 50);
            bullets = [];
            enemies = [];
            loot = [];
            bosses = [];

// Enemy spawning
            setInterval(function() {
                var x = Math.floor(Math.random() * canvas.width) + canvas.width;
                var y = Math.floor(Math.random() * (canvas.height - 30));
                enemies.push(new Enemy(x, y));
            }, 2000);

// Game loop
            setInterval(function() {
                context.clearRect(0, 0, canvas.width, canvas.height);

player.update();

bullets.forEach(function(bullet) {
                    bullet.update();
                });

enemies.forEach(function(enemy) {
                    enemy.update();
                });

// Detect bullet-enemy collision
                bullets.forEach(function(bullet) {
                    enemies.forEach(function(enemy, enemyIndex) {
                        if (
                            bullet.x < enemy.x + enemy.width &&
                            bullet.x + bullet.width > enemy.x &&
                            bullet.y < enemy.y + enemy.height &&
                            bullet.y + bullet.height > enemy.y
                        ) {
                            bullets.splice(bullets.indexOf(bullet), 1);
                            enemies.splice(enemyIndex, 1);
                            score += 10;
                        }
                    });
                });

// Detect player-enemy collision
                enemies.forEach(function(enemy) {
                    if (
                        player.x < enemy.x + enemy.width &&
                        player.x + player.width > enemy.x &&
                        player.y < enemy.y + enemy.height &&
                        player.y + player.height > enemy.y
                    ) {
                        gameOver();
                    }
                });

// Display score
                context.fillText("Score: " + score, 10, 20);
            }, 16.67); // 60 FPS (1000 ms / 60 = 16.67)

// Keyboard controls
            var keys = {};
            window.addEventListener("keydown", function(e) {
                keys[e.keyCode] = true;
            });
            window.addEventListener("keyup", function(e) {
                delete keys[e.keyCode];
            });
        }

// Game over
        function gameOver() {
            alert("Game Over! Score: " + score);
            location.reload(); // Reload the page
        }

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

Keep in mind that you can further enhance the game by adding more features, levels, graphics, and animations based on your requirements.