AI game creator

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

No:41550

←

Prev Next

→

Shooting Game
Developer User18624｜Date and time 24/2/8 9:19:05
Build time 13.912 sec｜Game capacity 5.416KB｜

Script

Sure, here's an example of a simple shooting game implemented as a single HTML file using JavaScript and pictograms:

You can save the above code as an HTML file and open it in a web browser. It will display a simple shooting game where you control a player with arrow keys and shoot bullets with the spacebar. The goal is to shoot the enemies (green squares) without getting hit by them. Your score will increase by 1 for each enemy shot. The game ends if an enemy collides with the player.

←

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 and pictograms:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shooting Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Player
            const playerSize = 50;
            const player = {
                x: canvas.width / 2 - playerSize / 2,
                y: canvas.height - playerSize - 10,
                width: playerSize,
                height: playerSize,
                color: '#fff',
            };

// Bullets
            const bulletSize = 10;
            let bullets = [];

// Enemies
            const enemySize = 30;
            const enemySpeed = 3;
            let enemies = [];

let score = 0;
            let isGameOver = false;

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

function drawBullet() {
                bullets.forEach((bullet) => {
                    context.fillStyle = '#ff0000';
                    context.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
                });
            }

function drawEnemy() {
                enemies.forEach((enemy) => {
                    context.fillStyle = '#00ff00';
                    context.fillRect(enemy.x, enemy.y, enemySize, enemySize);
                });
            }

function moveBullets() {
                bullets = bullets.filter((bullet) => bullet.y > 0);
                bullets.forEach((bullet) => {
                    bullet.y -= 5;
                    checkCollision(bullet);
                });
            }

function moveEnemies() {
                enemies = enemies.filter((enemy) => enemy.y < canvas.height);
                enemies.forEach((enemy) => {
                    enemy.y += enemySpeed;
                    checkCollision(enemy);
                });
            }

function checkCollision(object) {
                bullets.forEach((bullet, bulletIndex) => {
                    if (
                        bullet.x < object.x + enemySize &&
                        bullet.x + bulletSize > object.x &&
                        bullet.y < object.y + enemySize &&
                        bullet.y + bulletSize > object.y
                    ) {
                        bullets.splice(bulletIndex, 1);
                        enemies.splice(enemies.indexOf(object), 1);
                        score++;
                    }
                });

if (
                    player.x < object.x + enemySize &&
                    player.x + player.width > object.x &&
                    player.y < object.y + enemySize &&
                    player.y + player.height > object.y
                ) {
                    isGameOver = true;
                }
            }

function drawScore() {
                context.fillStyle = '#fff';
                context.font = '20px Arial';
                context.fillText('Score: ' + score, 10, 30);
            }

function drawGameOver() {
                context.fillStyle = '#fff';
                context.font = '40px Arial';
                context.fillText('Game Over', canvas.width / 2 - 100, canvas.height / 2);
            }

function gameLoop() {
                if (isGameOver) {
                    drawGameOver();
                    return;
                }

context.clearRect(0, 0, canvas.width, canvas.height);
                drawPlayer();
                drawBullet();
                drawEnemy();
                drawScore();
                moveBullets();
                moveEnemies();

window.requestAnimationFrame(gameLoop);
            }

window.addEventListener('keydown', updatePlayerPosition);
            gameLoop();
        });
    </script>
</body>
</html>
```