جزئیات محصول

دانلود پروژه بازی Duck Hunt در HTML5 و جاوا اسکریپت با کد منبع

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

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

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

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

**پروژه: بازی Duck Hunt در HTML5 و جاوا اسکریپت با کد منبع**

این پروژه یک بازی **Duck Hunt** است که با استفاده از **HTML5** و **جاوا اسکریپت** طراحی شده است. این بازی یک تجربه سرگرم‌کننده را ارائه می‌دهد که در آن بازیکن باید به طور هدفمند به اردک‌ها شلیک کند. این بازی به‌خوبی می‌تواند در مرورگر اجرا شود و برای همه سنین مناسب است.

### ویژگی‌های پروژه

1. **گرافیک جذاب**: طراحی رنگارنگ و انیمیشن‌های جذاب.

2. **کنترل ساده**: بازیکنان می‌توانند با کلیک موس به اردک‌ها شلیک کنند.

3. **امتیازدهی**: با هر شلیک موفق، امتیاز دریافت می‌کنید.

4. **صدا**: افکت‌های صوتی برای شلیک و پرواز اردک‌ها.

### نحوه اجرای پروژه

1. **دانلود پروژه**: ابتدا کد منبع پروژه را دانلود کنید.

2. **اجرای پروژه**:

- فایل `index.html` را در یک مرورگر مدرن مانند Google Chrome یا Mozilla Firefox باز کنید تا بازی را مشاهده کنید.

### کد منبع

در زیر کدهای مربوط به پروژه آورده شده است:

#### کد HTML (index.html)

```html

بازی Duck Hunt

امتیاز: 0

```

#### کد CSS (styles.css)

```css

body {

font-family: Arial, sans-serif;

text-align: center;

background-color: #f0f0f0;

margin: 0;

padding: 0;

}

canvas {

border: 1px solid #333;

background-color: #a3d8f4;

}

```

#### کد جاوا اسکریپت (script.js)

```javascript

const canvas = document.getElementById("gameCanvas");

const ctx = canvas.getContext("2d");

let score = 0;

let ducks = [];

let isGameRunning = false;

function Duck() {

this.x = Math.random() * canvas.width;

this.y = canvas.height;

this.speed = Math.random() * 2 + 1; // سرعت تصادفی

}

Duck.prototype.draw = function() {

ctx.fillStyle = "orange";

ctx.beginPath();

ctx.arc(this.x, this.y, 20, 0, Math.PI * 2);

ctx.fill();

};

Duck.prototype.update = function() {

this.y -= this.speed; // حرکت به سمت بالا

};

function spawnDuck() {

if (isGameRunning) {

ducks.push(new Duck());

setTimeout(spawnDuck, 1500); // هر 1.5 ثانیه یک اردک به بازی اضافه می‌شود

}

function drawScore() {

ctx.fillStyle = "black";

ctx.font = "24px Arial";

ctx.fillText("امتیاز: " + score, 10, 30);

}

function update() {

ctx.clearRect(0, 0, canvas.width, canvas.height);

drawScore();

for (let i = 0; i < ducks.length; i++) {

ducks[i].update();

ducks[i].draw();

// اگر اردک از صفحه خارج شود، از لیست حذف می‌شود

if (ducks[i].y < 0) {

ducks.splice(i, 1);

i--;

}

requestAnimationFrame(update);

}

function shoot(event) {

const mouseX = event.clientX - canvas.getBoundingClientRect().left;

const mouseY = event.clientY - canvas.getBoundingClientRect().top;

for (let i = 0; i < ducks.length; i++) {

const dx = ducks[i].x - mouseX;

const dy = ducks[i].y - mouseY;

if (Math.sqrt(dx * dx + dy * dy) < 20) {

score++;

ducks.splice(i, 1); // اردک را از لیست حذف می‌کند

break;

}

document.getElementById("startButton").addEventListener("click", function() {

score = 0;

ducks = [];

isGameRunning = true;

spawnDuck();

update();

});

canvas.addEventListener("click", shoot);

```

### جمع‌بندی

این پروژه یک بازی Duck Hunt جذاب است که به بازیکنان این امکان را می‌دهد تا مهارت‌های خود را در هدف‌گیری آزمایش کنند. با توسعه بیشتر و اضافه کردن ویژگی‌های جدید مانند سطوح مختلف یا چالش‌های بیشتر، می‌توانید این بازی را به یک تجربه سرگرم‌کننده‌تر تبدیل کنید. این بازی می‌تواند به‌عنوان یک پروژه آموزشی برای یادگیری جاوا اسکریپت و HTML5 مفید باشد.

| صفحه قابل مشاهده: دانلود پروژه بازی Duck Hunt در HTML5 و جاوا اسکریپت با کد منبع می‌باشد شما در حال مشاهده محصول "دانلود پروژه بازی Duck Hunt در HTML5 و جاوا اسکریپت با کد منبع" با شناسه 28479 هستید که تاکنون 37 بار مشاهده شده و در تاریخ Sep 30 2024 6:50PM طراحی و تولید شده است. این محصول با دقت و خلاقیت توسط تیم حرفه‌ای پرپروژه آماده شده است. قیمت این محصول 80000 تومان می‌باشد و در دسته‌بندی با شناسه 5501 قرار دارد.