کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه: بازی سوپر بوی در جاوا اسکریپت با کد منبع
**بازی سوپر بوی** یک بازی ساده و سرگرم‌کننده است که با استفاده از **جاوا اسکریپت**، **HTML** و **CSS** توسعه یافته است. این بازی به سبک بازی‌های کلاسیک طراحی شده و به شما اجازه می‌دهد تا کنترل یک شخصیت را در یک محیط دو بعدی به دست بگیرید و موانع را پشت سر بگذارید.
### ویژگی‌های پروژه:
1. **گرافیک ساده**: طراحی ساده و کاربرپسند که برای تمام سنین مناسب است.
2. **کنترل آسان**: استفاده از کلیدهای صفحه‌کلید برای حرکت شخصیت.
3. **امتیازدهی**: جمع‌آوری امتیازها و نمایش امتیاز نهایی.
### نحوه اجرای پروژه:
1. **فایل‌های پروژه**: مطمئن شوید که فایل‌های پروژه شامل `index.html`, `style.css`, و `script.js` را دارید.
2. **باز کردن پروژه**: فایل `index.html` را در مرورگر خود باز کنید.
### کد منبع:
#### HTML (index.html)
```html
بازی سوپر بوی
```
#### CSS (style.css)
```css
body {
margin: 0;
padding: 0;
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
#gameArea {
position: relative;
width: 600px;
height: 400px;
border: 2px solid #000;
overflow: hidden;
background-color: #fff;
}
#superboy {
position: absolute;
width: 40px;
height: 40px;
background-color: blue;
bottom: 0;
left: 50px;
}
#scoreBoard {
position: absolute;
top: 10px;
left: 10px;
font-size: 20px;
}
```
#### JavaScript (script.js)
```javascript
const superboy = document.getElementById('superboy');
const scoreBoard = document.getElementById('score');
let score = 0;
// حرکت سوپر بوی
document.addEventListener('keydown', (event) => {
if (event.key === 'ArrowUp') {
jump();
}
});
// پرش سوپر بوی
function jump() {
if (superboy.classList != 'jump') {
superboy.classList.add('jump');
setTimeout(() => {
superboy.classList.remove('jump');
score++;
scoreBoard.textContent = score;
}, 300);
}
}
// استایل پرش
const style = document.createElement('style');
style.innerHTML = `
.jump {
animation: jumpAnimation 0.3s forwards;
}
@keyframes jumpAnimation {
0% { bottom: 0; }
50% { bottom: 100px; }
100% { bottom: 0; }
}
`;
document.head.appendChild(style);
```
### توضیحات کد:
1. **HTML**: شامل ساختار پایه بازی با یک ناحیه بازی و نمایش امتیاز.
2. **CSS**: طراحی ناحیه بازی و شخصیت سوپر بوی با رنگ و ابعاد مشخص.
3. **JavaScript**: شامل منطق بازی، حرکت سوپر بوی و افزایش امتیاز.
### جمع‌بندی
بازی سوپر بوی یک پروژه ساده و سرگرم‌کننده است که به شما کمک می‌کند با مفهوم توسعه بازی در جاوا اسکریپت آشنا شوید. شما میتوانید با افزودن ویژگی‌های جدید مانند موانع، انیمیشن‌های بیشتر و سیستم امتیازدهی پیشرفته، بازی را گسترش دهید و تجربه بیشتری کسب کنید.
| صفحه قابل مشاهده:
دانلود پروژه بازی سوپر بوی در جاوا اسکریپت با کد منبع می‌باشد
