Crea un gioco che ha a che fare con lo spazio e universo's game

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

No:19986

101

←

Prev Next

→

Crea un gioco che ha a che fare con lo spazio e un..ALL
Developer User8898｜Date and time 23/10/7 17:45:34
Build time 23.667 sec｜Game capacity 3.884KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Gioco dello spazio e dell'universo</title>
</head>
<body>
    <canvas id="gameCanvas" width="640" height="480"></canvas>
    <script>
        // Definisci il gioco
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Pictogrammi per lo spazio e l'universo
        var spaceshipImg = document.createElement("img");
        spaceshipImg.src = "spaceship.png";
        var asteroidImg = document.createElement("img");
        asteroidImg.src = "asteroid.png";
        var planetImg = document.createElement("img");
        planetImg.src = "planet.png";

// Oggetto nave spaziale
        var spaceship = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5
        };

// Evento di pressione dei tasti direzionali
        var keys = {};
        document.addEventListener("keydown", function (event) {
            keys[event.keyCode] = true;
        });
        document.addEventListener("keyup", function (event) {
            delete keys[event.keyCode];
        });

// Oggetti asteroidi
        var asteroids = [];
        asteroids.push({
            x: 50,
            y: 10,
            width: 32,
            height: 32,
            speed: 2
        });

asteroids.push({
            x: 200,
            y: 20,
            width: 32,
            height: 32,
            speed: 3
        });

// Oggetti pianeti
        var planets = [];
        planets.push({
            x: 150,
            y: 40,
            width: 64,
            height: 64
        });

planets.push({
            x: 300,
            y: 80,
            width: 64,
            height: 64
        });

// Funzione di disegno
        function draw() {
            // Pulisci il canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Disegna la nave spaziale
            ctx.drawImage(spaceshipImg, spaceship.x, spaceship.y, spaceship.width, spaceship.height);

// Disegna gli asteroidi
            for (var i = 0; i < asteroids.length; i++) {
                ctx.drawImage(asteroidImg, asteroids[i].x, asteroids[i].y, asteroids[i].width, asteroids[i].height);
            }

// Disegna i pianeti
            for (var i = 0; i < planets.length; i++) {
                ctx.drawImage(planetImg, planets[i].x, planets[i].y, planets[i].width, planets[i].height);
            }
        }

// Funzione di aggiornamento
        function update() {
            // Movimento della nave spaziale
            if (keys[37]) { // Freccia sinistra
                spaceship.x -= spaceship.speed;
            }
            if (keys[39]) { // Freccia destra
                spaceship.x += spaceship.speed;
            }

// Movimento degli asteroidi
            for (var i = 0; i < asteroids.length; i++) {
                asteroids[i].y += asteroids[i].speed;

// Controllo collisione asteroidi con nave spaziale
                if (spaceship.x < asteroids[i].x + asteroids[i].width &&
                    spaceship.x + spaceship.width > asteroids[i].x &&
                    spaceship.y < asteroids[i].y + asteroids[i].height &&
                    spaceship.y + spaceship.height > asteroids[i].y) {
                    alert("Hai perso!");
                    location.reload();
                }
            }

// Movimento dei pianeti
            for (var i = 0; i < planets.length; i++) {
                planets[i].y += 1;
            }

draw();
        }

// Loop di gioco
        function gameLoop() {
            update();

requestAnimationFrame(gameLoop);
        }

// Avvia il gioco
        gameLoop();
    </script>
</body>
</html>