50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

ساخت بازی تیک تاک تو در jQuery

  • منتشر شده در تاریخ

ساخت بازی تیک تاک تو در jQuery

در این آموزش, قصد داریم به شما نحوه کدنویسی بازی Tic Tac Toe با استفاده از جی کوئری, نشان بدیم. در این کدی که در اختیار شما قرار می دیم, یک پنل بازی تیک تاک تو بصورت یک نفره را به کاربر نشان می دهد.

در این بازی, کاربر با کامپیوتر (حریف) بازی می کنید. بازی با الگوریتم ساده ای طراحی شده است تا اینکه کاربر به راحتی برنده شود. مشابه این آموزش jQuery , قبلا نحوه ساخت بازی توپ در jQuery را دیدیم.

در این مثال, پنل بازی شامل باکس های ۳در۳ حالت نمایشی grid است. با کلیک روی این باکس ها, خانه مورد نظر علامت گذاری می شود. زمانی که کاربر باکسی را انتخاب کرد, علامتX اضافه می شود و یک باکس بصورت علامتO توسط کامپیوتر به عنوان نوبت آن انتخاب می شود.

کد HTML پنل بازی تیک تاک تو

این کد HTML به شما حالت نمایش grid باکس های ۳×۳ برای بازی Tic Tac Toe را نشان می دهد.  این چهارچوب شامل ۹ باکس قابل کلیک است. با کلیک روی این باکس ها, تابع jQuery برای علامت زدن محل انتخابی کاربر و بعد علامت برای کامپیوتر انجام می شود.

کد jQuery ساخت بازی تیک تاک تو

اسکریپت jQuery زیر شامل کدهایی برای مدیریت رویداد کلیک کاربر و بازی کامپیوتر است. زمانی که کاربری یک باکس را در پنل بازی انتخاب می کند, کد jQuery برای علامت زدن باکس با X , اجرا می شود. سپس, یک باکس رندوم که قبلا کلیک و انتخاب نشده است, با علامت O انتخاب می شود.

خروجی : ساخت بازی تیک تاک تو در jQuery

اسکرین شات زیر به شما پنل بازی Tic Tac Toe با انتخاب های کاربر و کامپیوتر را نشان می دهد.

ساخت بازی تیک تاک تو در jQuery

امیدوارم از آموزش ساخت بازی تیک تاک تو در jQuery نهایت استفاده را برده باشید .

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی