AI game creator

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

No:34133

114

←

Prev Next

→

Shooting Game
Developer User16103｜Date and time 24/1/8 11:40:06
Build time 61.474 sec｜Game capacity 5.994KB｜

Script

Sure! Here's a simple shooting game implemented in a single HTML file using JavaScript. It uses pictograms and is intended for smartphone operation:

This simple shooting game allows you to control a player represented by a square using left and right arrow keys. You can shoot bullets by pressing the spacebar. The objective is to shoot the green enemy squares and avoid colliding with them. Your score increases each time you successfully hit an enemy. The game ends when a collision occurs with an enemy square.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple shooting game implemented in a single HTML file using JavaScript. It uses pictograms and is intended for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Shooting Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            color: "#fff",
            speed: 8
        };

var bullets = [];
        var enemies = [];
        var score = 0;

function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawBullets() {
            for (var i = 0; i < bullets.length; i++) {
                ctx.fillStyle = "#ff0000";
                ctx.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
        }

function drawEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                ctx.fillStyle = "#00ff00";
                ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
            }
        }

function movePlayer(dir) {
            if (dir === "left") {
                player.x -= player.speed;
            } else if (dir === "right") {
                player.x += player.speed;
            }

if (player.x < 0) {
                player.x = 0;
            }

if (player.x + player.width > canvas.width) {
                player.x = canvas.width - player.width;
            }
        }

function shoot() {
            bullets.push({
                x: player.x + player.width / 2,
                y: player.y,
                width: 5,
                height: 10,
                speed: 10
            });
        }

function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= bullets[i].speed;

if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                    i--;
                }
            }
        }

function createEnemy() {
            enemies.push({
                x: Math.random() * (canvas.width - 30),
                y: -30,
                width: 30,
                height: 30,
                speed: Math.random() * 3 + 1
            });
        }

function moveEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].y += enemies[i].speed;

if (enemies[i].y > canvas.height) {
                    enemies.splice(i, 1);
                    i--;
                }
            }
        }

for (var i = 0; i < enemies.length; i++) {
                if (
                    player.x < enemies[i].x + enemies[i].width &&
                    player.x + player.width > enemies[i].x &&
                    player.y < enemies[i].y + enemies[i].height &&
                    player.y + player.height > enemies[i].y
                ) {
                    // Game over
                    alert("Game Over! Your score is: " + score);
                    resetGame();
                }
            }
        }

function drawScore() {
            ctx.font = "20px Arial";
            ctx.fillStyle = "#fff";
            ctx.fillText("Score: " + score, 10, 25);
        }

function resetGame() {
            score = 0;
            bullets = [];
            enemies = [];
            player.x = canvas.width / 2;
            player.y = canvas.height - 50;
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawBullets();
            drawEnemies();
            drawScore();

moveBullets();
            moveEnemies();
            collisionDetection();
        }

function gameLoop() {
            updateGame();
            requestAnimationFrame(gameLoop);
        }

gameLoop();