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

جزئیات محصول

دانلود پروژه بازی ساده ضربه چاقو با استفاده از JavaScript همراه با کد منبع

دانلود پروژه بازی ساده ضربه چاقو با استفاده از JavaScript همراه با کد منبع

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

خرید فایل


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

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

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

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


 ### پروژه: بازی ساده ضربه چاقو با استفاده از JavaScript همراه با کد منبع
 
**بازی ساده ضربه چاقو** یک پروژه جذاب و تفننی است که با استفاده از **JavaScript**، **HTML** و **CSS** ساخته شده است. این بازی مشابه بازی معروف **Knife Hit** طراحی شده است و هدف اصلی بازیکن پرتاب چاقوها به سمت یک هدف چرخان است، به گونه‌ای که چاقوها به هم برخورد نکنند.
 
### ویژگی‌های بازی:
1. **گیم‌پلی ساده و جذاب**: بازیکن باید با دقت چاقوها را به سمت یک هدف در حال چرخش پرتاب کند. هر چه تعداد چاقوهای بیشتری را به درستی پرتاب کنید، امتیاز شما افزایش می‌یابد.
2. **کنترل با یک کلیک**: برای پرتاب چاقو کافی است که روی صفحه کلیک کنید یا دکمه‌ای را فشار دهید.
3. **چالش بیشتر با هر مرحله**: با پیشرفت در بازی، سرعت و الگوی چرخش هدف تغییر می‌کند تا بازی چالش‌برانگیزتر شود.
4. **گرافیک ساده و شفاف**: با طراحی ساده و جلوه‌های بصری زیبا، این بازی تجربه لذت‌بخشی را برای بازیکنان فراهم می‌کند.
 
### نحوه اجرای پروژه:
1. **دانلود پروژه**: ابتدا کد منبع بازی را دانلود کنید.
2. **اجرای پروژه**: فایل `index.html` را در مرورگر خود باز کنید. این بازی در مرورگرهای مدرن مانند **Google Chrome** یا **Mozilla Firefox** به بهترین شکل اجرا می‌شود.
3. **شروع بازی**: پس از باز کردن صفحه، می‌توانید با کلیک روی دکمه شروع، بازی را آغاز کنید و با کلیک‌های متوالی چاقوها را پرتاب کنید.
 
### ساختار کد بازی:
 
#### کد HTML (index.html)
```html
   
   
    بازی ضربه چاقو
   
   

بازی ضربه چاقو

   
       
   
   

برای پرتاب چاقو کلیک کنید!

   
```
 
#### کد CSS (style.css)
```css
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Arial', sans-serif;
    background-color: #282c34;
    color: #fff;
    margin: 0;
    padding: 20px;
}
 
#gameArea {
    position: relative;
}
 
canvas {
    border: 2px solid #fff;
    background-color: #333;
    border-radius: 50%;
}
```
 
#### کد JavaScript (script.js)
```javascript
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
const CENTER_X = canvas.width / 2;
const CENTER_Y = canvas.height / 2;
let targetAngle = 0;
let knives = [];
const TARGET_RADIUS = 100;
const KNIFE_LENGTH = 20;
 
function drawTarget() {
    ctx.save();
    ctx.translate(CENTER_X, CENTER_Y);
    ctx.rotate(targetAngle);
    ctx.fillStyle = 'brown';
    ctx.beginPath();
    ctx.arc(0, 0, TARGET_RADIUS, 0, Math.PI * 2);
    ctx.fill();
    ctx.restore();
}
 
function drawKnives() {
    ctx.fillStyle = 'red';
    knives.forEach(knife => {
        ctx.save();
        ctx.translate(CENTER_X, CENTER_Y);
        ctx.rotate(knife.angle);
        ctx.fillRect(-1, -TARGET_RADIUS - KNIFE_LENGTH, 2, KNIFE_LENGTH);
        ctx.restore();
    });
}
 
function gameLoop() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawTarget();
    drawKnives();
    targetAngle += 0.02;
 
    knives.forEach(knife => {
        if (Math.abs((targetAngle % (Math.PI * 2)) - knife.angle) < 0.05) {
            gameOver();
        }
    });
 
    requestAnimationFrame(gameLoop);
}
 
function addKnife() {
    knives.push({
        angle: targetAngle % (Math.PI * 2)
    });
}
 
function gameOver() {
    alert('بازی تمام شد!');
    knives = [];
    targetAngle = 0;
}
 
document.addEventListener('click', addKnife);
 
gameLoop();
```
 
### توضیحات کد:
1. **HTML**: بخش HTML شامل یک عنوان، توضیح و یک `` برای رسم بازی است.
2. **CSS**: این قسمت برای استایل‌دهی به صفحه و تنظیم ظاهر بازی است. یک مرز گرد برای نشان دادن هدف چرخان ایجاد شده است.
3. **JavaScript**: 
    - بازی با استفاده از یک حلقه متحرک (`gameLoop`) پیوسته هدف را رسم می‌کند و زاویه چرخش آن را تغییر می‌دهد.
    - با هر کلیک کاربر، یک چاقو به زاویه فعلی هدف اضافه می‌شود.
    - اگر چاقویی به زاویه چاقوی قبلی برخورد کند، بازی به پایان می‌رسد و پیغام "بازی تمام شد!" نمایش داده می‌شود.
 
### جمع‌بندی
**بازی ضربه چاقو** یک پروژه ساده و جذاب است که برای یادگیری برنامه‌نویسی بازی با استفاده از **JavaScript** بسیار مناسب است. این بازی به شما کمک می‌کند تا با مفاهیمی مانند انیمیشن‌ها، برخوردها، و رسم اشیاء روی یک بوم (canvas) آشنا شوید. این پروژه می‌تواند به عنوان یک تمرین خوب برای توسعه‌دهندگان تازه‌کار و علاقه‌مندان به بازی‌سازی وب باشد.
| صفحه قابل مشاهده: دانلود پروژه بازی ساده ضربه چاقو با استفاده از JavaScript همراه با کد منبع می‌باشد