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

جزئیات محصول

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

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

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

خرید فایل


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

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

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

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



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