AI game creator

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

No:20798

←

Prev Next

→

шутер
Developer User9148｜Date and time 23/10/11 2:01:53
Build time 37.858 sec｜Game capacity 6.865KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Шутер</title>
    <style>
        #gameCanvas {
            background-color: black;
            width: 100%;
            height: 100%;
        }

.player {
            position: absolute;
            bottom: 20px;
        }

.bullet {
            position: absolute;
        }

.enemy {
            position: absolute;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;

const playerWidth = 50;
            const playerHeight = 50;
            const playerSpeed = 5;
            let playerX = (screenWidth - playerWidth) / 2;
            let playerY = screenHeight - playerHeight - 20;

const bulletWidth = 10;
            const bulletHeight = 20;
            const bulletSpeed = 10;
            let bullets = [];

const enemyWidth = 50;
            const enemyHeight = 50;
            const enemySpeed = 2;
            let enemies = [];

let score = 0;
            let gameIsOver = false;

function drawPlayer() {
                context.fillStyle = 'white';
                context.fillRect(playerX, playerY, playerWidth, playerHeight);
            }

function drawBullets() {
                context.fillStyle = 'red';

for (let i = 0; i < bullets.length; i++) {
                    const bullet = bullets[i];
                    context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
                }
            }

function drawEnemies() {
                context.fillStyle = 'blue';

for (let i = 0; i < enemies.length; i++) {
                    const enemy = enemies[i];
                    context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
                }
            }

function movePlayer(event) {
                const key = event.key;

if (key === 'ArrowLeft' && playerX > 0) {
                    playerX -= playerSpeed;
                } else if (key === 'ArrowRight' && playerX < screenWidth - playerWidth) {
                    playerX += playerSpeed;
                }
            }

function shoot() {
                const bullet = {
                    x: playerX + playerWidth / 2 - bulletWidth / 2,
                    y: playerY,
                    width: bulletWidth,
                    height: bulletHeight,
                };

bullets.push(bullet);
            }

function updateBullets() {
                for (let i = 0; i < bullets.length; i++) {
                    const bullet = bullets[i];
                    bullet.y -= bulletSpeed;

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

function updateEnemies() {
                for (let i = 0; i < enemies.length; i++) {
                    const enemy = enemies[i];
                    enemy.y += enemySpeed;

if (enemy.y > screenHeight) {
                        enemies.splice(i, 1);
                        i--;
                    }
                }
            }

function checkCollision() {
                for (let i = 0; i < bullets.length; i++) {
                    const bullet = bullets[i];

for (let j = 0; j < enemies.length; j++) {
                        const enemy = enemies[j];

if (
                            bullet.x < enemy.x + enemy.width &&
                            bullet.x + bullet.width > enemy.x &&
                            bullet.y < enemy.y + enemy.height &&
                            bullet.y + bullet.height > enemy.y
                        ) {
                            bullets.splice(i, 1);
                            i--;

enemies.splice(j, 1);
                            j--;

score++;
                        }
                    }
                }

for (let i = 0; i < enemies.length; i++) {
                    const enemy = enemies[i];

if (
                        playerX < enemy.x + enemy.width &&
                        playerX + playerWidth > enemy.x &&
                        playerY < enemy.y + enemy.height &&
                        playerY + playerHeight > enemy.y
                    ) {
                        gameIsOver = true;
                        break;
                    }
                }
            }

function drawScore() {
                context.fillStyle = 'white';
                context.font = "24px Arial";
                context.fillText("Score: " + score, 20, 40);
            }

function drawGameOver() {
                context.fillStyle = 'white';
                context.font = "bold 48px Arial";
                context.fillText("Game Over", screenWidth / 2 - 150, screenHeight / 2);
                context.font = "24px Arial";
                context.fillText("Press F5 to restart", screenWidth / 2 - 110, screenHeight / 2 + 50);
            }

function gameLoop() {
                context.clearRect(0, 0, screenWidth, screenHeight);

if (!gameIsOver) {
                    drawPlayer();
                    drawBullets();
                    drawEnemies();
                    drawScore();
                    updateBullets();
                    updateEnemies();
                    checkCollision();
                } else {
                    drawGameOver();
                }
            }

function startGame() {
                window.addEventListener("keydown", movePlayer);
                window.addEventListener("keydown", function (event) {
                    if (event.key === ' ') {
                        shoot();
                    }
                });

setInterval(gameLoop, 30);

setInterval(function () {
                    if (!gameIsOver) {
                        const enemyX = Math.random() * (screenWidth - enemyWidth);
                        const enemy = {
                            x: enemyX,
                            y: 0,
                            width: enemyWidth,
                            height: enemyHeight,
                        };

enemies.push(enemy);
                    }
                }, 1000);
            }

startGame();
        });
    </script>
</body>
</html>