AI game creator

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

No:19606

←

Prev Next

→

Shooting Game
Developer User8620｜Date and time 23/10/5 1:58:20
Build time 28.422 sec｜Game capacity 4.784KB｜

Script

Bien sûr, voici un exemple de jeu de tir implémenté en tant que fichier HTML unique, avec du JavaScript encadré par des balises de script.

Ce jeu de tir utilise un canevas HTML pour afficher un vaisseau spatial (représenté en bleu) qui peut être déplacé horizontalement à l'aide des touches de direction gauche et droite. Le vaisseau peut également tirer des balles (représentées en noir) en appuyant sur la barre d'espace. L'ennemi (représenté en rouge) se déplace de manière aléatoire en haut du canevas et le but du jeu est de tirer sur l'ennemi avant qu'il ne sorte de l'écran. J'espère que cela correspond à ce que vous recherchiez. Si vous avez d'autres questions, n'hésitez pas à demander !

←

Prev　Next

→ 　

Back　

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

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

Bien sûr, voici un exemple de jeu de tir implémenté en tant que fichier HTML unique, avec du JavaScript encadré par des balises de script.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jeu de Tir</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Définition des variables pour le vaisseau spatial, l'ennemi et les balles
        const spaceship = { x: canvas.width / 2, y: canvas.height - 50, width: 50, height: 50 };
        const enemy = { x: canvas.width / 2, y: 30, width: 50, height: 50 };
        const bullets = [];

// Détection des touches pressées sur l'écran
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Variables pour suivre les touches enfoncées
        let leftPressed = false;
        let rightPressed = false;
        let spacePressed = false;

// Fonctions pour gérer les événements des touches pressées et relâchées
        function keyDownHandler(event) {
            if (event.key === "Left" || event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "Right" || event.key === "ArrowRight") {
                rightPressed = true;
            } else if (event.key === "Spacebar" || event.key === " ") {
                spacePressed = true;
                shoot();
            }
        }

// Fonction pour faire tirer le vaisseau spatial
        function shoot() {
            bullets.push({ x: spaceship.x + spaceship.width / 2, y: spaceship.y });
        }

// Fonction de mise à jour du jeu
        function update() {
            // Effacement du canevas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Vaisseau spatial
            ctx.fillStyle = "blue";
            ctx.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);

// Ennemi
            ctx.fillStyle = "red";
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Balles
            ctx.fillStyle = "black";
            bullets.forEach(function(bullet) {
                bullet.y -= 5;
                ctx.fillRect(bullet.x, bullet.y, 2, 10);
            });

// Mise à jour de la position du vaisseau spatial
            if (leftPressed && spaceship.x > 0) {
                spaceship.x -= 5;
            } else if (rightPressed && spaceship.x < canvas.width - spaceship.width) {
                spaceship.x += 5;
            }

// Collision entre les balles et l'ennemi
            bullets.forEach(function(bullet, index) {
                if (bullet.y < 0) {
                    bullets.splice(index, 1);
                } else if (
                    bullet.x >= enemy.x &&
                    bullet.x <= enemy.x + enemy.width &&
                    bullet.y >= enemy.y &&
                    bullet.y <= enemy.y + enemy.height
                ) {
                    bullets.splice(index, 1);
                    resetEnemy();
                }
            });

// Appel de la fonction update en boucle pour créer une animation fluide
            requestAnimationFrame(update);
        }

// Fonction pour réinitialiser l'ennemi à une position aléatoire
        function resetEnemy() {
            enemy.x = Math.random() * (canvas.width - enemy.width);
        }

// Lancer le jeu
        resetEnemy();
        update();
    </script>
</body>
</html>
```

J'espère que cela correspond à ce que vous recherchiez. Si vous avez d'autres questions, n'hésitez pas à demander !