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

جزئیات محصول

دانلود پروژه بازی مار (Snake Game) با استفاده از AngularJS و کد منبع

دانلود پروژه بازی مار (Snake Game) با استفاده از AngularJS و کد منبع

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

خرید فایل


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

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

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

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



 ### پروژه: بازی مار (Snake Game) با استفاده از AngularJS و کد منبع
 
بازی **مار** یکی از بازی‌های کلاسیک است که با استفاده از **AngularJS** می‌تواند به سادگی پیاده‌سازی شود. این پروژه شامل منطق بازی، رابط کاربری و تعاملات بازیکن است.
 
### ویژگی‌های پروژه
1. **گرافیک ساده**: طراحی مینیمالیستی و کاربرپسند برای تجربه بهتر بازیکن.
2. **کنترل آسان**: امکان کنترل مار با استفاده از دکمه‌های جهت‌دار.
3. **جمع‌آوری غذا**: مار می‌تواند غذاها را جمع‌آوری کرده و طول آن افزایش یابد.
4. **بازی با زمان**: امتیاز بر اساس تعداد غذاهای جمع‌آوری‌شده محاسبه می‌شود.
 
### ساختار پروژه
 
#### 1. فایل HTML (index.html)
```html
   
   
    بازی مار
   
   
   
       

بازی مار

       
       
           
           
           
           
       
       

امتیاز: {{ score }}

   
   
```
 
#### 2. فایل CSS (style.css)
```css
body {
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
}
 
.container {
    text-align: center;
    margin-top: 50px;
}
 
canvas {
    border: 1px solid #333;
}
 
button {
    padding: 10px 15px;
    font-size: 16px;
    margin: 5px;
    cursor: pointer;
}
```
 
#### 3. فایل JavaScript (script.js)
```javascript
const app = angular.module('snakeGameApp', []);
 
app.controller('GameController', function($scope, $timeout) {
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    const box = 20; // اندازه هر باکس
    let snake = [{ x: 9 * box, y: 9 * box }];
    let food = { x: Math.floor(Math.random() * 20) * box, y: Math.floor(Math.random() * 20) * box };
    let score = 0;
    let direction;
 
    $scope.score = score;
 
    document.addEventListener('keydown', directionControl);
 
    function directionControl(event) {
        if (event.keyCode === 37 && direction !== 'right') {
            direction = 'left';
        } else if (event.keyCode === 38 && direction !== 'down') {
            direction = 'up';
        } else if (event.keyCode === 39 && direction !== 'left') {
            direction = 'right';
        } else if (event.keyCode === 40 && direction !== 'up') {
            direction = 'down';
        }
    }
 
    $scope.move = function(dir) {
        direction = dir;
    };
 
    function draw() {
        ctx.fillStyle = '#f0f0f0';
        ctx.fillRect(0, 0, canvas.width, canvas.height);
 
        for (let i = 0; i < snake.length; i++) {
            ctx.fillStyle = (i === 0) ? 'green' : 'lightgreen';
            ctx.fillRect(snake[i].x, snake[i].y, box, box);
            ctx.strokeStyle = 'darkgreen';
            ctx.strokeRect(snake[i].x, snake[i].y, box, box);
        }
 
        ctx.fillStyle = 'red';
        ctx.fillRect(food.x, food.y, box, box);
 
        let snakeX = snake[0].x;
        let snakeY = snake[0].y;
 
        if (direction === 'left') snakeX -= box;
        if (direction === 'up') snakeY -= box;
        if (direction === 'right') snakeX += box;
        if (direction === 'down') snakeY += box;
 
        if (snakeX === food.x && snakeY === food.y) {
            score++;
            $scope.score = score;
            food = { x: Math.floor(Math.random() * 20) * box, y: Math.floor(Math.random() * 20) * box };
        } else {
            snake.pop();
        }
 
        const newHead = { x: snakeX, y: snakeY };
 
        if (snakeX < 0 || snakeY < 0 || snakeX >= canvas.width || snakeY >= canvas.height || collision(newHead, snake)) {
            clearInterval(game);
            alert('بازی تمام شد! امتیاز شما: ' + score);
        }
 
        snake.unshift(newHead);
    }
 
    function collision(head, array) {
        for (let i = 0; i < array.length; i++) {
            if (head.x === array[i].x && head.y === array[i].y) {
                return true;
            }
        }
        return false;
    }
 
    const game = setInterval(draw, 100);
});
```
 
### توضیحات کد:
- **HTML**: شامل یک `` برای بازی و دکمه‌های کنترلی است.
- **CSS**: برای طراحی ساده و زیبا استفاده شده است.
- **JavaScript (AngularJS)**: شامل منطق بازی، رسم مار و غذا و کنترل‌های بازیکن است.
 
### نحوه اجرای پروژه
1. **دانلود پروژه**: فایل‌های پروژه را از لینک مربوطه دانلود کنید.
2. **اجرای پروژه**: با باز کردن فایل `index.html` در مرورگر خود، می‌توانید بازی را شروع کنید.
 
### جمع‌بندی
بازی **مار** یک پروژه عالی برای یادگیری **AngularJS** و پیاده‌سازی منطق بازی‌های ساده است. شما می‌توانید این پروژه را با افزودن ویژگی‌های جدید مانند سطوح مختلف یا حالت‌های بازی مختلف شخصی‌سازی کنید. این پروژه به شما کمک می‌کند تا مفاهیم مختلف برنامه‌نویسی وب و تعاملات کاربری را درک کنید.
| صفحه قابل مشاهده: دانلود پروژه بازی مار (Snake Game) با استفاده از AngularJS و کد منبع می‌باشد