کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه: بازی نقش‌آفرینی مارول (Marvel Role-Playing Game) با استفاده از JavaScript و کد منبع
بازی **نقش‌آفرینی مارول** یک پروژه سرگرم‌کننده و جذاب است که با استفاده از **JavaScript** ساخته شده است. این بازی به کاربران امکان می‌دهد تا به عنوان قهرمانان مارول در دنیای خیالی آن‌ها بازی کنند و با دشمنان مبارزه کنند. این پروژه می‌تواند به عنوان یک ابزار آموزشی برای یادگیری برنامه‌نویسی JavaScript و توسعه بازی‌های وب مورد استفاده قرار گیرد.
### ویژگی‌های پروژه
1. **انتخاب قهرمان**: کاربران می‌توانند قهرمان مورد نظر خود را از میان شخصیت‌های محبوب مارول انتخاب کنند.
2. **مبارزه با دشمنان**: کاربران می‌توانند با دشمنان مختلف مبارزه کنند و امتیاز کسب کنند.
3. **جمع‌آوری امتیاز**: کاربران می‌توانند امتیازاتی را که در طول بازی کسب می‌کنند، جمع‌آوری کنند و به سطح‌های بالاتر برسند.
4. **گرافیک جذاب**: استفاده از تصاویر و انیمیشن‌ها برای بهبود تجربه کاربری.
### ساختار پروژه
#### 1. فایل HTML (index.html)
```html
بازی نقش‌آفرینی مارول
بازی نقش‌آفرینی مارول
قهرمان خود را انتخاب کنید
```
#### 2. فایل CSS (style.css)
```css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
text-align: center;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
border: 1px solid #333;
border-radius: 10px;
background-color: #fff;
}
#characters div {
display: inline-block;
margin: 10px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
transition: background-color 0.3s;
}
#characters div:hover {
background-color: #e0e0e0;
}
#enemy {
margin: 20px 0;
}
```
#### 3. فایل JavaScript (script.js)
```javascript
const characters = [
{ name: 'Iron Man', health: 100, attack: 20 },
{ name: 'Thor', health: 120, attack: 25 },
{ name: 'Hulk', health: 150, attack: 30 },
{ name: 'Black Widow', health: 80, attack: 15 }
];
const enemies = [
{ name: 'Loki', health: 80, attack: 15 },
{ name: 'Thanos', health: 200, attack: 35 },
{ name: 'Ultron', health: 100, attack: 20 }
];
let selectedCharacter = null;
let currentEnemy = null;
function loadCharacters() {
const characterDiv = document.getElementById('characters');
characters.forEach((character, index) => {
const div = document.createElement('div');
div.innerHTML = character.name;
div.onclick = () => selectCharacter(index);
characterDiv.appendChild(div);
});
}
function selectCharacter(index) {
selectedCharacter = characters[index];
currentEnemy = enemies[Math.floor(Math.random() * enemies.length)];
document.getElementById('character-selection').style.display = 'none';
document.getElementById('battle-area').style.display = 'block';
document.getElementById('enemy').innerHTML = `دشمن: ${currentEnemy.name} (سلامت: ${currentEnemy.health})`;
}
document.getElementById('attack-button').onclick = () => {
if (selectedCharacter && currentEnemy) {
currentEnemy.health -= selectedCharacter.attack;
document.getElementById('battle-log').innerHTML += `
${selectedCharacter.name} به ${currentEnemy.name} حمله کرد!
`;
if (currentEnemy.health <= 0) {
document.getElementById('battle-log').innerHTML += `
${currentEnemy.name} شکست خورد!
`;
document.getElementById('reset-button').style.display = 'block';
return;
}
enemyAttack();
}
};
document.getElementById('defend-button').onclick = () => {
document.getElementById('battle-log').innerHTML += `
${selectedCharacter.name} دفاع کرد!
`;
enemyAttack();
};
function enemyAttack() {
if (currentEnemy) {
selectedCharacter.health -= currentEnemy.attack;
document.getElementById('battle-log').innerHTML += `
${currentEnemy.name} به ${selectedCharacter.name} حمله کرد!
`;
if (selectedCharacter.health <= 0) {
document.getElementById('battle-log').innerHTML += `
${selectedCharacter.name} شکست خورد!
`;
document.getElementById('reset-button').style.display = 'block';
}
}
}
document.getElementById('reset-button').onclick = () => {
selectedCharacter = null;
currentEnemy = null;
document.getElementById('battle-log').innerHTML = '';
document.getElementById('reset-button').style.display = 'none';
document.getElementById('battle-area').style.display = 'none';
document.getElementById('character-selection').style.display = 'block';
loadCharacters();
};
// بارگذاری شخصیت‌ها در ابتدای بازی
loadCharacters();
```
### توضیحات کد:
- **HTML**: شامل انتخاب شخصیت، منطقه مبارزه و دکمه‌ها برای انجام اقدام‌ها است.
- **CSS**: برای طراحی و زیبایی بصری بازی استفاده شده است.
- **JavaScript**: شامل منطق انتخاب شخصیت، مبارزه و مدیریت وضعیت سلامت شخصیت‌ها و دشمنان است.
### نحوه اجرای پروژه
1. **دانلود پروژه**: فایل‌های پروژه را از لینک مربوطه دانلود کنید.
2. **اجرای پروژه**: با باز کردن فایل `index.html` در مرورگر خود، میتوانید بازی را شروع کنید.
### جمع‌بندی
بازی **نقش‌آفرینی مارول** یک پروژه جالب و آموزنده برای یادگیری **JavaScript** و توسعه بازی‌های وب است. این بازی می‌تواند با افزودن ویژگی‌های جدید مانند سطوح مختلف، انواع دشمنان یا قهرمانان بیشتر شخصی‌سازی شود. این پروژه به شما کمک می‌کند تا مفاهیم مختلف برنامه‌نویسی و تعاملات کاربری را درک کنید.
| صفحه قابل مشاهده:
دانلود پروژه بازی نقش‌آفرینی مارول (Marvel Role-Playing Game) با استفاده از JavaScript و کد منبع می‌باشد
