کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
**پروژه: بازی تیراندازی فضایی در HTML5 و جاوا اسکریپت با کد منبع**
این پروژه یک بازی تیراندازی فضایی است که با استفاده از **HTML5** و **جاوا اسکریپت** طراحی شده است. در این بازی، شما به عنوان یک سفینه فضایی در فضا حرکت می‌کنید و باید به دشمنان شلیک کنید تا امتیاز کسب کنید. این بازی می‌تواند یک منبع عالی برای یادگیری مبانی بازی‌سازی با استفاده از تکنولوژی‌های وب باشد.
### ویژگی‌های پروژه
1. **گرافیک جذاب**: استفاده از HTML5 Canvas برای ایجاد گرافیک و انیمیشن‌های زیبا.
2. **گیم‌پلی هیجان‌انگیز**: بازیکنان می‌توانند به دشمنان شلیک کنند و از تیراندازی‌های دشمنان فرار کنند.
3. **سیستم امتیازدهی**: با از بین بردن دشمنان، بازیکنان امتیاز کسب می‌کنند.
4. **کنترل آسان**: استفاده از کلیدهای صفحه کلید برای کنترل سفینه فضایی.
### نحوه اجرای پروژه
1. **دانلود پروژه**: ابتدا کد منبع پروژه را دانلود کنید.
2. **اجرا**:
- فایل `index.html` را در یک مرورگر مدرن مانند Google Chrome یا Mozilla Firefox باز کنید.
### کد منبع
در زیر کدهای مربوط به پروژه آورده شده است:
#### کد HTML (index.html)
```html
بازی تیراندازی فضایی
امتیاز: 0
```
#### کد CSS (styles.css)
```css
body {
font-family: Arial, sans-serif;
background-color: #000;
color: #fff;
text-align: center;
}
canvas {
border: 1px solid #fff;
display: block;
margin: 0 auto;
}
#score {
margin: 20px 0;
font-size: 1.5em;
}
button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
```
#### کد جاوا اسکریپت (script.js)
```javascript
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");
const scoreDisplay = document.getElementById("score");
const startButton = document.getElementById("startButton");
let score = 0;
let isGameRunning = false;
let spaceship;
let bullets = [];
let enemies = [];
let enemyInterval;
// سفینه فضایی
class Spaceship {
constructor() {
this.width = 50;
this.height = 50;
this.x = canvas.width / 2 - this.width / 2;
this.y = canvas.height - this.height - 10;
this.color = "blue";
}
draw() {
ctx.fillStyle = this.color;
ctx.fillRect(this.x, this.y, this.width, this.height);
}
moveLeft() {
if (this.x > 0) {
this.x -= 15;
}
}
moveRight() {
if (this.x < canvas.width - this.width) {
this.x += 15;
}
}
shoot() {
bullets.push(new Bullet(this.x + this.width / 2));
}
}
// تیر
class Bullet {
constructor(x) {
this.x = x;
this.y = canvas.height - 60;
this.width = 5;
this.height = 20;
this.color = "red";
}
draw() {
ctx.fillStyle = this.color;
ctx.fillRect(this.x, this.y, this.width, this.height);
this.y -= 5;
}
}
// دشمن
class Enemy {
constructor() {
this.width = 50;
this.height = 50;
this.x = Math.random() * (canvas.width - this.width);
this.y = 0;
this.color = "green";
}
draw() {
ctx.fillStyle = this.color;
ctx.fillRect(this.x, this.y, this.width, this.height);
this.y += 2;
}
}
// شروع بازی
function startGame() {
spaceship = new Spaceship();
score = 0;
bullets = [];
enemies = [];
isGameRunning = true;
scoreDisplay.textContent = "امتیاز: " + score;
enemyInterval = setInterval(() => {
enemies.push(new Enemy());
}, 1000);
gameLoop();
}
// حلقه بازی
function gameLoop() {
if (!isGameRunning) return;
ctx.clearRect(0, 0, canvas.width, canvas.height);
spaceship.draw();
bullets.forEach((bullet, index) => {
bullet.draw();
if (bullet.y < 0) {
bullets.splice(index, 1);
}
});
enemies.forEach((enemy, enemyIndex) => {
enemy.draw();
if (enemy.y > canvas.height) {
clearInterval(enemyInterval);
isGameRunning = false;
alert("بازی تمام شد! امتیاز شما: " + score);
}
bullets.forEach((bullet, bulletIndex) => {
if (
bullet.x > enemy.x &&
bullet.x < enemy.x + enemy.width &&
bullet.y > enemy.y &&
bullet.y < enemy.y + enemy.height
) {
enemies.splice(enemyIndex, 1);
bullets.splice(bulletIndex, 1);
score++;
scoreDisplay.textContent = "امتیاز: " + score;
}
});
});
requestAnimationFrame(gameLoop);
}
// کنترل‌های صفحه کلید
window.addEventListener("keydown", (event) => {
if (event.key === "ArrowLeft") {
spaceship.moveLeft();
} else if (event.key === "ArrowRight") {
spaceship.moveRight();
} else if (event.key === " ") {
spaceship.shoot();
}
});
// شروع بازی با کلیک بر روی دکمه
startButton.addEventListener("click", startGame);
```
### جمع‌بندی
این پروژه یک بازی تیراندازی فضایی جذاب است که با استفاده از HTML5 و جاوا اسکریپت طراحی شده است. این بازی می‌تواند به عنوان یک منبع آموزشی برای یادگیری نحوه ساخت بازی‌ها با استفاده از تکنولوژی‌های وب استفاده شود. با اضافه کردن ویژگی‌های بیشتر مانند سطوح مختلف، سلاح‌های جدید، و گرافیک بهبود یافته، میتوانید بازی را جذاب‌تر کنید.
| صفحه قابل مشاهده:
دانلود پروژه بازی تیراندازی فضایی در HTML5 و جاوا اسکریپت با کد منبع می‌باشد
