AI game creator

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

No:26414

←

Prev Next

→

Shooting Game
Developer User13091｜Date and time 23/11/30 9:42:56
Build time 81.44 sec｜Game capacity 3.791KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

This game is a simple shooting game where the player controls a blue square at the bottom of the canvas using the left and right arrow keys. The player can shoot red bullets towards a green enemy square using the spacebar. The objective is to hit the enemy with the bullet. Colliding with the enemy or failing to hit it with a bullet results in a game over message. The game continuously updates and redraws the canvas using the `requestAnimationFrame` method. Note: Please be aware that this example is a basic demonstration and may not have the complete features or advanced gameplay you might expect from a commercial shooting game. It's a starting point that can be expanded upon based on your requirements.

←

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 shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
<style>
    canvas { border: 1px solid black }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    // Initialize the game canvas
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Initialize player position and size
    var playerSize = 40;
    var playerX = (canvas.width - playerSize) / 2;
    var playerY = canvas.height - playerSize;

// Initialize bullet position and size
    var bulletSize = 10;
    var bulletX = 0;
    var bulletY = 0;
    var bulletFired = false;

// Initialize enemy position and size
    var enemySize = 20;
    var enemyX = 0;
    var enemyY = 50;
    var enemySpeed = 2;

// Handle player movement
    document.addEventListener("keydown", movePlayer);
    function movePlayer(e) {
        if (e.keyCode == 37) { // Left arrow key
            playerX -= 10;
        }
        else if (e.keyCode == 39) { // Right arrow key
            playerX += 10;
        }
        else if (e.keyCode == 32 && !bulletFired) { // Spacebar
            bulletX = playerX + playerSize / 2 - bulletSize / 2;
            bulletY = playerY;
            bulletFired = true;
        }
    }

// Update game objects and redraw the canvas
    function update() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Move the bullet
        if (bulletFired) {
            bulletY -= 5;
            if (bulletY < 0) {
                bulletFired = false;
            }
        }

// Draw the bullet
        if (bulletFired) {
            ctx.fillStyle = "red";
            ctx.fillRect(bulletX, bulletY, bulletSize, bulletSize);
        }

// Move the enemy
        enemyX += enemySpeed;
        if (enemyX < 0 || enemyX + enemySize > canvas.width) {
            enemySpeed *= -1;
        }

// Draw the enemy
        ctx.fillStyle = "green";
        ctx.fillRect(enemyX, enemyY, enemySize, enemySize);

// Check for collision between enemy and bullet
        if (bulletFired && bulletX < enemyX + enemySize && bulletX + bulletSize > enemyX &&
            bulletY < enemyY + enemySize && bulletY + bulletSize > enemyY) {
            enemyX = Math.random() * (canvas.width - enemySize);
            enemyY = 50;
            bulletFired = false;
        }

// Check for collision between enemy and player
        if (playerX < enemyX + enemySize && playerX + playerSize > enemyX &&
            playerY < enemyY + enemySize && playerY + playerSize > enemyY) {
            alert("Game Over!");
            document.location.reload();
        }

// Call the update function again in the next frame
        requestAnimationFrame(update);
    }

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

Note: Please be aware that this example is a basic demonstration and may not have the complete features or advanced gameplay you might expect from a commercial shooting game. It's a starting point that can be expanded upon based on your requirements.