AI game creator

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

No:37256

←

Prev Next

→

Shooting Game
Developer User17048｜Date and time 24/1/20 23:46:47
Build time 11.963 sec｜Game capacity 3.959KB｜

Script

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

In this game, you control a player rectangle at the bottom of the canvas. The objective is to shoot the enemy square that moves randomly from top to bottom. Press the left and right arrow keys on your smartphone's keyboard to move the player, and press the spacebar to shoot bullets. If a bullet hits the enemy, it will be destroyed, and a new enemy will appear at a random position. The game continues until you close the browser window.

←

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>
    <title>Shooting Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 🛺 
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Handle key events for player movement
        function movePlayer(event) {
            if (event.keyCode == 37) {
                playerX -= 5; // mov]
 left
            } else if (event.keyCode == 39) {
                playerX += 5; // move right
            } else if (event.keyCode == 32 && !bulletFired) {
                bulletX = playerX + 9; // fire bullet
                bulletY = playerY;
                bulletFired = true;
            }
        }

// Update game objects
        function update() {
            // Move player
            if (playerX < 0) {
                playerX = 0;
            }
            if (playerX > canvas.width - 20) {
                playerX = canvas.width - 20;
            }

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

// Move enemy
            enemyY += enemySpeed;
            if (enemyY > canvas.height) {
                enemyY = 50;
                enemyX = Math.floor(Math.random() * (canvas.width - 30));
            }

// Collision Detection
            if (bulletFired && bulletX > enemyX && bulletX < enemyX + 30 && bulletY > enemyY && bulletY < enemyY + 30) {
                bulletFired = false;
                enemyY = 50;
                enemyX = Math.floor(Math.random() * (canvas.width - 30));
            }
        }

// Draw game objects
        function draw() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            canvasContext.fillStyle = "#0095DD";
            canvasContext.fillRect(playerX, playerY, 20, 20);

// Draw bullet
            if (bulletFired) {
                canvasContext.fillStyle = "#FF0000";
                canvasContext.fillRect(bulletX, bulletY, 2, 10);
            }

// Draw enemy
            canvasContext.fillStyle = "#000000";
            canvasContext.fillRect(enemyX, enemyY, 30, 30);
        }

// Game loop
        function gameLoop() {
            update();
            draw();
        }

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

// Start game loop
            setInterval(gameLoop, 16);

// Add event listener for player movement
            document.addEventListener("keydown", movePlayer);
        }

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