اصول بازی اسلات در Pixi.js، ریاکت و تایپاسکریپت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک مبانی به شما کمک میکند تا اولین نقش توسعهدهنده بازی خود را در صنعت iGaming به دست آورید.
- مهارتهای ایجاد داراییهای شخصی و اعمال آنها به کد منبع
- مفاهیم اساسی فریمورکهای فرانتاند در iGaming - ماشینهای State متناهی، مدلها، States و رویدادها
- چگونه یک کاربر ریاکت را در این موتور بازیسازی ترکیب کنیم؟
- الگوبرداری از استانداردهای حرفهای iGaming با گسترش Pixi.js برای توسعه سریع
- یکپارچهسازی استایلشیت SASS و کلاسهای BEM برای سیستم رابط کاربری عالی
پیشنیازهای دوره
- کمی تجربه توسعهدهنده در نوشتن اسکریپتها با استفاده از ویژوال استودیو کد و گیت
- کمی دانش توسعهدهنده درباره اصول وب
توضیحات دوره
شما مهارتهای لازم برای ساخت پورتفولیویی از بازیهای اسلات آنلاین را میآموزید. راهنمای کد منبع و ایجاد دارایی در این دوره گنجانده شده است. شما یک بازی اسلات اصلی را در یک روز میسازید.
ورود به صنعت iGaming به عنوان توسعهدهنده بازی
شما با داشتن یک پورتفولیوی قوی از بازیهای اسلات، در هر مصاحبهای موفق میشوید. موضوع ما صحبت درباره معماری مدرن iGaming است. دانش و تجربه خود را به نمایش بگذارید تا استعداد شما انکار نشود. این دوره شما را با تمام مهارتهای لازم مجهز میکند تا نه تنها اولین نقش توسعهدهنده iGaming خود را به دست آورید، بلکه در هر استودیوی iGaming نیز پیشرفت کنید.
با کد منبع گنجانده شده، به علاوه راهنمایی درباره نحوه ایجاد داراییهای خود، ما همه موارد را برای تجهیز شما به موفقیت در دوره داریم. شما این متریال اولیه یا این دانش را در هیچ جای دیگری پیدا نخواهید کرد. پس پیش بروید و در این دوره متحولکننده روی خودتان سرمایهگذاری کنید.
مناسب برای کسی که تجربه کدنویسی اولیه دارد.
شما قبلاً هرگز یک نقش کدنویسی حرفهای را به دست نیاوردهاید، یا با محصولی گیر کردهاید که چشمگیر نیست. این دوره میتواند برای شما باشد.
با کلمات کلیدی مناسب در پروفایل لینکدین خود، متخصصان استعدادیابی به در خانه شما خواهند آمد. برای ورود به این حرفه نیازی به دوره ندارید، اما اگر توجه یک کارفرمای بالقوه را جلب کردهاید، باید از دیگران متمایز باشید. این دوره به شما کمک میکند تا روند مصاحبه را پشت سر بگذارید و اولین نقش پردرآمد خود را در iGaming به دست آورید.
iGaming یک صنعت هیجانانگیز، یک محصول سرگرمکننده، یک محیط کاری پرانرژی و فرصتی برای دوست شدن با افراد با استعداد زیادی از هر قشری است که شامل هنرمندان، طراحان صدا، ریاضیدانان، توسعهدهندگان بازی، صاحبان محصول و طراحان میشود. شما همچنین این فرصت را دارید که دورکاری کرده یا حتی از مکانهای عجیب و غریب در سراسر جهان کار کنید.
برخلاف مشاغل توسعه وب و اپلیکیشن که ممکن است برای گرفتن پروژه بعدی به دوست بودن با رئیس متکی باشند، iGaming مسیر مطلوبتری را برای هر توسعهدهندهای ارائه میدهد. ایدههای شما مهم هستند! میتوانید از یک توسعهدهنده جوان به تشکیل استودیوی iGaming خود و کسب میلیونها دلار برسید. iGaming یک صنعت هیجانانگیز است و این روند کند نخواهد شد. برای هر کسی که مجموعهای از مهارتهای مناسب را داشته باشد، فرصتساز است.
برخلاف توسعه اپلیکیشن یا وب، iGaming هنوز اسرار خود را دارد. شما نمیتوانید پرامپت هوش مصنوعی را برای معماری کاملا تابعی iGaming به راحتی بسازید. در حالی که هوش مصنوعی ارزش هر توسعهدهندهای را خرد میکند، iGaming به استعدادهای جدید تازهای برای پشتیبانی از این صنعت رو به رشد نیاز دارد. مهارتهای iGaming شما ارزش بیشتری دارند.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان از هر نوعی که به دنبال تغییر مسیر شغلی خود هستند.
- افرادی که تجربه توسعهدهندگی دارند اما مطمئن نیستند کدام حوزه را بررسی کنند.
اصول بازی اسلات در Pixi.js، ریاکت و تایپاسکریپت
-
راهاندازی - بررسی پروژه 02:35
-
راهاندازی - نرمافزار مورد استفاده 04:17
-
راهاندازی - کد منبع 04:30
-
راهاندازی - اولین کامیت 02:21
-
راهاندازی - ساخت پروژه 00:42
-
راهاندازی - انتشار پروژه در Netlify 01:26
-
راهاندازی - ذهنیت پروژه 04:33
-
راهاندازی - ایدههای تایپاسکریپت - بخش 1 04:53
-
راهاندازی - ایدههای تایپاسکریپت - بخش 2 05:50
-
راهاندازی - ایدههای تایپاسکریپت - بخش 3 02:37
-
معماری - مقدمه 02:35
-
معماری - ماشین State متناهی 01:18
-
معماری - بررسی راهاندازی 02:59
-
معماری - نقطه ورود (کد) 02:18
-
معماری - رندر و کامپوننتها (کد) 01:52
-
معماری - رابط کاربری و بوم بازی (کد) 03:34
-
معماری - Game.ts (کد) 05:49
-
معماری - چالش 00:31
-
معماری - پاسخهای چالش 06:42
-
مدلها - مقدمه 03:51
-
مدلها - مدل قرقره 03:56
-
مدلها - نکتهای از واحد حقیقت 00:59
-
مدلها - چالش محاسبه برد 01:05
-
مدلها - راهحل محاسبه برد 07:01
-
مدلها - مدل نمایش قرقره 02:03
-
مدلها - ادامه مدل نمایش قرقره 05:11
-
مدلها - چالش بازی دوز 01:10
-
مدلها - راهحل چالش بازی دوز 05:24
-
مدلها - راهحل تکرار بازی دوز 03:29
-
نتایج اجباری - مقدمه 01:34
-
نتایج اجباری - اشکالزدایی 01:15
-
نتایج اجباری - دموها 01:20
-
نتایج اجباری - دور ویژگی 01:49
-
نتایج اجباری - تنظیم و انطباق 03:10
-
نتایج اجباری - نتیجه چرخش 04:06
-
نتایج اجباری - بررسی کد (کد) 04:21
-
نتایج اجباری - ادامه بررسی کد (کد) 01:27
-
نتایج اجباری - ایجاد نتیجه اجباری (کد) 06:35
-
نتایج اجباری - چالش 00:51
-
رویدادها - مقدمه 02:36
-
رویدادها - آناتومی یک رویداد 04:49
-
رویدادها - مشاهده رویدادها (کد) 13:02
-
رویدادها - اتصال 03:29
-
رویدادها - ایجاد رویداد - بخش 1 (کد) 06:28
-
رویدادها - ایجاد رویداد - بخش 2 (کد) 04:03
-
رویدادها - چالش 03:28
-
بلوکها - مقدمه 01:27
-
بلوکها - مفاهیم اصلی 03:09
-
بلوکها - بلوکهای مرتبط با States بازی 04:36
-
بلوکها - بررسی کلاس بلوک (کد) 07:11
-
بلوکها - استفاده برای اشکالزدایی (کد) 02:34
-
بلوکها - ایجاد بلوک اشکالزدایی جدید (کد) 03:07
-
بلوکها - چالش 00:59
-
STATE - مقدمه 02:05
-
STATE - کلاس Jobs of State 02:24
-
STATE - کلاس State (کد) 10:52
-
STATE - مکانیزم بازی با بلوکها 03:53
-
STATE - بازی با بلوکها (کد) 03:59
-
STATE - چالش 07:56
-
STATE - راهحل چالش - بخش 1 (کد) 04:04
-
STATE - راهحل چالش - بخش 2 (کد) 05:05
-
STATE - راهحل چالش - بخش 3 (کد) 08:38
-
STATE - راهحل چالش - بخش 4 (کد) 06:21
-
PIXI - مقدمه 01:41
-
PIXI - برنامه Pixi.js چیست؟ 02:10
-
PIXI - بررسی Three.js 00:42
-
PIXI - مبانی 05:59
-
PIXI - مقداردهی اولیه اپلیکیشن 04:36
-
PIXI - گرافیکها 02:16
-
PIXI - گرافیکها (کد) 04:04
-
PIXI - مشکل موقعیتیابی گرافیکها (کد) 02:09
-
PIXI - راهحل Gotcha گرافیکها با استفاده از مجموعه موقعیت (کد) 02:09
-
PIXI - افزودن فرزند (کد) 02:50
-
PIXI - سیستم موقعیتیابی (کد) 02:14
-
PIXI - درخت وراثت (کد) 01:45
-
PIXI - مقیاس مرتبط با سیستم موقعیتیابی (کد) 07:01
-
PIXI - تمرین موقعیت و ابعاد - بخش 1 05:35
-
PIXI - تمرین موقعیت و ابعاد - بخش 2 02:48
-
PIXI - ایده لنگر و محور 00:28
-
PIXI - محور در مقابل لنگر 04:44
-
PIXI - لنگر (کد) 03:48
-
PIXI - چالش محور و لنگر 00:24
-
PIXI - راهحل محور و لنگر 05:11
-
PIXI - کانتینرها 03:23
-
PIXI - موقعیتیابی کانتینر 02:49
-
PIXI - افزودن به نمودار صحنه 03:58
-
PIXI - بررسی Gotcha کانتینر 05:10
-
PIXI - ترفند عمر کانتینر برای قابل مشاهده کردن آنها 03:10
-
PIXI - داراییها 01:46
-
PIXI - استخراج داراییها از مرورگر 03:22
-
PIXI - بارگذاری داراییها در یک اسپرایت 00:23
-
PIXI - اسپرایتها 04:18
-
PIXI - مطالعه موردی بارگذاری داراییها (کد) 07:03
-
PIXI - مطالعه موردی با استفاده از گیت 00:36
-
PIXI - نسبت تصویر برای اسپرایتها 03:14
-
PIXI - اسپرایتهای متحرک 03:12
-
PIXI - انیمیشنهای ستون فقرات 03:15
-
PIXI - اسپرایت متحرک (کد) 04:36
-
PIXI - فریمهای مجموعه اسپرایت متحرک (کد) 02:29
-
PIXI - رویدادهای تعاملی و کلیک 01:15
-
PIXI - تعامل کلیک (کد) 01:47
-
PIXI - اسپرایت متحرک به عنوان رابط کاربری 01:17
-
PIXI - متن 02:24
-
PIXI - بررسی Gotcha متن 01:09
-
PIXI - متن (کد) 03:04
-
PIXI - متن بیتمپ (کد) 01:35
-
PIXI - بررسی Ticker 05:24
-
PIXI - توضیح رفتار Ticker 00:50
-
PIXI - بررسی Ticker (کد) 03:23
-
PIXI - صدا 03:21
-
PIXI - صدا (کد) 07:38
-
PIXI - نشت حافظه 06:53
-
PIXI - مدیریت حافظه (کد) 02:55
-
PIXI - ماسکها 00:59
-
PIXI - مثال ماسکها 01:01
-
PIXI - ماسک (کد) 02:30
-
PIXI EXT - مقدمه 00:47
-
PIXI EXT - مثالی برای منطق افزونه (کد) 02:57
-
PIXI EXT - مثال تغییر اندازه 00:45
-
PIXI EXT - منطق افزونه 02:25
-
PIXI EXT - بررسی افزونه (کد) 00:55
-
PIXI EXT - بررسی Redraw کردن سیستم (کد) 03:52
-
PIXI EXT - فایل پیکربندی (کد) 03:00
-
PIXI EXT - فرمولهای ارتفاع، عرض، X و Y (کد) 02:24
-
PIXI EXT - تغییر پیکربندی در رانتایم (کد) 02:30
-
PIXI EXT - ویژگیهای اختیاری (کد) 00:52
-
PIXI EXT - بازگشت موقت در مقابل غیرموقت (کد) 01:46
-
PIXI EXT - کامپوزیشن در مقابل کلاسهای توسعه یافته (کد) 03:14
-
PIXI EXT - جمعبندی (کد) 01:57
-
PIXI EXT - لوگو برای مطالعه موردی (کد) 03:54
-
PIXI EXT - ادامه لوگو برای مطالعه موردی (کد) 05:17
-
PIXI EXT - لوگو برای مطالعه موردی - افزودن فرزند (کد) 01:03
-
PIXI EXT - چالش 01:18
-
PIXI EXT - راهحل چالش (کد) 04:41
-
PIXI EXT - انیمیشن تزئینی مطالعه موردی (کد) 01:08
-
PIXI EXT - ادامه انیمیشن تزئینی مطالعه موردی (کد) 07:33
-
PIXI EXT - چالش 01:55
-
PIXI EXT - راهحل چالش (کد) 00:59
-
PIXI EXT - پرایمر پیشرفته چالش (کد) 09:35
-
PIXI EXT - انیمیشن مقیاسبندی - پرایمر پیشرفته چالش (کد) 05:04
-
PIXI EXT - ادامه انیمیشن مقیاسبندی - پرایمر پیشرفته چالش (کد) 02:28
-
PIXI EXT - توضیح Math.Sin - پرایمر پیشرفته چالش 03:28
-
PIXI EXT - بررسی Math.Sin - پرایمر پیشرفته چالش (کد) 02:36
-
PIXI EXT - پرایمر چالش پیشرفته - ایجاد تعریف پیکربندی (کد) 01:24
-
PIXI EXT - چالش پیشرفته 07:55
-
PIXI EXT - راهحل پیشرفته چالش - بخش 1 (کد) 02:29
-
PIXI EXT - راهحل پیشرفته چالش - بخش 2 (کد) 03:40
-
PIXI EXT - راهحل پیشرفته چالش - بخش 3 (کد) 01:52
-
PIXI EXT - راهحل پیشرفته چالش - بخش 4 (کد) 01:04
-
PIXI EXT - راهحل پیشرفته چالش - بخش 5 (کد) 03:05
-
PIXI EXT - نتیجهگیری چالش پیشرفته 00:44
-
SCSS - مقدمه 02:38
-
SCSS - مودیفایر عنصر بلوک 01:43
-
SCSS - ایده مودیفایر عنصر بلوک 01:46
-
SCSS - مثال .B.E.M 01:43
-
SCSS - مثال مودیفایر 01:32
-
SCSS - ایده SASS 00:42
-
SCSS - بررسی کد SASS (کد) 07:16
-
SCSS - ویرایش SASS (کد) 01:05
-
SCSS - ملاحظات کامپایلر (کد) 01:50
-
SCSS - چالش نیست 02:06
-
ریاکت - مقدمه 02:16
-
ریاکت - بررسی اولیه 01:50
-
ریاکت - بررسی (کد) 07:08
-
ریاکت - کامپوننتها (کد) 01:17
-
ریاکت - قانون طلایی تودرتوسازی (کد) 01:18
-
ریاکت - چرا کامپوننتها؟ 02:42
-
ریاکت - ایدههای کامپوننتها - بخش 1 (props و state، هر دو و هیچ کدام) 01:00
-
ریاکت - props در مقابل state 03:30
-
ریاکت - نه Props نه State (کد) 02:04
-
ریاکت - فقط props (کد) 02:04
-
ریاکت - مثال props 01:16
-
ریاکت - فقط State (کد) 04:10
-
ریاکت - props و state (کد) 06:30
-
ریاکت - کامپوننتها - بخش 2 00:27
-
ریاکت - تابعی در مقابل کلاس 02:53
-
ریاکت - کامپوننت Did Mount و Un-Mount و Use Effect 02:59
-
ریاکت - Get Instance و Game.events 01:28
-
ریاکت - کامپوننت تابعی (کد) 05:37
-
ریاکت - کامپوننت Did Mount و تعاملپذیری (کد) 02:32
-
ریاکت - چالش 01:45
-
ریاکت - مثال نتیجه چالش 01:28
-
ریاکت - راهحل چالش - بخش 1 (کد) 04:21
-
ریاکت - راهحل چالش - بخش 2 (کد) 02:19
-
ریاکت - راهحل چالش - بخش 32 (کد) 06:12
-
ریاکت - مثال چالش پیشرفته 01:45
-
ریاکت - چالش پیشرفته 01:42
-
ریاکت - راهحل چالش پیشرفته - بخش 1 (کد) 05:28
-
ریاکت - راهحل چالش پیشرفته - بخش 2 (کد) 03:21
-
ریاکت - راهحل چالش پیشرفته - بخش 3 (کد) 05:31
-
ریاکت - راهحل چالش پیشرفته - بخش 4 (کد) 07:56
-
داراییها - مقدمه 04:51
-
داراییها - شروع با نمادها 03:53
-
داراییها - بدون طراحی شروع نکنید 03:29
-
داراییها - طراحی نهایی 02:16
-
داراییها - ملاحظات طراحی برای موبایل 03:01
-
داراییها - ایجاد دارایی نماد جدید 00:40
-
داراییها- ویرایش تصویر 05:53
-
داراییها - افزودن یک پسزمینه 04:50
-
داراییها - تولید کیفریمهای انیمیشن 08:46
-
داراییها - تغییرات نهایی در انیمیشن 00:55
-
داراییها - اکسپورت فریمها 01:16
-
داراییها - تغییر اندازه فریمها 00:41
-
داراییها - ایجاد انیمیشن تست و اکسپورت Spritesheet 02:09
-
داراییها - ایمپورت و ویرایش Spritesheet 04:39
-
داراییها - تست انیمیشن در بازی 01:36
-
داراییها - رفتن به برنچ دیگر و مشاهده انیمیشن 02:34
-
پورتفولیو - خوک خوش شانس 04:20
-
پورتفولیو - مکعب مستطیل (Tulo.js) 00:50
-
پورتفولیو - ملاحظات هوش مصنوعی مکعب مستطیل 00:59
-
پورتفولیو - ایدههای دارایی انتزاعی مکعب مستطیل 00:49
-
پورتفولیو - استفاده پیشرفته از فریمورک من در Super Corps 02:32
-
پورتفولیو - استراتژی برای ساخت پورتفولیوی خود 03:41
مشخصات آموزش
اصول بازی اسلات در Pixi.js، ریاکت و تایپاسکریپت
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:213
- مدت زمان :11:23:23
- حجم :8.56GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی