دنیای پروژه

جزئیات محصول

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

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

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

خرید فایل


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

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

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

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



 ### پروژه: بازی مسابقه ماشین دیوانه با جاوا اسکریپت و کد منبع
 
این پروژه یک بازی مسابقه ماشین ساده و هیجان‌انگیز است که با استفاده از **جاوا اسکریپت**، **HTML** و **CSS** ساخته شده است. در این بازی، بازیکن می‌تواند ماشین خود را در یک مسیر حرکت دهد و از موانع عبور کند.
 
### ویژگی‌های پروژه:
1. **گرافیک ساده**: طراحی ساده و کاربرپسند برای تجربه بازی.
2. **کنترل آسان**: کاربر می‌تواند ماشین را با استفاده از کلیدهای جهت‌نما کنترل کند.
3. **امتیازدهی**: امتیاز جمع‌آوری شده با عبور از موانع و حوادث مختلف محاسبه می‌شود.
4. **تجربه هیجان‌انگیز**: با افزایش سرعت بازی و تغییر موانع، بازی چالش‌برانگیز می‌شود.
 
### نحوه اجرای پروژه:
1. **تنظیمات سرور**: این پروژه نیازی به سرور ندارد و می‌توانید آن را به‌راحتی در مرورگر خود اجرا کنید.
2. **فایل‌های پروژه**: اطمینان حاصل کنید که فایل‌های زیر را دارید:
   - `index.html`
   - `style.css`
   - `script.js`
 
### کد منبع:
 
#### 1. HTML (index.html)
```html
   
   
    بازی مسابقه ماشین دیوانه
   
   
       

بازی مسابقه ماشین دیوانه

       
           
           
       
       
امتیاز: 0
   
 
   
```
 
#### 2. CSS (style.css)
```css
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}
 
.game-container {
    text-align: center;
}
 
#game-area {
    position: relative;
    width: 300px;
    height: 500px;
    border: 2px solid #000;
    overflow: hidden;
    background-color: #eaeaea;
}
 
#car {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 80px;
    background-color: #ff0000;
}
 
#obstacle {
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 100px;
    background-color: #00ff00;
}
 
#score {
    margin-top: 20px;
    font-size: 20px;
}
```
 
#### 3. JavaScript (script.js)
```javascript
const car = document.getElementById('car');
const obstacle = document.getElementById('obstacle');
const scoreDisplay = document.getElementById('score');
let score = 0;
let isGameOver = false;
 
document.addEventListener('keydown', moveCar);
 
function moveCar(event) {
    const carPosition = car.offsetLeft;
    if (event.key === 'ArrowLeft' && carPosition > 0) {
        car.style.left = carPosition - 15 + 'px';
    } else if (event.key === 'ArrowRight' && carPosition < 260) {
        car.style.left = carPosition + 15 + 'px';
    }
}
 
function startGame() {
    obstacle.style.left = Math.random() * 250 + 'px';
    obstacle.style.top = '-100px';
    moveObstacle();
}
 
function moveObstacle() {
    let obstaclePosition = parseInt(obstacle.style.top);
    const interval = setInterval(() => {
        if (isGameOver) {
            clearInterval(interval);
            alert('بازی تمام شد! امتیاز شما: ' + score);
            return;
        }
        obstaclePosition += 5;
        obstacle.style.top = obstaclePosition + 'px';
 
        if (obstaclePosition > 500) {
            score++;
            scoreDisplay.innerText = 'امتیاز: ' + score;
            obstacle.style.top = '-100px';
            obstacle.style.left = Math.random() * 250 + 'px';
        }
 
        if (obstaclePosition > 400 && obstaclePosition < 480 && 
            (car.offsetLeft > parseInt(obstacle.style.left) - 40 && 
            car.offsetLeft < parseInt(obstacle.style.left) + 50)) {
            isGameOver = true;
        }
    }, 100);
}
 
startGame();
```
 
### جمع‌بندی
این پروژه یک بازی مسابقه ماشین ساده است که با استفاده از **جاوا اسکریپت**، **HTML** و **CSS** ساخته شده است. با اجرای این بازی می‌توانید مهارت‌های برنامه‌نویسی خود را بهبود بخشید و تجربه‌ای سرگرم‌کننده داشته باشید. می‌توانید این بازی را با افزودن ویژگی‌های جدید مانند سطح‌های مختلف، امتیازهای اضافی و غیره گسترش دهید.
| صفحه قابل مشاهده: دانلود پروژه بازی مسابقه ماشین دیوانه با جاوا اسکریپت و کد منبع می‌باشد