AI game creator

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

No:15559

110

←

Prev Next

→

Shooting Game
Developer User6662｜Date and time 23/9/9 22:20:09
Build time 40.286 sec｜Game capacity 3.386KB｜

Script

لعبة إطلاق النار

←

Prev　Next

→ 　

Back　

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

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

لعبة إطلاق النار

<!DOCTYPE html>
<html>
<head>
<title>لعبة إطلاق النار</title>
<style>
canvas {
   border: 1px solid black;
}
</style>
</head>
<body>
<script>
// تعيين المتغيرات الأساسية
var canvas;
var context;
var player;
var bullets = [];
var targets = [];
var score = 0;

// تحضير اللعبة عند تحميل الصفحة
window.onload = function() {
   canvas = document.createElement("canvas");
   context = canvas.getContext("2d");
   canvas.width = window.innerWidth;
   canvas.height = window.innerHeight;
   document.body.appendChild(canvas);
   startGame();
   document.addEventListener("keydown", shoot);
};

// بدء اللعبة
function startGame() {
   player = new Player(canvas.width / 2, canvas.height - 50);
   setInterval(updateGameArea, 20);
}

// تحديث اللعبة
function updateGameArea() {
   clearCanvas();
   player.update();
   updateBullets();
   updateTargets();
   checkCollision();
   drawScore();
}

// مسح الرسم القديم
function clearCanvas() {
   context.clearRect(0, 0, canvas.width, canvas.height);
}

// التحكم بحركة اللاعب
function movePlayer(event) {
   var x = event.touches[0].clientX;
   player.x = x;
}

// إطلاق النار بالضغط على الشاشة
function shoot() {
   var bullet = new Bullet(player.x, player.y);
   bullets.push(bullet);
}

// تحديث حركة الرصاص
function updateBullets() {
   for (var i = 0; i < bullets.length; i++) {
      if (bullets[i].y < 0) {
         bullets.splice(i, 1);
      } else {
         bullets[i].update();
      }
   }
}

// تحديث حركة الأهداف
function updateTargets() {
   if (Math.random() < 0.05) {
      var target = new Target(Math.random() * canvas.width, 0);
      targets.push(target);
   }

for (var i = 0; i < targets.length; i++) {
      if (targets[i].y > canvas.height) {
         targets.splice(i, 1);
      } else {
         targets[i].update();
      }
   }
}

// الكشف عن تصادم بين الرصاص والأهداف
function checkCollision() {
   for (var i = 0; i < bullets.length; i++) {
      for (var j = 0; j < targets.length; j++) {
         if (bullets[i].x < targets[j].x + 50 &&
             bullets[i].x + 10 > targets[j].x &&
             bullets[i].y < targets[j].y + 50 &&
             bullets[i].y + 20 > targets[j].y) {
               targets.splice(j, 1);
               bullets.splice(i, 1);
               score += 10;
         }
      }
   }
}

// رسم النقاط على الشاشة
function drawScore() {
   context.font = "20px Arial";
   context.fillStyle = "black";
   context.fillText("النقاط: " + score, 20, 40);
}

// تعريف لاعب اللعبة
function Player(x, y) {
   this.x = x;
   this.y = y;

this.update = function() {
      context.fillStyle = "blue";
      context.fillRect(this.x, this.y, 10, 50);
   }
}

// تعريف الرصاص
function Bullet(x, y) {
   this.x = x;
   this.y = y;

this.update = function() {
      this.y -= 10;
      context.fillStyle = "red";
      context.fillRect(this.x, this.y, 10, 20);
   }
}

// تعريف الأهداف
function Target(x, y) {
   this.x = x;
   this.y = y;

this.update = function() {
      this.y += 3;
      context.fillStyle = "green";
      context.fillRect(this.x, this.y, 50, 50);
   }
}
</script>
</body>
</html>