خواندن ۵ دقیقه·۶ ماه پیش

چگونه از PHP برای توسعه بازی‌های ساده وب استفاده کنیم؟

سلام رفیق! اگه دنبال اینی که یه بازی ساده و باحال برای وب بسازی و میخوای از PHP استفاده کنی، جای درستی اومدی! تو این مقاله قراره قدم به قدم باهم یاد بگیریم چطور میتونیم با PHP بازیهای ساده وب بسازیم. از مفاهیم پایه تا یه مثال عملی، همهچیز رو پوشش میدم. آمادهای؟ بزن بریم!

چرا PHP برای بازیهای وب؟

شاید بگی PHP بیشتر برای سایتهای داینامیک و مدیریت سرور معروفه، پس چرا برای بازی؟ خب، دلایل خوبی داره:

دسترسی آسون: PHP روی اکثر سرورها نصب شده و نیازی به تنظیمات پیچیده نداره.
مدیریت سمت سرور: میتونی منطق بازی، ذخیره امتیازات و حتی چندنفره کردن بازی رو با PHP مدیریت کنی.
ترکیب با HTML/CSS/JS: PHP بهراحتی با فرانتاند قاطی میشه و میتونی یه بازی تعاملی بسازی.
منابع متنباز: کلی کتابخونه و ابزار متنباز برای PHP هست که کار رو راحتتر میکنه.

البته، PHP برای بازیهای سنگین و گرافیکی مثل Unity مناسب نیست، ولی برای بازیهای ساده مثل حدس عدد، تیکتکتو یا حتی پازلهای سبک، عالیه!

پیشنیازها

قبل از شروع، باید یه سری چیزا رو آماده کنی:

محیط توسعه: یه سرور لوکال (مثل XAMPP یا WAMP) یا یه هاست آنلاین با PHP نسخه 7.4 یا بالاتر.
دانش پایه: یه کم آشنایی با PHP، HTML، CSS و JavaScript. اگه تازهکاری، نگران نباش، خودمونی توضیح میدم!
ابزارها: یه ویرایشگر کد مثل VS Code و یه مرورگر (کروم یا فایرفاکس).

قدم اول: ایده بازی

اولین قدم اینه که تصمیم بگیری چه بازیای میخوای بسازی. برای این مقاله، من یه بازی "حدس عدد" رو انتخاب میکنم. تو این بازی:

سیستم یه عدد تصادفی بین 1 تا 100 تولید میکنه.
کاربر یه عدد وارد میکنه و سیستم بهش میگه عددش بزرگتره، کوچکتره یا درست حدس زده.
امتیازات و تعداد تلاشها ذخیره میشن.

چرا این بازی؟ چون سادهست، منطقش سمت سروره و میتونی با PHP راحت پیادهسازیش کنی.

قدم دوم: طراحی ساختار پروژه

برای بازیمون یه ساختار ساده درست میکنیم:

guess_number/
├── index.php       # صفحه اصلی بازی
├── game.php        # منطق پردازش بازی
├── styles.css      # استایلهای بازی
├── scripts.js      # جاوااسکریپت برای تعاملات
└── scores.txt      # فایل برای ذخیره امتیازات

قدم سوم: کدنویسی بازی

حالا بریم سراغ کدها. من هر بخش رو جدا توضیح میدم و کد کامل رو میذارم.

1. صفحه اصلی (index.php)

این فایل رابط کاربری بازی رو میسازه. یه فرم ساده برای وارد کردن عدد و نمایش پیامها.

<!DOCTYPE html>
<html lang=&quotfa&quot>
<head>
    <meta charset=&quotUTF-8&quot>
    <title>بازی حدس عدد</title>
    <link rel=&quotstylesheet&quot href=&quotstyles.css&quot>
</head>
<body>
    <div class=&quotcontainer&quot>
        <h1>بازی حدس عدد</h1>
        <p>یه عدد بین 1 تا 100 حدس بزن!</p>
        <?php
        session_start();
        if (!isset($_SESSION['number'])) {
            $_SESSION['number'] = rand(1, 100);
            $_SESSION['attempts'] = 0;
        }
        if (isset($_SESSION['message'])) {
            echo '<p class=&quotmessage&quot>' . $_SESSION['message'] . '</p>';
            unset($_SESSION['message']);
        }
        ?>
        <form action=&quotgame.php&quot method=&quotpost&quot>
            <input type=&quotnumber&quot name=&quotguess&quot min=&quot1&quot max=&quot100&quot required>
            <button type=&quotsubmit&quot>حدس بزن!</button>
        </form>
        <p>تعداد تلاشها: <?php echo $_SESSION['attempts']; ?></p>
        <a href=&quotindex.php?reset=true&quot>شروع دوباره</a>
    </div>
    <script src=&quotscripts.js&quot>
</body>
</html>

توضیحات:

از session برای ذخیره عدد تصادفی و تعداد تلاشها استفاده کردیم.
اگه کاربر بخواد بازی رو ریست کنه، با ?reset=true جلسه پاک میشه.
فرم به game.php درخواست میفرسته.

2. منطق بازی (game.php)

این فایل حدس کاربر رو بررسی میکنه و پیام مناسب تولید میکنه.

<?php
session_start();

if (isset($_GET['reset'])) {
    session_destroy();
    header(&quotLocation: index.php&quot);
    exit();
}

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $guess = (int)$_POST['guess'];
    $_SESSION['attempts']++;

    if ($guess == $_SESSION['number']) {
        $_SESSION['message'] = &quotآفرین! درست حدس زدی! عدد: {$_SESSION['number']} بود."
        saveScore($_SESSION['attempts']);
        session_destroy();
    } elseif ($guess < $_SESSION['number']) {
        $_SESSION['message'] = &quotعددت خیلی کوچیکه! یه عدد بزرگتر حدس بزن."
    } else {
        $_SESSION['message'] = &quotعددت خیلی بزرگه! یه عدد کوچکتر حدس بزن."
    }
}

function saveScore($attempts) {
    $score = &quotکاربر در $attempts تلاش برنده شد!\n"
    file_put_contents('scores.txt', $score, FILE_APPEND);
}

header(&quotLocation: index.php&quot);
exit();
?>

توضیحات:

حدس کاربر با عدد تصادفی مقایسه میشه.
پیام مناسب تو سشن ذخیره میشه و کاربر به صفحه اصلی برمیگرده.
اگه درست حدس بزنه، امتیاز تو فایل scores.txt ذخیره میشه.

3. استایلها (styles.css)

برای اینکه بازی قشنگ به نظر بیاد، یه کم استایل اضافه میکنیم.

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    direction: rtl;
}

.container {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

input[type=&quotnumber&quot] {
    padding: 10px;
    margin: 10px;
    width: 100px;
}

button {
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #218838;
}

.message {
    color: #dc3545;
    font-weight: bold;
}

4. جاوااسکریپت (scripts.js)

برای یه کم تعامل بیشتر، مثلاً فوکوس خودکار روی ورودی.

document.querySelector('input[name=&quotguess&quot]').focus();

قدم چهارم: اضافه کردن قابلیتهای بیشتر

حالا که بازی پایه آمادهست، میتونی این ویژگیها رو اضافه کنی:

ذخیره امتیازات در دیتابیس: بهجای فایل متنی، از MySQL استفاده کن.
نمایش جدول امتیازات: یه صفحه بساز که بهترین امتیازات رو نشون بده.
چندنفره کردن: با WebSocket یا AJAX بازی رو چندنفره کن.
انیمیشن و صدا: با جاوااسکریپت و CSS انیمیشنهای باحال اضافه کن.

مثلاً برای دیتابیس، میتونی این کد رو به game.php اضافه کنی:

function saveScore($attempts) {
    $conn = new mysqli(&quotlocalhost&quot, &quotusername&quot, &quotpassword&quot, &quotgame_db&quot);
    if ($conn->connect_error) {
        die(&quotاتصال به دیتابیس خراب شد: &quot . $conn->connect_error);
    }
    $stmt = $conn->prepare(&quotINSERT INTO scores (attempts, date) VALUES (?, NOW())&quot);
    $stmt->bind_param(&quoti&quot, $attempts);
    $stmt->execute();
    $stmt->close();
    $conn->close();
}

قدم پنجم: تست و دیباگ

بازی رو تو مرورگر تست کن:

مطمئن شو فرم درست کار میکنه.
چک کن پیامها درست نمایش داده میشن.
ببین امتیازات درست ذخیره میشن.
اگه خطایی دیدی، از error_log() یا ابزارهای دیباگ PHP استفاده کن.

نکات حرفهای

امنیت: همیشه ورودیهای کاربر رو بررسی کن تا از حملاتی مثل SQL Injection جلوگیری بشه.
بهینهسازی: برای بازیهای پیچیدهتر، از کش (مث in-memory استفاده کن تا سرعت سایتت بالا بره.
ترکیب با JS: برای بازیهای گرافیکیتر، منطق رو با PHP بنویس و رندرینگ رو با Canvas یا SVG تو جاوااسکریپت انجام بده.
مستندات: کدت رو خوب کامنتگذاری کن تا بعداً خودت یا بقیه راحت بتونن بفهمنش.

جمعبندی

با PHP میتونی بازیهای ساده وب بسازی که هم سرگرمکنندهست و هم آموزشی. بازی حدس عدد فقط یه نمونه بود. میتونی ایدههای خلاقانهتری مثل بازی حافظه، پازل یا حتی نسخه ساده شطرنج بسازی. مهم اینه که قدم به قدم پیش بری و از کدنویسی لذت ببری!

اگه سوال یا ایدهای داری، تو کامنتها بنویس. حالا برو یه بازی باحال بساز و نشونمون بده!

amp quotgt ltphpبرنامه نویسی

Sedali

یه پسری که کل عمرش دنبال این بود که یه Div رو center کنه:)

شاید از این پست‌ها خوشتان بیاید

Sedali

خواندن ۵ دقیقه·۶ ماه پیش

چگونه از PHP برای توسعه بازی‌های ساده وب استفاده کنیم؟

چرا PHP برای بازیهای وب؟

شاید بگی PHP بیشتر برای سایتهای داینامیک و مدیریت سرور معروفه، پس چرا برای بازی؟ خب، دلایل خوبی داره:

دسترسی آسون: PHP روی اکثر سرورها نصب شده و نیازی به تنظیمات پیچیده نداره.
مدیریت سمت سرور: میتونی منطق بازی، ذخیره امتیازات و حتی چندنفره کردن بازی رو با PHP مدیریت کنی.
ترکیب با HTML/CSS/JS: PHP بهراحتی با فرانتاند قاطی میشه و میتونی یه بازی تعاملی بسازی.
منابع متنباز: کلی کتابخونه و ابزار متنباز برای PHP هست که کار رو راحتتر میکنه.

پیشنیازها

قبل از شروع، باید یه سری چیزا رو آماده کنی:

محیط توسعه: یه سرور لوکال (مثل XAMPP یا WAMP) یا یه هاست آنلاین با PHP نسخه 7.4 یا بالاتر.
دانش پایه: یه کم آشنایی با PHP، HTML، CSS و JavaScript. اگه تازهکاری، نگران نباش، خودمونی توضیح میدم!
ابزارها: یه ویرایشگر کد مثل VS Code و یه مرورگر (کروم یا فایرفاکس).

قدم اول: ایده بازی

سیستم یه عدد تصادفی بین 1 تا 100 تولید میکنه.
کاربر یه عدد وارد میکنه و سیستم بهش میگه عددش بزرگتره، کوچکتره یا درست حدس زده.
امتیازات و تعداد تلاشها ذخیره میشن.

چرا این بازی؟ چون سادهست، منطقش سمت سروره و میتونی با PHP راحت پیادهسازیش کنی.

قدم دوم: طراحی ساختار پروژه

برای بازیمون یه ساختار ساده درست میکنیم:

guess_number/
├── index.php       # صفحه اصلی بازی
├── game.php        # منطق پردازش بازی
├── styles.css      # استایلهای بازی
├── scripts.js      # جاوااسکریپت برای تعاملات
└── scores.txt      # فایل برای ذخیره امتیازات

قدم سوم: کدنویسی بازی

حالا بریم سراغ کدها. من هر بخش رو جدا توضیح میدم و کد کامل رو میذارم.

1. صفحه اصلی (index.php)

این فایل رابط کاربری بازی رو میسازه. یه فرم ساده برای وارد کردن عدد و نمایش پیامها.

<!DOCTYPE html>
<html lang=&quotfa&quot>
<head>
    <meta charset=&quotUTF-8&quot>
    <title>بازی حدس عدد</title>
    <link rel=&quotstylesheet&quot href=&quotstyles.css&quot>
</head>
<body>
    <div class=&quotcontainer&quot>
        <h1>بازی حدس عدد</h1>
        <p>یه عدد بین 1 تا 100 حدس بزن!</p>
        <?php
        session_start();
        if (!isset($_SESSION['number'])) {
            $_SESSION['number'] = rand(1, 100);
            $_SESSION['attempts'] = 0;
        }
        if (isset($_SESSION['message'])) {
            echo '<p class=&quotmessage&quot>' . $_SESSION['message'] . '</p>';
            unset($_SESSION['message']);
        }
        ?>
        <form action=&quotgame.php&quot method=&quotpost&quot>
            <input type=&quotnumber&quot name=&quotguess&quot min=&quot1&quot max=&quot100&quot required>
            <button type=&quotsubmit&quot>حدس بزن!</button>
        </form>
        <p>تعداد تلاشها: <?php echo $_SESSION['attempts']; ?></p>
        <a href=&quotindex.php?reset=true&quot>شروع دوباره</a>
    </div>
    <script src=&quotscripts.js&quot>
</body>
</html>

توضیحات:

از session برای ذخیره عدد تصادفی و تعداد تلاشها استفاده کردیم.
اگه کاربر بخواد بازی رو ریست کنه، با ?reset=true جلسه پاک میشه.
فرم به game.php درخواست میفرسته.

2. منطق بازی (game.php)

این فایل حدس کاربر رو بررسی میکنه و پیام مناسب تولید میکنه.

<?php
session_start();

if (isset($_GET['reset'])) {
    session_destroy();
    header(&quotLocation: index.php&quot);
    exit();
}

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $guess = (int)$_POST['guess'];
    $_SESSION['attempts']++;

    if ($guess == $_SESSION['number']) {
        $_SESSION['message'] = &quotآفرین! درست حدس زدی! عدد: {$_SESSION['number']} بود."
        saveScore($_SESSION['attempts']);
        session_destroy();
    } elseif ($guess < $_SESSION['number']) {
        $_SESSION['message'] = &quotعددت خیلی کوچیکه! یه عدد بزرگتر حدس بزن."
    } else {
        $_SESSION['message'] = &quotعددت خیلی بزرگه! یه عدد کوچکتر حدس بزن."
    }
}

function saveScore($attempts) {
    $score = &quotکاربر در $attempts تلاش برنده شد!\n"
    file_put_contents('scores.txt', $score, FILE_APPEND);
}

header(&quotLocation: index.php&quot);
exit();
?>

توضیحات:

حدس کاربر با عدد تصادفی مقایسه میشه.
پیام مناسب تو سشن ذخیره میشه و کاربر به صفحه اصلی برمیگرده.
اگه درست حدس بزنه، امتیاز تو فایل scores.txt ذخیره میشه.

3. استایلها (styles.css)

برای اینکه بازی قشنگ به نظر بیاد، یه کم استایل اضافه میکنیم.

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    direction: rtl;
}

.container {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

input[type=&quotnumber&quot] {
    padding: 10px;
    margin: 10px;
    width: 100px;
}

button {
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #218838;
}

.message {
    color: #dc3545;
    font-weight: bold;
}

4. جاوااسکریپت (scripts.js)

برای یه کم تعامل بیشتر، مثلاً فوکوس خودکار روی ورودی.

document.querySelector('input[name=&quotguess&quot]').focus();

قدم چهارم: اضافه کردن قابلیتهای بیشتر

حالا که بازی پایه آمادهست، میتونی این ویژگیها رو اضافه کنی:

ذخیره امتیازات در دیتابیس: بهجای فایل متنی، از MySQL استفاده کن.
نمایش جدول امتیازات: یه صفحه بساز که بهترین امتیازات رو نشون بده.
چندنفره کردن: با WebSocket یا AJAX بازی رو چندنفره کن.
انیمیشن و صدا: با جاوااسکریپت و CSS انیمیشنهای باحال اضافه کن.

مثلاً برای دیتابیس، میتونی این کد رو به game.php اضافه کنی:

function saveScore($attempts) {
    $conn = new mysqli(&quotlocalhost&quot, &quotusername&quot, &quotpassword&quot, &quotgame_db&quot);
    if ($conn->connect_error) {
        die(&quotاتصال به دیتابیس خراب شد: &quot . $conn->connect_error);
    }
    $stmt = $conn->prepare(&quotINSERT INTO scores (attempts, date) VALUES (?, NOW())&quot);
    $stmt->bind_param(&quoti&quot, $attempts);
    $stmt->execute();
    $stmt->close();
    $conn->close();
}

قدم پنجم: تست و دیباگ

بازی رو تو مرورگر تست کن:

مطمئن شو فرم درست کار میکنه.
چک کن پیامها درست نمایش داده میشن.
ببین امتیازات درست ذخیره میشن.
اگه خطایی دیدی، از error_log() یا ابزارهای دیباگ PHP استفاده کن.

نکات حرفهای

امنیت: همیشه ورودیهای کاربر رو بررسی کن تا از حملاتی مثل SQL Injection جلوگیری بشه.
بهینهسازی: برای بازیهای پیچیدهتر، از کش (مث in-memory استفاده کن تا سرعت سایتت بالا بره.
ترکیب با JS: برای بازیهای گرافیکیتر، منطق رو با PHP بنویس و رندرینگ رو با Canvas یا SVG تو جاوااسکریپت انجام بده.
مستندات: کدت رو خوب کامنتگذاری کن تا بعداً خودت یا بقیه راحت بتونن بفهمنش.

جمعبندی

اگه سوال یا ایدهای داری، تو کامنتها بنویس. حالا برو یه بازی باحال بساز و نشونمون بده!

amp quotgt ltphpبرنامه نویسی

Sedali

یه پسری که کل عمرش دنبال این بود که یه Div رو center کنه:)

شاید از این پست‌ها خوشتان بیاید