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

جزئیات محصول

دانلود پروژه بازی T-Rex Runner با استفاده از JavaScript

دانلود پروژه بازی T-Rex Runner با استفاده از JavaScript

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

خرید فایل


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

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

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

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



### پروژه: بازی T-Rex Runner با استفاده از JavaScript
 
**بازی T-Rex Runner** یک بازی ساده و سرگرم‌کننده است که با استفاده از **JavaScript**، **HTML** و **CSS** طراحی شده است. این بازی الهام‌گرفته از بازی معروف Google Chrome است که در آن کاربر به عنوان دایناسور T-Rex می‌پرد و باید از موانع مختلف بگذرد.
 
### ویژگی‌های پروژه
1. **گیم‌پلی ساده**: کاربر تنها با فشردن دکمه‌ی فاصله می‌تواند بپرد و از موانع عبور کند.
2. **گرافیک مینیمالیستی**: طراحی ساده و شفاف با گرافیک فانتزی.
3. **امتیازدهی**: امتیاز بازیکن بر اساس مسافت طی شده ثبت می‌شود.
4. **قابلیت پاسخگویی**: بازی به‌خوبی بر روی انواع دستگاه‌ها اجرا می‌شود.
 
### نحوه اجرای پروژه
1. **دانلود پروژه**: کد منبع را از لینک زیر دانلود کنید.
2. **اجرای پروژه**: فایل `index.html` را با استفاده از یک مرورگر مدرن (مانند Google Chrome یا Mozilla Firefox) باز کنید.
 
### کد منبع
 
#### کد HTML (index.html)
```html
   
   
    بازی T-Rex Runner
   
   
       
       
   
   
امتیاز: 0
   
```
 
#### کد CSS (style.css)
```css
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    background-color: #f7f7f7;
}
 
#gameArea {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: #e0e0e0;
    border: 2px solid #333;
}
 
#trex {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 40px;
    height: 40px;
    background-color: green;
}
 
#cactus {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 40px;
    background-color: brown;
}
 
#scoreBoard {
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
}
```
 
#### کد JavaScript (script.js)
```javascript
const trex = document.getElementById('trex');
const cactus = document.getElementById('cactus');
const scoreDisplay = document.getElementById('score');
let score = 0;
let isJumping = false;
 
// شروع بازی
function startGame() {
    cactus.style.animation = 'moveCactus 1.5s infinite linear';
    updateScore();
    document.addEventListener('keydown', handleKeyDown);
}
 
// پرش T-Rex
function jump() {
    if (!isJumping) {
        isJumping = true;
        trex.classList.add('jump');
        setTimeout(() => {
            trex.classList.remove('jump');
            isJumping = false;
        }, 300);
    }
}
 
// مدیریت کلیدها
function handleKeyDown(event) {
    if (event.code === 'Space') {
        jump();
    }
}
 
// بروزرسانی امتیاز
function updateScore() {
    setInterval(() => {
        score++;
        scoreDisplay.textContent = score;
    }, 1000);
}
 
// شروع بازی
startGame();
```
 
### جمع‌بندی
بازی **T-Rex Runner** یک پروژه سرگرم‌کننده و ساده برای یادگیری نحوه ساخت بازی‌های مبتنی بر JavaScript است. شما می‌توانید با افزودن ویژگی‌های جدید مانند موانع بیشتر، تغییرات گرافیکی و سطوح دشواری، بازی را گسترش دهید و تجربه کاربری جذاب‌تری را ارائه کنید.
| صفحه قابل مشاهده: دانلود پروژه بازی T-Rex Runner با استفاده از JavaScript می‌باشد