چگونه بازی‌های ویدئویی بسازیم؟ - کلاسیک‌های تایل در JS برای HTML5 Canvas

آنچه یاد خواهید گرفت:

• ایجاد، نمایش و بازی در یک دنیای تایل دوبعدی که از برخورد بهینه پشتیبانی می‌کند (مفهوم مرکزی برای نسل‌های مختلف بازی‌ها در انواع ژانرها!)
• برنامه‌نویسی بازی‌ها به زبان جاوااسکریپت برای HTML5 Canvas بدون استفاده از کتابخانه‌ها یا پلاگین‌های خارجی
• ساخت، بارگذاری، نمایش و چرخش گرافیک‌های تصویری در بازی‌ها
• تقسیم کد بازی به چند فایل برای مدیریت بهتر پروژه‌های بزرگ
• تعریف یک کلاس و استفاده از آن برای ایجاد چندین نمونه از اشیاء بازی در موقعیت‌های منحصر به فرد (توجه: فقط با استفاده از ابتدایی‌ترین مفهوم برنامه‌نویسی شیءگرا، این دوره به عمق این موضوع نمی‌پردازد)
• مدیریت ورودی ماوس برای یک بازی یک نفره یا کنترل‌های صفحه‌کلید برای بازی‌های یک و دو نفره
• پیاده‌سازی جمع‌آوری اشیاء پایه‌ای (کلیدها) و تحریک استفاده از آن‌ها در هنگام برخورد (باز کردن درها)
• توسعه و تطبیق گیم‌پلی برای حرکات پایه پلتفرمر، بازی‌های دیجیتال بورد/استراتژی، الگوهای ساده ماتریسی برای دشمنان به سبک آرتی قدیمی و دنیاهایی بزرگتر از صفحه که با دوربین مروادار می‌شوند
• اعمال فراخوانی های مثلثاتی ساده برای حرکت اشیاء بازی در زوایای دلخواه
• پیاده‌سازی عملکرد صفحه بارگذاری پایه در HTML5

پیش نیازهای دوره

• هر ویرایشگر متن ساده‌ای مانند Notepad کافی است، اما یکی که از قابلیت‌هایی برای برنامه‌نویسان مانند زبانه‌هایی با چندین فایل، هایلایت کد، شماره‌گذاری خطوط و smart-indentation یا auto-indentation پشتیبانی کند می‌تواند برای مراحل بعدی که کد رشد می‌کند، مفید باشد (++Notepad برای ویندوز رایگان است، TextWrangler برای مک یا Sublime Text 2 که در دوره استفاده می‌شود دارای نسخه آزمایشی رایگان کاملاً کاربردی است).
• هر مرورگر وب متداولی باید به خوبی کار کند، اگرچه مدرس از Google Chrome (رایگان) استفاده می‌کند، بنابراین ممکن است شما گزینه‌ای مشابه را ترجیح دهید تا دقیقاً ببینید چگونه در ویدئوها نمایش داده می‌شود.
• برای دنبال کردن چند مرحله برای کشیدن هنر، به برنامه‌ای نیاز دارید که به شما امکان می‌دهد تصاویر را با شفافیت بکشید و ذخیره کنید. مدرس از نسخه کمی قدیمی‌تر Photoshop استفاده می‌کند، اگرچه گزینه‌های رایگان نیز وجود دارد و مراحل مشابه هستند. همچنین تمام فایل‌های هنری که مدرس ایجاد می‌کند را پیوست می‌کند، بنابراین اگر تمایل دارید فقط روی مراحل برنامه‌نویسی تمرکز کنید می‌توانید تصاویری را که در ویدئوها ایجاد می‌کند دانلود کنید.

توضیحات دوره

با شرکت در این دوره جدید، چند نوع بازی کلاسیک را که همه شامل دنیاهای تایل دوبعدی هستند، برنامه‌نویسی می‌کنید. شما در جاوااسکریپت برای HTML5 Canvas کدنویسی خواهید کرد، بنابراین به یک ویرایشگر متن و یک مرورگر وب معمولی نیاز خواهید داشت (یک برنامه هنری می‌تواند برای چند بخش مفید باشد اما ضروری نیست). مدرس کد هر مرحله را پیوست کرده‌ تا هرگز به مشکل نخورید. در پایان یاد خواهید گرفت که راه‌های بیشتری برای استفاده از آنچه یاد گرفته‌اید وجود دارند. همچنین با پایان دوره، یک PDF از کتاب کامل 500 صفحه‌ای مدرس درباره توسعه بازی خواهید گرفت: Hands-On Intro to Game Programming. این کتاب شامل بیش از 100 تمرین، چند نوع بازی اضافی و محتوای اضافی با جزئیات بیشتر درباره پروژه‌هایی است که در این دوره ایجاد کردید.

این دوره برای چه کسانی مناسب است؟

• هر کسی که می‌خواهد مهارت‌های عملی برای برنامه‌نویسی بازی‌های خود را در خانه یاد بگیرد.
• افرادی که ممکن است با مفاهیم برنامه‌نویسی آشنا باشند اما در یادگیری کاربرد این دانش برای ساخت بازی‌های کامپیوتری زمان واقعی جدید هستند.
• خلق‌کنندگان که تنها یک بار از ابزارهای کشیدن و رها کردن استفاده کرده‌اند اما به یادگیری بیشتر درباره نحوه ساخت بازی‌ها از طریق برنامه‌نویسی برای کنترل بیشتر بر جزئیات علاقه‌مند هستند.
• توسعه‌دهندگانی که علاقه‌مند به تمرین روش «فقط کد» برای برنامه‌نویسی گیم‌پلی اصلی هستند قبل از اینکه به موتورهای اصلی و ابزارهای عمده (که در این دوره پوشش داده نشده‌اند) مانند Unity یا Unreal بروید.
• افرادی که به دنبال بنیان طراحی بازی‌های تکنیکی مبتنی بر بازی‌های اندی یا گیم‌پلی کلاسیک به عنوان نقطه شروع هستند.
• توسعه‌دهندگان جدید که به دنبال ساخت بیشتر مهارت‌های توسعه بازی در جاوااسکریپت بر روی HTML5 Canvas هستند.
• لطفاً توجه داشته باشید که موضوعات پیشرفته مانند برنامه‌نویسی شیءگرا فقط به طور خیلی کوتاهی بیان شده‌اند - الگوهای مهندسی نرم‌افزار به طور کلی خارج از دامنه این دوره هستند.