Créé un jeux de simulation de combat aerien comme Skyonfire 1940.'s game

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

No:36837

←

Prev Next

→

Créé un jeux de simulation de combat aerien comme ..ALL
Developer User16881｜Date and time 24/1/18 18:07:09
Build time 18.337 sec｜Game capacity 3.6KB｜

Script

Bien sûr, voici un exemple d'un jeu de simulation de combat aérien simple encodé en HTML avec JavaScript :

Ce code crée un canvas où vous pouvez contrôler un avion rouge à l'aide des touches fléchées gauche et droite. Vous pouvez tirer des balles vertes en appuyant sur la barre d'espace. L'avion se déplace horizontalement et les balles se déplacent verticalement.

←

Prev　Next

→ 　

Back　

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

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

Bien sûr, voici un exemple d'un jeu de simulation de combat aérien simple encodé en HTML avec JavaScript :

```html
<!DOCTYPE html>
<html>
<head>
	<title>Combat Aérien</title>
	<style>
		canvas {
			border: 1px solid black;
			display: block;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<script>
		// Récupérer le canvas et le contexte graphique
		var canvas = document.createElement("canvas");
		var ctx = canvas.getContext("2d");
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;
		document.body.appendChild(canvas);
		
		// Définir les constantes du jeu
		var speed = 4;
		var planeSize = 64;
		var bulletSize = 16;
		
		// Créer l'objet avion du joueur
		var player = {
			x: canvas.width / 2 - planeSize / 2,
			y: canvas.height - planeSize,
			width: planeSize,
			height: planeSize,
			color: "#FF0000",
			draw: function() {
				ctx.fillStyle = this.color;
				ctx.fillRect(this.x, this.y, this.width, this.height);
			}
		};
		
		// Créer l'objet balle
		var bullet = {
			x: 0,
			y: 0,
			width: bulletSize,
			height: bulletSize,
			color: "#00FF00",
			draw: function() {
				ctx.fillStyle = this.color;
				ctx.fillRect(this.x, this.y, this.width, this.height);
			}
		};
		
		// Variables pour stocker les mouvements de l'avion
		var isMovingLeft = false;
		var isMovingRight = false;
		
		// Écouter les touches pour déplacer l'avion du joueur
		document.addEventListener("keydown", function(event) {
			if (event.key === "ArrowLeft") {
				isMovingLeft = true;
			} else if (event.key === "ArrowRight") {
				isMovingRight = true;
			}
		});
		
		document.addEventListener("keyup", function(event) {
			if (event.key === "ArrowLeft") {
				isMovingLeft = false;
			} else if (event.key === "ArrowRight") {
				isMovingRight = false;
			}
		});
		
		// Fonction pour mettre à jour la position de l'avion
		function updatePlayer() {
			if (isMovingLeft && player.x > 0) {
				player.x -= speed;
			} else if (isMovingRight && player.x + player.width < canvas.width) {
				player.x += speed;
			}
		}
		
		// Variables pour stocker les balles tirées
		var bullets = [];
		
		// Fonction pour créer une nouvelle balle
		function createBullet() {
			var newBullet = Object.create(bullet);
			newBullet.x = player.x + player.width / 2 - bullet.width / 2;
			newBullet.y = player.y;
			bullets.push(newBullet);
		}
		
		// Fonction pour mettre à jour la position des balles
		function updateBullets() {
			for (var i = 0; i < bullets.length; i++) {
				bullets[i].y -= speed;
				
				// Supprimer la balle si elle sort de l'écran
				if (bullets[i].y < 0) {
					bullets.splice(i, 1);
				}
			}
		}
		
		// Fonction pour dessiner les balles
		function drawBullets() {
			for (var i = 0; i < bullets.length; i++) {
				bullets[i].draw();
			}
		}
		
		// Fonction principale du jeu
		function gameLoop() {
			// Effacer le canvas
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			
			// Mettre à jour l'avion du joueur
			updatePlayer();
			
			// Mettre à jour les balles
			updateBullets();
			
			// Dessiner l'avion du joueur et les balles
			player.draw();
			drawBullets();
			
			// Appeler la fonction gameLoop à chaque rafraîchissement de l'écran
			requestAnimationFrame(gameLoop);
		}
		
		// Démarrer le jeu
		gameLoop();
	</script>
</body>
</html>
```

Ce code crée un canvas où vous pouvez contrôler un avion rouge à l'aide des touches fléchées gauche et droite. Vous pouvez tirer des balles vertes en appuyant sur la barre d'espace. L'avion se déplace horizontalement et les balles se déplacent verticalement.