AI game creator

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

No:39987

←

Prev Next

→

Shooting Game
Developer User17931｜Date and time 24/1/31 12:34:37
Build time 11.704 sec｜Game capacity 3.433KB｜

Script

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

This is a basic shooting game where the player controls a square character using touch input on a smartphone. The player moves left or right by dragging their finger on the screen, and bullets are shot when touching the screen. The objective is to shoot as many bullets as possible. The score is displayed on the screen.

←

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;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Event listeners for touch controls
        canvas.addEventListener("touchstart", touchStartHandler, false);
        canvas.addEventListener("touchmove", touchMoveHandler, false);
        canvas.addEventListener("touchend", touchEndHandler, false);

// Touch control variables
        var touchX = null;
        var touchY = null;
        var touching = false;

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

// Update game objects
        function update() {
            // Move player left/right based on touch control input
            if (touchX !== null) {
                player.x = touchX - player.width / 2;
            }

// Shoot bullets
            if (touching) {
                bullets.push({ x: player.x + player.width / 2, y: player.y });
            }

// Move bullets upwards
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= 3;

// Remove bullets that reach top of the canvas
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                    i--;
                }
            }
        }

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

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
            ctx.fillStyle = "red";
            for (var i = 0; i < bullets.length; i++) {
                ctx.fillRect(bullets[i].x, bullets[i].y, 2, 10);
            }

// Draw score
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Touch event handlers
        function touchStartHandler(event) {
            event.preventDefault();
            touchX = event.touches[0].clientX;
            touchY = event.touches[0].clientY;
            touching = true;
        }

function touchMoveHandler(event) {
            event.preventDefault();
            touchX = event.touches[0].clientX;
            touchY = event.touches[0].clientY;
        }

function touchEndHandler(event) {
            event.preventDefault();
            touchX = null;
            touchY = null;
            touching = false;
        }

// Start the game
        gameLoop();

</script>
</body>
</html>
```