Arcade Classic در جاوا اسکریپت بر روی Canvas

ضبط شده

برنامه‌نویسی یک بازی کامل را امروز انجام دهید. نیاز به نصب هیچ نرم‌افزار خاصی ندارید. تنها چیزی که نیاز دارید یک ویرایشگر متن و یک مرورگر وب است.

امتیاز دوره ( 1 نفر)

4 از 5

زیرنویس فارسی و انگلیسی

ماراد، مرکز آموزش از راه دور

زندگی فعال
12 اپیزود
2 ساعت و 15 دقیقه
سطح مقدماتی

Arcade Classic در جاوا اسکریپت بر روی Canvas

درباره دوره اپیزود ها توضیحات تکمیلی اطلاعات استاد کامنت ها

در این دوره چه چیز هایی می آموزید؟

نمایش، موقعیت‌یابی و جابجایی اشکال پرشده برای بازی‌های ریترو و پروتوتایپ

مدیریت ورودی ماوس در زمان واقعی

برنامه‌نویسی هوش مصنوعی بسیار پایه‌ای

تفاوت ظریف و کلیدی بین یک بازی کلاسیک در این سبک که سرگرم‌کننده است را درک کنید و بازی‌ای که این‌گونه نیست.

یک توپ را در فضای بازی خود حرکت دهید به طوری که به موانع برخورد کند و بازتاب کند.

تشخیص و پاسخ به تصادف‌های ساده

نمره را در حین بازی نگه دارید و نمایش دهید.

شرط پیروزی و حالت پایان بازی خود را تعریف و کدنویسی کنید.

اپیزودها

اپیزود 1 مقدمه و اولین فایل کد

15 دقیقه

با دنبال کردن این ویدیو، شما اولین فایل کدی خود را با استفاده از یک ویرایشگر متن ساده ایجاد خواهید کرد و آن کد را با استفاده از هر مرورگر وب معمولی آزمایش خواهید کرد. همچنین یاد خواهید گرفت که چگونه کنسول مرورگر خود را مشاهده کنید که برای رفع اشکالات در مراحل بعدی بسیار مفید خواهد بود. در صورتی که در هر نقطه‌ای از این ویدیو – یا هر ویدیوی دیگر در این دوره – دچار مشکل شدید، می‌توانید فایل فشرده کد منبع هر ویدیو را دانلود کنید تا نمایی دقیق از نحوه‌ی ظاهر شدن کد پس از اتمام هر مرحله‌ی پوشش داده شده در این دوره داشته باشید.

اپیزود 2 ترسیم و موقعیت‌ها

13 دقیقه

شما یاد خواهید گرفت که چگونه مستطیل‌ها را روی صفحه بکشید، موقعیت آن‌ها را تغییر دهید و ابعادشان را تغییر دهید. این تکنیک drawing به زودی برای نمایش هر دو موقعیت پدل استفاده خواهد شد.

اپیزود 3 حرکت و زمان

15 دقیقه

عمل زنده با حرکت نیاز دارد که کد فقط یک بار اجرا نشود - بلکه باید بارها و بارها اجرا شود. در این مرحله شما این را به کار می‌اندازید و با انجام این کار، دنیای کامل جدیدی از امکانات برای حرکات پویا و تعاملات باز خواهید کرد.

اپیزود 4 "کد را تمیز کنید"

7 دقیقه

در این وقفه‌ی کوتاه، چند لحظه وقت می‌گذاریم تا دوباره درباره‌ی چگونگی برنامه‌نویسی عملکردها تا به حال فکر کنیم. این تغییرات بر روی عملکرد بازی تأثیری نخواهند گذاشت، اما تغییرات آینده را بسیار آسان‌تر خواهند کرد. این نوع "اصلاح ساختار" در حین رشد برنامه، بخش رایجی از برنامه‌نویسی است.

اپیزود 5 بازی با توپ

14 دقیقه

در اینجا کدی خواهید نوشت که تشخیص دهد چه زمانی توپ از لبه‌های بوم گرافیکی عبور می‌کند. با عبور توپ، جهت آن را معکوس خواهید کرد تا از مرزها برگشت کند و توپ در بازی و در دید باقی بماند.

اپیزود 6 جزئیات رسم دایره

7 دقیقه

طراحی یک دایره کمی پیچیده‌تر از طراحی یک مستطیل است، اما بازی با یک توپ گرد بسیار بهتر به نظر می‌رسد. در این مرحله یاد خواهید گرفت که چگونه یک دایره پر شده را روی صفحه نمایش نشان دهید. سپس همه جزئیات پیچیده انجام این کار را در یک تابع کمکی جدید پنهان خواهید کرد، که به طور قابل توجهی میزان چیزی که باید به خاطر بسپارید یا برای دفعه بعدی که نیاز به کشیدن دایره دارید، درک کنید، کاهش می‌دهد.

اپیزود 7 حرکت دو بعدی توپ، پدل

13 دقیقه

تا کنون، توپ فقط به‌طور افقی حرکت کرد. حالا با این مرحله، شما توپ را به صورت عمودی حرکت داده و به بالا و پایین می‌زنید. همچنین موقعیت پدال را به حرکات موس خود متصل خواهید کرد.

اپیزود 8 ایجاد مجدد توپ و برخورد

12 دقیقه

اکنون شما کد برخورد توپ با هر پدال را خواهید نوشت که باعث می‌شود توپ بلافاصله ریست شود هرگاه با سمت چپ یا راست برخورد کند، مگر اینکه در ناحیه‌ای که توسط پدال مسدود شده است، ضربه بزند.

اپیزود 9 پدل هوش مصنوعی و امتیازدهی

9 دقیقه

در اینجا شما پدال سمت راست را برنامه‌نویسی خواهید کرد تا به‌طور خودکار حرکت کند و بازی را انجام دهد، با پیاده‌سازی یک شکل ابتدایی از هوش مصنوعی. همچنین شما امتیازدهی را به بازی اضافه خواهید کرد، به طوری که بازیکن شما بتواند ببیند که در برابر رقیب کامپیوتری خود چقدر خوب عمل می‌کند.

اپیزود 10 کنترل توپ و پیروزی

14 دقیقه

یک جزئیات طراحی ظریف اما بسیار مهم در نحوه رفتار توپ هنگام برخورد با پدل وجود دارد که شما در این مرحله آن را پیاده‌سازی خواهید کرد. نکته دوم اینکه در پایان این سخنرانی، شما بازی را طوری تنظیم خواهید کرد که به محض اینکه یکی از بازیکنان به یک هدف امتیاز مشخص برسد، به پایان برسد.

اپیزود 11 کلیک ماوس، کشیدن شبکه

10 دقیقه

این آخرین مرحله است! شما به بازیکن اجازه می‌دهید تا با کلیک بر روی ماوس یک دور کامل را بازنشانی کند و یک تور تزئینی را به مرکز میدان بازی اضافه خواهید کرد. در پایان، به‌طور مختصر توضیح می‌دهم که چگونه می‌توانید از شتاب امروز خود برای ادامه یادگیری و تمرین بیشتر در زمینه توسعه ویدئوگیم با این رویکرد استفاده کنید.

اپیزود 12 به HomeTeamGameDev.com بپیوندید - این شامل دوره دوم + کتاب درسی ما می‌باشد.

6 دقیقه

این دوره همچنین شامل عضویت در جامعه‌ی جهانی، تحت نظر و تیمی ماست که می‌توانید اطلاعات بیشتری درباره آن در HomeTeamGameDev.com پیدا کنید.پی‌دی‌اف کامل کتاب درسی و کد منبع مربوطه همراه با دوره جدید ارائه می‌شود!

اکشن های دوره

شرکت در دوره : 22,000 تومان

توضیحات دوره

در پایان این دوره کوتاه شما برنامه‌نویسی اولین بازی خود را انجام خواهید داد. شما اصول توسعه گیم‌پلی را با واقعی انجام دادن آن یاد خواهید گرفت – نویسندگی و اجرای کد واقعی بر روی دستگاه خود.

هر مرحله از دوره دارای کد منبع پیوست شده است، دقیقاً به همان شکلی که باید در آن زمان به نظر برسد (روی "مشاهده منابع" کلیک کنید و سپس "منابع قابل دانلود")، تا بتوانید آن را مقایسه کنید یا از آن شروع کنید، بنابراین نمی‌توانید در هیچ مرحله‌ای گیر کنید!

سفر برنامه‌نویسی بازی خود را به روش اثبات شده آغاز کنید

"ساده‌ترین بازی ممکن را بسازید." "یک پروژه توپ و راکت برنامه‌نویسی کنید." "با بازسازی اول یک چیزی از دهه ۱۹۷۰ تمرین کنید." تمام توسعه‌دهندگان مبتدی این توصیه را از همتایان با تجربه‌تر می‌شنوند... چون جواب می‌دهد!

با دنبال کردن این روش شما:

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

شما می‌توانید این بازی را با یک ویرایشگر متن عادی برنامه‌نویسی کنید و آن را در مرورگری که قبلاً دارید، اجرا کنید. به هیچ نرم‌افزار خاصی نیاز نیست.

آموزش Arcade Classic در جاوا اسکریپت بر روی Canvas

اگرچه شما در این دوره به زبان JavaScript برای بوم HTML5 برنامه‌نویسی می‌کنید، ولی تمرکز بر روی مفاهیم معمول برنامه‌نویسی بازی است. شما می‌توانید بعداً از این الگوهای مشابه برای دستیابی به نتایج سریع در زبان‌های برنامه‌نویسی دیگر مانند C#، Java، ActionScript 3، C++، یا Python استفاده کنید.

من یک مربی توسعه بازی خصوصی هستم و برای مشتریانی که تازه وارد برنامه‌نویسی گیم‌پلی می‌شوند، این دقیقاً موادی است که برای شروع سریع به آن‌ها آموزش می‌دهم. در عرض چند ساعت شما برنامه‌نویسی اولین پروژه‌تان را به پایان خواهید رساند. این سریع‌ترین راه برای به دست آوردن نتایج است. انرژی به‌دست‌آمده از انجام این کار، یک بنیاد محکم برای درک مفاهیم پیشرفته‌تر ایجاد می‌کند و معنای آن‌ها را در حین ادامه سفر یادگیری بازی شما فراهم می‌کند. توسعه.

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

این برای هر کسی است که می خواهد یک مقدمه سریع اما کامل با برنامه نویسی بازی ساده به گونه ای که نیازی به نرم افزار، دانلود یا نصب خاصی نداشته باشد.
اگر حداقل کمی با مفاهیم برنامه نویسی عمومی مانند متغیرها، توابع و دستورات اگر آشنا شده باشید، مزیتی خواهید داشت، اما در صورتی که هرگز این اصطلاحات را نشنیده باشید، به طور خلاصه توضیح داده می شوند.
اگرچه این a از جاوا اسکریپت و HTML5 استفاده می کند، اما برای افرادی که بر یادگیری HTML5/JS برای طراحی صفحه وب تمرکز دارند در نظر گرفته نشده است.

✅ این دوره چه پیشنیازهایی دارد؟

دانش آموزان خیلی زود باید پسوند فایل را در سیستم عامل خود نشان دهند (به طور خلاصه در فیلم توضیح داده شده است)
اگر یک ویرایشگر متن ساده در دسترس باشد که دارای ویژگی های برنامه نویسی مانند شماره خطوط و تورفتگی خودکار (مثلاً Notepad++ در رایانه شخصی، TextWrangler در Mac) باشد که ممکن است مفید باشد اما ضروری نباشد، زیرا یک ویرایشگر متن عمومی مانند Notepad یا TextEdit به خوبی کار خواهد کرد. برای برنامه ای با این اندازه

دانشجویان دیگر خریده اند