🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: ساخت بازی‌های جذاب HTML5: از صفر تا صد (با الهام از Jacob Seidelin)

موضوع کلی: توسعه بازی‌های تحت وب

موضوع میانی: توسعه بازی با HTML5 و جاوااسکریپت

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه ای بر توسعه بازی های وب
• 2. چرا HTML5 و جاوااسکریپت برای بازی؟
• 3. مروری بر ساختار بازی های HTML5
• 4. ابزارهای مورد نیاز توسعه دهنده
• 5. راه اندازی محیط توسعه
• 6. اولین کد جاوااسکریپت شما
• 7. آشنایی با DOM و دستکاری آن
• 8. مفاهیم اولیه گرافیک در وب
• 9. مقدمه ای بر Canvas API
• 10. رسم اشکال پایه (خط، مستطیل، دایره)
• 11. پر کردن و استروک کردن اشکال
• 12. کار با رنگ ها و گرادیانت ها
• 13. کار با تصاویر در Canvas
• 14. بارگذاری و نمایش تصاویر
• 15. آشنایی با Sprite Sheets
• 16. استفاده از Sprite Sheets برای انیمیشن
• 17. مفاهیم انیمیشن در بازی
• 18. انیمیشن فریم به فریم
• 19. انیمیشن مبتنی بر زمان
• 20. توابع کلیدی جاوااسکریپت برای انیمیشن (requestAnimationFrame)
• 21. حرکت اشیاء در Canvas
• 22. مفهوم Physics در بازی ها
• 23. حرکت ساده با سرعت و جهت
• 24. شتاب و کاهش سرعت
• 25. برخوردها (Collisions)
• 26. مبانی تشخیص برخورد
• 27. برخورد دایره به دایره
• 28. برخورد مستطیل به مستطیل
• 29. برخورد مستطیل به دایره
• 30. مفهوم Game Loop
• 31. ساختار اصلی Game Loop
• 32. به روز رسانی وضعیت بازی (Update)
• 33. رندر کردن گرافیک (Render)
• 34. مدیریت زمان در Game Loop
• 35. مقدمه ای بر مدیریت ورودی کاربر
• 36. مدیریت رویدادهای صفحه کلید
• 37. تشخیص کلیدهای فشرده شده
• 38. مدیریت رویدادهای ماوس
• 39. تشخیص کلیک ماوس
• 40. تشخیص حرکت ماوس
• 41. کار با متون در Canvas
• 42. رسم متون
• 43. تنظیم فونت، اندازه و رنگ متن
• 44. مفهوم State Management در بازی
• 45. مدیریت وضعیت های مختلف بازی (منو، بازی، پایان)
• 46. انتقال بین وضعیت ها
• 47. مقدمه ای بر صدا در بازی های HTML5
• 48. استفاده از Web Audio API
• 49. بارگذاری و پخش صداهای ساده
• 50. کنترل حجم صدا و پخش مکرر
• 51. مدیریت منابع بازی
• 52. بارگذاری بهینه منابع (تصاویر، صداها)
• 53. نشانگر پیشرفت بارگذاری (Loading Progress)
• 54. مقدمه ای بر فیزیک پیشرفته تر
• 55. بردارها (Vectors) و عملیات برداری
• 56. مفهوم جرم و نیرو
• 57. قانون دوم نیوتن (F = ma)
• 58. سیستم ذرات (Particle Systems)
• 59. ایجاد و مدیریت ذرات
• 60. استفاده از Particle Systems برای افکت ها
• 61. ساخت بازی های دو بعدی ساده (مثال: Brick Breaker)
• 62. مدیریت توپ و پدال
• 63. منطق برخورد توپ با پدال و آجرها
• 64. امتیازدهی و سطوح بازی
• 65. ساخت بازی های دیگر (مثال: Space Invaders)
• 66. حرکت سفینه و شلیک گلوله
• 67. حرکت دشمنان و منطق حمله
• 68. تشخیص برخورد گلوله ها
• 69. طراحی رابط کاربری (UI) در بازی
• 70. عناصر UI با استفاده از Canvas
• 71. عناصر UI با استفاده از HTML و CSS
• 72. مدیریت رویدادهای UI
• 73. مقدمه ای بر Physics Engines
• 74. معرفی PhysicsJS یا P2.js
• 75. پیاده سازی فیزیک با Physics Engines
• 76. استفاده از Joint ها برای اتصال اجسام
• 77. مفهوم Collision Filtering
• 78. اصول طراحی بازی (Game Design)
• 79. نکات کلیدی در طراحی مکانیک های بازی
• 80. طراحی مراحل جذاب
• 81. مفهوم User Experience (UX) در بازی
• 82. تست و اشکال زدایی (Debugging) بازی ها
• 83. ابزارهای Debugging مرورگر
• 84. تکنیک های Debugging موثر
• 85. بهینه سازی عملکرد (Performance Optimization)
• 86. کاهش تعداد draw call ها
• 87. مدیریت حافظه
• 88. استفاده از Web Workers برای کارهای سنگین
• 89. مقدمه ای بر معماری بازی های بزرگتر
• 90. الگوهای طراحی (Design Patterns) در جاوااسکریپت
• 91. استفاده از Object-Oriented Programming
• 92. استفاده از Entity-Component-System (ECS)
• 93. کار با فریمورک های بازی (اختیاری)
• 94. معرفی PixiJS یا Phaser (مروری کوتاه)
• 95. مزایا و معایب استفاده از فریمورک ها
• 96. مقدمه ای بر تولید بازی برای موبایل
• 97. سازگاری با لمس (Touch Events)
• 98. تنظیم مقیاس (Scaling) برای دستگاه های مختلف
• 99. مرتب سازی (Z-Index) در Canvas
• 100. مفهوم Clipping (بریدن) در Canvas

ساخت بازی‌های جذاب HTML5: از صفر تا صد (با الهام از Jacob Seidelin)

معرفی دوره

آیا همیشه رویای ساخت بازی‌های ویدیویی خود را در سر داشته‌اید؟ آیا دوست دارید بازی‌هایی را طراحی کنید که کاربران را ساعت‌ها سرگرم کنند، بدون نیاز به نصب و تنها با یک مرورگر وب؟ دوره "ساخت بازی‌های جذاب HTML5: از صفر تا صد" دقیقاً همان چیزی است که به دنبالش هستید! این دوره، با الهام از کتاب پرفروش و مرجع "HTML5 games" نوشته‌ی Jacob Seidelin، شما را از یک مبتدی مطلق به یک توسعه‌دهنده‌ی حرفه‌ای بازی‌های تحت وب با استفاده از HTML5 و JavaScript تبدیل می‌کند.

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

درباره دوره

دوره "ساخت بازی‌های جذاب HTML5: از صفر تا صد" یک تجربه‌ی آموزشی جامع و عملی است که مستقیماً از کتاب "HTML5 games" الهام گرفته است. ما اصول و تکنیک‌های کلیدی این کتاب را در قالب درس‌های تعاملی و تمرین‌های عملی به شما آموزش می‌دهیم. این دوره، شما را با مفاهیم اساسی HTML5، JavaScript، Canvas، و کتابخانه‌های بازی‌سازی مانند Phaser و PixiJS آشنا می‌کند. شما در این دوره، با قدم به قدم همراه می‌شوید و در نهایت، بازی‌های خود را به صورت زنده و قابل اجرا در مرورگرهای وب توسعه می‌دهید.

موضوعات کلیدی

در این دوره، شما با موضوعات زیر آشنا خواهید شد:

• مبانی HTML5 و CSS3: ساختار و ظاهر بازی
• مبانی JavaScript: زبان برنامه‌نویسی بازی
• Canvas API: ترسیم گرافیک‌های دو بعدی
• صدا و موسیقی در بازی
• انیمیشن و افکت‌های بصری
• مدیریت ورودی‌ها (کیبورد، ماوس، لمس)
• فیزیک در بازی ( برخورد، گرانش و...)
• طراحی و ساخت بازی‌های دو بعدی و سه بعدی
• استفاده از کتابخانه‌های بازی‌سازی (Phaser, PixiJS)
• بهینه‌سازی بازی برای عملکرد بهتر
• انتشار بازی در وب

مخاطبان دوره

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

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

چرا این دوره را بگذرانیم؟

• یادگیری گام به گام: از مفاهیم پایه‌ای تا تکنیک‌های پیشرفته، همه چیز را پوشش می‌دهیم.
• آموزش عملی و تعاملی: با انجام پروژه‌های عملی و تمرین‌های متعدد، مهارت‌های خود را تقویت می‌کنید.
• پشتیبانی و رفع اشکال: در طول دوره، به سوالات شما پاسخ داده می‌شود و در صورت نیاز، راهنمایی‌های لازم ارائه می‌شود.
• استفاده از کتاب "HTML5 games" به عنوان منبع الهام: یادگیری بر اساس یکی از بهترین منابع موجود در زمینه بازی‌سازی تحت وب.
• یادگیری مهارت‌های پردرآمد: توسعه‌دهندگان بازی‌های تحت وب، تقاضای بالایی در بازار کار دارند.
• ایجاد نمونه کار قوی: با ساخت چندین بازی در طول دوره، یک نمونه کار حرفه‌ای برای خود ایجاد می‌کنید.
• دسترسی مادام‌العمر به محتوای دوره: پس از ثبت‌نام، همیشه به محتوای دوره دسترسی خواهید داشت.

سرفصل‌های دوره (100+ سرفصل)

این دوره شامل بیش از 100 سرفصل جامع است که شما را از اصول اولیه HTML5 و JavaScript تا توسعه بازی‌های پیچیده و حرفه‌ای همراهی می‌کند. در اینجا تنها چند نمونه از سرفصل‌ها را مشاهده می‌کنید:

• مقدمه:
  • درباره دوره و مدرس
  • آشنایی با HTML5 و JavaScript
  • تنظیم محیط توسعه
• HTML5 Canvas:
  • مبانی Canvas API
  • رسم اشکال و متن
  • کار با رنگ‌ها و گرادیان‌ها
  • انیمیشن‌های ساده
• JavaScript:
  • متغیرها، انواع داده‌ها، عملگرها
  • ساختارهای کنترلی (if/else, for, while)
  • توابع و Object-Oriented Programming
  • کار با رویدادها
• صدا و تصویر در بازی:
  • وارد کردن تصاویر
  • افزودن صدا و موسیقی پس‌زمینه
  • افکت‌های صوتی
• مبانی بازی‌سازی:
  • مفهوم Game Loop
  • مدیریت زمان در بازی
  • برخورد اشیاء
  • مبانی فیزیک در بازی
• ساخت بازی‌های دو بعدی:
  • ساخت بازی‌های پلتفرمر
  • ساخت بازی‌های آرکید
  • افزودن هوش مصنوعی به بازی
• کتابخانه‌های بازی‌سازی:
  • معرفی Phaser و PixiJS
  • کار با Sprite‌ها و انیمیشن‌ها
  • مدیریت ورودی‌ها با کتابخانه‌ها
• بهینه‌سازی و انتشار بازی:
  • بهینه‌سازی عملکرد بازی
  • انتشار بازی در وب
  • معرفی ابزارهای توسعه
• پروژه‌های عملی:
  • ساخت چندین بازی ساده
  • ساخت بازی‌های پیچیده
• و ده‌ها سرفصل دیگر...

همین حالا ثبت‌نام کنید و به جمع توسعه‌دهندگان بازی‌های تحت وب بپیوندید!