مرجع تخصصی پروژه ها و فایل ها

جزئیات محصول

دانلود پروژه بازی

دانلود پروژه بازی "Prism Color Match" با استفاده از JavaScript

قیمت: 80,000 تومان

خرید فایل


مشاهده پیشنمایش

پیشنمایش برای محصولاتی که نیاز به نمایش دمو دارند می باشد

 کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش سایر  بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.

در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد


### پروژه: بازی "Prism Color Match" با استفاده از JavaScript
 
**بازی Prism Color Match** یک بازی جذاب است که با استفاده از **JavaScript**، **HTML** و **CSS** طراحی شده است. در این بازی، کاربران باید رنگ‌هایی که توسط یک منشور تولید می‌شوند را با رنگ‌های مشابه مطابقت دهند. این بازی مهارت‌های تشخیص رنگ و دقت کاربران را به چالش می‌کشد و می‌تواند یک ابزار جالب برای تمرین تطابق رنگ‌ها باشد.
 
### ویژگی‌های پروژه
1. **گیم‌پلی ساده و جذاب**: هدف بازیکن این است که رنگ‌های تولید شده توسط منشور را با رنگ‌های مناسب تطبیق دهد.
2. **گرافیک بصری**: طراحی گرافیکی بازی با استفاده از رنگ‌های شاد و منشورهای زیبا، باعث جذاب‌تر شدن محیط بازی می‌شود.
3. **سطوح مختلف**: بازی دارای سطوح متفاوتی است که با پیشرفت بازیکن، دشواری آنها افزایش می‌یابد.
4. **امتیازدهی**: در پایان هر مرحله، امتیاز بازیکن محاسبه می‌شود و می‌تواند امتیاز خود را با دیگران مقایسه کند.
 
### نحوه اجرای پروژه
1. **دانلود پروژه**: برای شروع، کد منبع را دانلود کنید.
2. **اجرای پروژه**: فایل `index.html` را در یک مرورگر مدرن (مانند Google Chrome یا Mozilla Firefox) باز کنید.
3. **شروع بازی**: پس از باز کردن صفحه، با کلیک بر روی دکمه "شروع بازی"، می‌توانید به بازی بپردازید و سعی کنید رنگ‌های منشور را به درستی تطبیق دهید.
 
### کد منبع
 
#### کد HTML (index.html)
```html
   
   
    بازی Prism Color Match
   
   
       

بازی تطبیق رنگ منشور

       
       
           
           
           
       
       

امتیاز: 0

   
   
```
 
#### کد CSS (style.css)
```css
body {
    font-family: 'Arial', sans-serif;
    background-color: #f0f0f0;
    text-align: center;
}
 
.game-container {
    margin: 50px auto;
    width: 80%;
    max-width: 400px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
 
.prism {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border-radius: 50%;
    background-color: #3498db;
}
 
.color-options {
    margin: 20px 0;
}
 
.color-btn {
    width: 80px;
    height: 40px;
    margin: 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
 
#score {
    font-size: 20px;
    margin-top: 20px;
}
```
 
#### کد JavaScript (script.js)
```javascript
const prism = document.getElementById('prismColor');
const colorButtons = document.querySelectorAll('.color-btn');
const scoreDisplay = document.getElementById('score');
 
let score = 0;
 
// رنگ‌های تصادفی برای منشور و دکمه‌ها
function generateColors() {
    const colors = ['#3498db', '#e74c3c', '#2ecc71', '#f1c40f'];
    const randomColor = colors[Math.floor(Math.random() * colors.length)];
    prism.style.backgroundColor = randomColor;
 
    colorButtons.forEach(button => {
        const randomBtnColor = colors[Math.floor(Math.random() * colors.length)];
        button.style.backgroundColor = randomBtnColor;
        button.onclick = () => checkMatch(randomColor, randomBtnColor);
    });
}
 
// بررسی تطابق رنگ‌ها
function checkMatch(prismColor, btnColor) {
    if (prismColor === btnColor) {
        score += 10;
        alert('تبریک! رنگ‌ها با هم تطبیق داشتند.');
    } else {
        alert('متاسفانه رنگ‌ها مطابقت نداشتند. دوباره امتحان کنید.');
    }
    scoreDisplay.textContent = `امتیاز: ${score}`;
    generateColors();
}
 
// شروع بازی
generateColors();
```
 
### جمع‌بندی
**بازی Prism Color Match** یک پروژه ساده و جالب است که با استفاده از JavaScript ساخته شده و می‌تواند مهارت‌های کاربر را در تطبیق رنگ‌ها به چالش بکشد. این پروژه برای یادگیری اصول پایه JavaScript، HTML و CSS مناسب است و قابلیت‌های زیادی برای گسترش و بهبود دارد، مانند اضافه کردن تایمر یا سطوح دشواری بیشتر برای افزایش چالش بازی.
| صفحه قابل مشاهده: دانلود پروژه بازی "Prism Color Match" با استفاده از JavaScript می‌باشد