AI game creator

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

No:42484

←

Prev Next

→

Shooting Game
Developer User18885｜Date and time 24/2/11 20:41:13
Build time 13.074 sec｜Game capacity 4.535KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        /* Add styling for game canvas */
        canvas {
            border: 1px solid black;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Variables de jeu
        var canvas, context;
        var playerX, playerY;
        var enemyX, enemyY;
        var bullets;
        var score;

// Fonction d'initialisation du jeu
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Position initiale du joueur
            playerX = canvas.width / 2;
            playerY = canvas.height - 50;

// Position initiale de l'ennemi
            enemyX = canvas.width / 2;
            enemyY = 50;

// Initialisation des balles
            bullets = [];

// Initialisation du score
            score = 0;

// Commencer le jeu
            setInterval(gameLoop, 1000 / 60); // Mettre à jour le jeu 60 fois par seconde
        }

// Fonction de mise à jour du jeu
        function gameLoop() {
            update(); // Mettre à jour les positions
            draw(); // Dessiner les éléments du jeu
        }

// Fonction de mise à jour des positions
        function update() {
            // Déplacer le joueur
            playerX += (accelerationX * 2); // Utilisation de l'accélération de l'appareil pour déplacer le joueur

// Déplacer l'ennemi
            enemyY += 2;

// Vérifier les collisions entre les balles et l'ennemi
            bullets.forEach(function(bullet) {
                if (collision(enemyX, enemyY, bullet.x, bullet.y)) {
                    score++; // Augmenter le score si une collision est détectée
                    enemyY = 50; // Réinitialiser la position de l'ennemi
                }
            });

// Supprimer les balles hors de l'écran
            bullets = bullets.filter(function(bullet) {
                return bullet.y > 0;
            });
        }

// Fonction de dessin des éléments du jeu
        function draw() {
            // Effacer le canvas avant de redessiner
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner le joueur
            context.beginPath();
            context.arc(playerX, playerY, 10, 0, Math.PI * 2);
            context.fillStyle = "blue";
            context.fill();
            context.closePath();

// Dessiner l'ennemi
            context.beginPath();
            context.arc(enemyX, enemyY, 10, 0, Math.PI * 2);
            context.fillStyle = "red";
            context.fill();
            context.closePath();

// Dessiner les balles
            bullets.forEach(function(bullet) {
                context.beginPath();
                context.arc(bullet.x, bullet.y, 5, 0, Math.PI * 2);
                context.fillStyle = "green";
                context.fill();
                context.closePath();
            });

// Dessiner le score
            context.font = "20px Arial";
            context.fillStyle = "black";
            context.fillText("Score: " + score, canvas.width - 100, 30);
        }

// Fonction de détection des collisions
        function collision(x1, y1, x2, y2) {
            var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
            return distance < 20; // Vérifier si la distance entre les deux points est inférieure à 20 (rayon du cercle)
        }

// Fonction de gestion de l'accélération
        var accelerationX = 0;
        function handleOrientation(event) {
            accelerationX = event.gamma / 50; // Utiliser la valeur d'accélération gamma pour déterminer la vitesse de déplacement
        }

// Exécute la fonction d'initialisation du jeu lorsque la page se charge
        window.onload = init;

// Gestionnaire d'événements pour tirer une balle lorsqu'on clique sur l'écran
        window.addEventListener("click", function(event) {
            bullets.push({ x: playerX, y: playerY });
        });
    </script>
</body>
</html>