کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه بازی با جاوااسکریپت سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه: بازی Tower Platformer با استفاده از JavaScript
**بازی Tower Platformer** یک بازی پلتفرمر جذاب است که با استفاده از **JavaScript، HTML و CSS** طراحی شده است. در این بازی، شما باید با کنترل شخصیت خود از موانع عبور کنید و در سطوح مختلف حرکت کنید تا به بالای برج برسید.
### ویژگی‌های پروژه
1. **گرافیک ساده و جذاب**: طراحی محیط بازی و شخصیت با گرافیک ساده و کاربرپسند.
2. **گیم‌پلی چالش‌برانگیز**: عبور از موانع و جمع‌آوری امتیاز در حین پیشرفت در بازی.
3. **کنترل‌های آسان**: استفاده از کلیدهای صفحه‌کلید برای کنترل شخصیت.
4. **امتیازدهی**: ثبت امتیاز شما بر اساس تعداد مراحل عبور کرده.
### نحوه اجرای پروژه
1. **دانلود پروژه**: کد منبع را از لینک زیر دانلود کنید.
2. **اجرای پروژه**: فایل `index.html` را با استفاده از یک مرورگر مدرن (مانند Google Chrome یا Mozilla Firefox) باز کنید.
### کد منبع
#### کد HTML (index.html)
```html
بازی Tower Platformer
```
#### کد CSS (style.css)
```css
body {
margin: 0;
overflow: hidden;
background-color: #87CEEB; /* آبی آسمانی */
}
canvas {
display: block;
margin: 0 auto;
background-color: #FFF;
border: 1px solid #000;
}
```
#### کد JavaScript (script.js)
```javascript
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
let player = {
x: 50,
y: canvas.height - 70,
width: 50,
height: 50,
speed: 5,
gravity: 1,
jumpPower: 15,
dy: 0,
isJumping: false
};
let platforms = [];
let score = 0;
function createPlatforms() {
for (let i = 0; i < 5; i++) {
let platformX = Math.random() * (canvas.width - 100);
let platformY = canvas.height - (i * 150) - 50;
platforms.push({ x: platformX, y: platformY, width: 100, height: 10 });
}
}
function drawPlayer() {
ctx.fillStyle = 'red';
ctx.fillRect(player.x, player.y, player.width, player.height);
}
function drawPlatforms() {
ctx.fillStyle = 'green';
platforms.forEach(platform => {
ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
});
}
function update() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
player.dy += player.gravity;
player.y += player.dy;
// زمین‌خوردن شخصیت
if (player.y + player.height >= canvas.height) {
player.y = canvas.height - player.height;
player.dy = 0;
player.isJumping = false;
}
// چک کردن برخورد با سکوها
platforms.forEach(platform => {
if (player.x < platform.x + platform.width &&
player.x + player.width > platform.x &&
player.y + player.height < platform.y + platform.height &&
player.y + player.height + player.dy >= platform.y) {
player.y = platform.y - player.height;
player.dy = 0;
player.isJumping = false;
}
});
drawPlayer();
drawPlatforms();
requestAnimationFrame(update);
}
document.addEventListener('keydown', function(event) {
if (event.key === 'ArrowLeft') {
player.x -= player.speed;
}
if (event.key === 'ArrowRight') {
player.x += player.speed;
}
if (event.key === 'ArrowUp' && !player.isJumping) {
player.dy = -player.jumpPower;
player.isJumping = true;
}
});
// ایجاد سکوها
createPlatforms();
update();
```
### جمع‌بندی
بازی **Tower Platformer** یک پروژه عالی برای یادگیری نحوه ساخت بازی‌های پلتفرمر با استفاده از HTML و JavaScript است. شما میتوانید با افزودن ویژگی‌های جدید مانند سطوح مختلف، امتیازدهی و انواع مختلف موانع، بازی را گسترش دهید و تجربه کاربری جذاب‌تری را ارائه کنید.
| صفحه قابل مشاهده:
دانلود پروژه بازی Tower Platformer با استفاده از JavaScript می‌باشد
