Crea un gioco dove posso spostare il mio personaggio per evitare gli ostacoli che vengono dall'alto. Il personaggio può sparare dei proiettili verso l'alto ogni 2 secondi . I nemici compaiono ogni 7 secondi . Quando il personaggio viene colpito dai nemici si perde e il gioco se ferma e si apre una schermata con il punteggio attuale e il punteggio migliore. I nemici compaiono un movimento ad onda e sono molto lenti di velocità 2. Quando un nemico esce fuori dallo schermo si cancella .'s game

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

No:44501

←

Prev Next

→

Crea un gioco dove posso spostare il mio personagg..ALL
Developer User19399｜Date and time 24/2/18 6:13:58
Build time 9.401 sec｜Game capacity 3.351KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Gioco Shooter</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600" style="border: 1px solid black;"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let playerX = 200;
        let playerY = 550;
        let bullets = [];
        let enemies = [];
        let score = 0;
        let highScore = localStorage.getItem('highScore') || 0;
        let isGameOver = false;

function drawPlayer() {
            ctx.fillRect(playerX, playerY, 20, 20);
        }

function drawBullet(x, y) {
            ctx.fillRect(x, y, 4, 10);
        }

function drawEnemy(x, y) {
            ctx.fillRect(x, y, 20, 20);
        }

function drawScore() {
            ctx.fillText('Punteggio: ' + score, 10, 20);
        }

function drawHighScore() {
            ctx.fillText('Miglior punteggio: ' + highScore, 10, 40);
        }

function drawGameOver() {
            ctx.fillText('GAME OVER', 150, 300);
            ctx.fillText('Punteggio: ' + score, 150, 320);
            ctx.fillText('Miglior Punteggio: ' + highScore, 150, 340);
        }

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

ctx.clearRect(0, 0, 400, 600);

drawPlayer();
            drawScore();
            drawHighScore();

if (Math.random() < 0.01) {
                enemies.push({ x: Math.random() * 380, y: 0 });
            }

for (let bullet of bullets) {
                bullet.y -= 10;
                drawBullet(bullet.x, bullet.y);
            }

for (let bullet of bullets) {
                for (let enemy of enemies) {
                    if (bullet.x > enemy.x && bullet.x < enemy.x + 20 && bullet.y < enemy.y + 20) {
                        bullets.splice(bullets.indexOf(bullet), 1);
                        enemies.splice(enemies.indexOf(enemy), 1);
                        score += 10;
                    }
                }
            }

for (let enemy of enemies) {
                enemy.y += 2;
                drawEnemy(enemy.x, enemy.y);
                if (enemy.y > 600) {
                    enemies.splice(enemies.indexOf(enemy), 1);
                }
                if (enemy.x > playerX - 20 && enemy.x < playerX + 20 && enemy.y > playerY - 20 && enemy.y < playerY + 20) {
                    isGameOver = true;
                    if (score > highScore) {
                        localStorage.setItem('highScore', score);
                        highScore = score;
                    }
                }
            }

if (!isGameOver) {
                requestAnimationFrame(gameLoop);
            } else {
                drawGameOver();
            }
        }

document.addEventListener('keydown', movePlayer);
        gameLoop();
    </script>
</body>
</html>