کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه: بازی "Last Colony" با استفاده از JavaScript همراه با کد منبع
**بازی Last Colony** یک بازی استراتژیک و اکشن است که به طور کامل با استفاده از **JavaScript**، **HTML**، و **CSS** طراحی شده است. در این بازی، شما باید به عنوان فرمانده یک کلونی آخرین منابع خود را برای دفاع از پایگاه خود و نابودی دشمنان استفاده کنید. هدف اصلی بازی، زنده ماندن و توسعه پایگاه شما در مقابل هجوم دشمنان است.
### ویژگی‌های بازی:
1. **گیم‌پلی اکشن و استراتژیک**: در این بازی شما باید پایگاه خود را مدیریت کنید، منابع جمع‌آوری کنید و نیروهای خود را برای دفاع از کلونی آماده کنید.
2. **گرافیک دوبعدی زیبا**: بازی با گرافیک دوبعدی و طراحی بصری جذاب ارائه شده است که باعث می‌شود تجربه بازی لذت‌بخش‌تر شود.
3. **کنترل‌های آسان**: کنترل‌های بازی ساده هستند و شما میتوانید با استفاده از کیبورد و ماوس به راحتی بازی را کنترل کنید.
4. **سطوح مختلف دشواری**: بازی دارای سطوح مختلف است که با پیشرفت شما، سطح دشواری بازی نیز افزایش پیدا می‌کند.
### نحوه اجرای پروژه:
1. **دانلود پروژه**: ابتدا کد منبع بازی را دانلود کنید.
2. **اجرای پروژه**: فایل `index.html` را در مرورگر خود باز کنید. این بازی در مرورگرهای مدرن مانند **Google Chrome** یا **Mozilla Firefox** به بهترین شکل اجرا می‌شود.
3. **شروع بازی**: پس از باز کردن صفحه، با کلیک بر روی دکمه "شروع بازی" میتوانید بازی را شروع کرده و برای دفاع از کلونی خود آماده شوید.
### ساختار کد بازی:
#### کد HTML (index.html)
```html
بازی Last Colony
```
#### کد CSS (style.css)
```css
body {
font-family: 'Arial', sans-serif;
background-color: #222;
color: #fff;
text-align: center;
margin: 0;
padding: 0;
}
#game-container {
width: 800px;
height: 600px;
margin: 20px auto;
position: relative;
}
#gameCanvas {
width: 100%;
height: 100%;
background-color: #000;
border: 2px solid #fff;
}
#controls {
margin-top: 20px;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
```
#### کد JavaScript (script.js)
```javascript
document.addEventListener('DOMContentLoaded', (event) => {
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
canvas.width = 800;
canvas.height = 600;
// متغیرهای بازی
let player = { x: 400, y: 300, size: 20, speed: 5 };
let enemies = [];
let isGameRunning = false;
// شروع بازی
document.getElementById('startGame').addEventListener('click', () => {
isGameRunning = true;
startGame();
});
// تابع شروع بازی
function startGame() {
enemies = []; // ایجاد دشمنان جدید
player.x = 400; // بازگرداندن موقعیت بازیکن
player.y = 300;
// حلقه بازی
requestAnimationFrame(gameLoop);
}
// حلقه اصلی بازی
function gameLoop() {
if (!isGameRunning) return;
// پاک کردن صفحه
ctx.clearRect(0, 0, canvas.width, canvas.height);
// رسم بازیکن
ctx.fillStyle = 'blue';
ctx.fillRect(player.x, player.y, player.size, player.size);
// به‌روزرسانی و رسم دشمنان
updateEnemies();
drawEnemies();
// کنترل‌های بازیکن
handleInput();
// حلقه ادامه
requestAnimationFrame(gameLoop);
}
// به‌روزرسانی دشمنان
function updateEnemies() {
// اضافه کردن دشمن جدید به بازی
if (Math.random() < 0.02) {
let size = Math.random() * 20 + 10;
enemies.push({
x: Math.random() * canvas.width,
y: 0,
size: size,
speed: Math.random() * 3 + 1
});
}
// حرکت دشمنان
enemies.forEach(enemy => {
enemy.y += enemy.speed;
// برخورد با بازیکن
if (
enemy.x < player.x + player.size &&
enemy.x + enemy.size > player.x &&
enemy.y < player.y + player.size &&
enemy.y + enemy.size > player.y
) {
isGameRunning = false;
alert('باختی! دوباره تلاش کن.');
}
});
// حذف دشمنانی که از صفحه عبور کرده‌اند
enemies = enemies.filter(enemy => enemy.y < canvas.height);
}
// رسم دشمنان
function drawEnemies() {
ctx.fillStyle = 'red';
enemies.forEach(enemy => {
ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size);
});
}
// کنترل‌های بازیکن
function handleInput() {
window.addEventListener('keydown', (e) => {
switch (e.key) {
case 'ArrowUp':
player.y -= player.speed;
break;
case 'ArrowDown':
player.y += player.speed;
break;
case 'ArrowLeft':
player.x -= player.speed;
break;
case 'ArrowRight':
player.x += player.speed;
break;
}
});
}
});
```
### جمع‌بندی
**بازی Last Colony** یک پروژه ساده و سرگرم‌کننده است که با استفاده از JavaScript و HTML ساخته شده است. این بازی به کاربران اجازه می‌دهد مهارت‌های دفاعی و مدیریت منابع خود را به چالش بکشند. همچنین، می‌تواند به توسعه‌دهندگان تازه‌کار کمک کند تا مهارت‌های برنامه‌نویسی خود را بهبود بخشند و با اصول ساخت بازی‌های دوبعدی آشنا شوند. این بازی پتانسیل خوبی برای افزودن ویژگی‌های جدید مانند مراحل مختلف، انواع دشمنان و سیستم‌های ارتقاء دارد.
| صفحه قابل مشاهده:
دانلود پروژه بازی "Last Colony" با استفاده از JavaScript همراه با کد منبع می‌باشد
