جزئیات محصول

دانلود پروژه بازی Shades در HTML5 و جاوا اسکریپت با کد منبع

دانلود پروژه بازی Shades در HTML5 و جاوا اسکریپت با کد منبع

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

خرید فایل


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

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

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

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


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

بازی Shades

   
   
   

   
   
```
 
#### کد CSS (styles.css)
```css
body {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}
 
#colorDisplay {
    height: 100px;
    margin: 20px auto;
    border: 1px solid #333;
}
 
.choice {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
}
 
h2 {
    color: green;
}
```
 
#### کد جاوا اسکریپت (script.js)
```javascript
const colors = generateRandomColors(6);
const pickedColor = pickColor();
const colorDisplay = document.getElementById("colorDisplay");
const choices = document.getElementById("choices");
const resultDisplay = document.getElementById("result");
const resetButton = document.getElementById("reset");
 
colorDisplay.textContent = pickedColor;
 
colors.forEach((color) => {
    const colorBlock = document.createElement("div");
    colorBlock.classList.add("choice");
    colorBlock.style.backgroundColor = color;
    colorBlock.addEventListener("click", function() {
        if (this.style.backgroundColor === pickedColor) {
            resultDisplay.textContent = "درست است!";
            changeColors(pickedColor);
        } else {
            this.style.backgroundColor = "#f0f0f0"; // رنگ خاکستری برای اشتباه
            resultDisplay.textContent = "اشتباه است!";
        }
    });
    choices.appendChild(colorBlock);
});
 
resetButton.addEventListener("click", function() {
    reset();
});
 
// توابع
function generateRandomColors(num) {
    const arr = [];
    for (let i = 0; i < num; i++) {
        arr.push(randomColor());
    }
    return arr;
}
 
function randomColor() {
    const r = Math.floor(Math.random() * 256);
    const g = Math.floor(Math.random() * 256);
    const b = Math.floor(Math.random() * 256);
    return `rgb(${r}, ${g}, ${b})`;
}
 
function pickColor() {
    const random = Math.floor(Math.random() * colors.length);
    return colors[random];
}
 
function changeColors(color) {
    const choices = document.querySelectorAll(".choice");
    choices.forEach((choice) => {
        choice.style.backgroundColor = color;
    });
}
 
function reset() {
    colors = generateRandomColors(6);
    pickedColor = pickColor();
    colorDisplay.textContent = pickedColor;
    resultDisplay.textContent = "";
    choices.innerHTML = ""; // پاک کردن انتخاب‌ها
    colors.forEach((color) => {
        const colorBlock = document.createElement("div");
        colorBlock.classList.add("choice");
        colorBlock.style.backgroundColor = color;
        colorBlock.addEventListener("click", function() {
            if (this.style.backgroundColor === pickedColor) {
                resultDisplay.textContent = "درست است!";
                changeColors(pickedColor);
            } else {
                this.style.backgroundColor = "#f0f0f0"; // رنگ خاکستری برای اشتباه
                resultDisplay.textContent = "اشتباه است!";
            }
        });
        choices.appendChild(colorBlock);
    });
}
 
// اجرای اولیه
reset();
```
 
### جمع‌بندی
این پروژه یک بازی Shades ساده و سرگرم‌کننده است که می‌تواند به عنوان یک پروژه آموزشی مفید باشد. با گسترش این بازی و اضافه کردن ویژگی‌های جدید، می‌توانید آن را به یک پروژه جذاب‌تر تبدیل کنید. این بازی نه تنها مهارت‌های برنامه‌نویسی شما را به چالش می‌کشد، بلکه می‌تواند برای کاربران نیز سرگرم‌کننده باشد.
| صفحه قابل مشاهده: دانلود پروژه بازی Shades در HTML5 و جاوا اسکریپت با کد منبع می‌باشد شما در حال مشاهده محصول "دانلود پروژه بازی Shades در HTML5 و جاوا اسکریپت با کد منبع" با شناسه 28475 هستید که تاکنون 35 بار مشاهده شده و در تاریخ Sep 30 2024 6:44PM طراحی و تولید شده است. این محصول با دقت و خلاقیت توسط تیم حرفه‌ای پرپروژه آماده شده است. قیمت این محصول 80000 تومان می‌باشد و در دسته‌بندی با شناسه 5501 قرار دارد.

محصولات تصادفی