آموزش مبانی بازی‌های اسلات با Pixi.js، React و TypeScript - آخرین آپدیت

سرفصل ها و درس ها

مقدمه و راه‌اندازی Introduction and Setup

• اطلاعات آپدیت دوره COURSE UPDATE INFO

• 01 راه‌اندازی: بررسی کلی پروژه 01 SETUP - Project Overview

• 02 راه‌اندازی: نرم‌افزارهای مورد استفاده 02 SETUP - Software Used

• 03 راه‌اندازی: سورس کد 03 SETUP - SOURCE CODE

• 04 راه‌اندازی: اولین کامیت 04 SETUP - First Commit

• 05 راه‌اندازی: بیلد پروژه 05 SETUP - Build Project

• 06 راه‌اندازی: انتشار پروژه در Netlify 06 SETUP - Publish Project on Netlify

• 07 راه‌اندازی: طرز فکر پروژه 07 SETUP - Project Mindset

• 08 راه‌اندازی: ایده‌های Typescript ۱ 08 SETUP - Typescript Ideas 1

• 09 راه‌اندازی: ایده‌های Typescript ۲ 09 SETUP - Typescript Ideas 2

• 10 راه‌اندازی: ایده‌های Typescript ۳ 10 SETUP - Typescript Ideas 3

معماری Architecture

• 01 معماری: مقدمه 01 ARCHITECTURE - Intro

• 02 معماری: ماشین حالت محدود (FSM) 02 ARCHITECTURE - Finite State Machine

• 03 معماری: بررسی کلی استارت‌آپ 03 ARCHITECTURE - Start Up Overview

• 04 معماری: نقطه ورود (کد) 04 ARCHITECTURE - Entry Point ( Code )

• 05 معماری: رندر / کامپوننت‌ها (کد) 05 ARCHITECTURE - Render / Components ( Code )

• 06 معماری: رابط کاربری بازی و کانواس (کد) 06 ARCHITECTURE - Game UI and Canvas ( Code )

• 07 معماری: فایل Game.ts (کد) 07 ARCHITECTURE - Game.ts ( Code )

• 08 معماری: چالش 08 ARCHITECTURE - Challenge

• 09 معماری: پاسخ‌های چالش 09 ARCHITECTURE - Challenge Answers

مدل‌ها Models

• 01 مدل‌ها: مقدمه 01 MODELS - Intro

• 02 مدل‌ها: مدل ریل (Reel Model) 02 MODELS - Reel Model

• 03 مدل‌ها: تک نقطه حقیقت (Single Point of Truth) 03 MODELS - Single Point of Truth

• 04 مدل‌ها: چالش محاسبه برد 04 MODELS - Calculate Win Challenge

• 05 مدل‌ها: راه حل محاسبه برد 05 MODELS - Calculate Win Solution

• 06 مدل‌ها: مدل نمایش ریل 06 MODELS - Reel Display Model

• 07 مدل‌ها: ادامه مدل نمایش ریل 07 MODELS - Reel Display Model Continued

• 08 مدل‌ها: چالش دوز (Tic Tac Toe) 08 MODELS - Tick Tack Toe Challenge

• 09 مدل‌ها: راه حل چالش دوز 09 MODELS - Tick Tack Toe Challenge Solution

• 10 مدل‌ها: راه حل بازپخش دوز 10 MODELS - Tick Tack Toe Replay Solution

نتایج اجباری Forced Results

• 01 نتایج اجباری: مقدمه 01 FORCED RESULTS - Intro

• 02 نتایج اجباری: دیباگینگ 02 FORCED RESULTS - Debugging

• 03 نتایج اجباری: دموها 03 FORCED RESULTS - Demos

• 04 نتایج اجباری: دور ویژگی (Feature Round) 04 FORCED RESULTS - Feature Round

• 05 نتایج اجباری: قوانین و انطباق 05 FORCED RESULT - Regulation and Compliance

• 06 نتایج اجباری: نتیجه چرخش (Spin Result) 06 FORCED RESULTS - Spin Result

• 07 نتایج اجباری: بررسی کد (کد) 07 FORCED RESULTS - Code Review ( Code )

• 08 نتایج اجباری: ادامه بررسی کد (کد) 08 FORCED RESULTS - Code Review Continued ( Code )

• 09 نتایج اجباری: ایجاد یک نتیجه اجباری (کد) 09 FORCED RESULTS - Create a Forced Result ( Code )

• 10 نتایج اجباری: چالش 10 FORCED RESULTS - Challenge

رویدادها Events

• 01 رویدادها: مقدمه 01 EVENTS - Intro

• 02 رویدادها: کالبدشناسی یک رویداد 02 EVENTS - Anatomy of an Event

• 03 رویدادها: مشاهده رویدادها (کد) 03 EVENTS - Observing Events ( Code )

• 04 رویدادها: بایندینگ (Binding) 04 EVENTS - Binding

• 05 رویدادها: ایجاد رویداد بخش اول (کد) 05 EVENTS - Creating an Event Part 1 ( Code )

• 06 رویدادها: ایجاد رویداد بخش دوم (کد) 06 EVENTS - Creating an Event Part 2 ( Code )

• 07 رویدادها: چالش 07 EVENTS - Challenge

بلاک‌ها Blocks

• 01 بلاک‌ها: مقدمه 01 BLOCKS - Intro

• 02 بلاک‌ها: مفاهیم اصلی 02 BLOCKS - Core Concepts

• 03 بلاک‌ها: بلاک‌های مربوط به حالت‌های بازی 03 BLOCKS - Blocks Relating to Game States

• 04 بلاک‌ها: بررسی کلاس Block (کد) 04 BLOCKS - Block Class Review ( Code )

• 05 بلاک‌ها: استفاده برای دیباگینگ (کد) 05 BLOCKS - Using For Debugging ( Code )

• 06 بلاک‌ها: ساخت یک بلاک دیباگ جدید (کد) 06 BLOCKS - Making a New Debug Block ( Code )

• 07 بلاک‌ها: چالش 07 BLOCKS - Challenge

حالت (State) State

• 01 حالت: مقدمه 01 STATE - Intro

• 02 حالت: وظایف کلاس State 02 STATE - Jobs of State Class

• 03 حالت: کلاس State (کد) 03 STATE - State Class (Code)

• 04 حالت: مکانیسم اجرای بلاک‌ها 04 STATE - Play Through Blocks Mechanism

• 05 حالت: اجرای بلاک‌ها (کد) 05 STATE - Play Through Blocks ( Code )

• 06 حالت: چالش 06 STATE - Challenge

• 07 حالت: راه حل چالش بخش اول (کد) 07 STATE - Challenge Solution Part 1 ( Code )

• 08 حالت: راه حل چالش بخش دوم (کد) 08 STATE - Challenge Solution Part 2 ( Code )

• 09 حالت: راه حل چالش بخش سوم (کد) 09 STATE - Challenge Solution Part 3 ( Code )

• 10 حالت: راه حل چالش بخش چهارم (کد) 10 STATE- Challenge Solution Part 4 ( Code )

Pixi.js Pixi.js

• آپدیت: ابزار بسیار کاربردی Pixi Browser UPDATE - REALLY USEFUL PIXI BROWSER TOOL

• 01 Pixi: مقدمه 01 PIXI - Intro

• 02 Pixi: Pixi.js چیست؟ 02 PIXI - What is Pixi.js ?

• 03 Pixi: Three.js 03 PIXI - Three.js

• 04 Pixi: مبانی 04 PIXI - The Basics

• 05 Pixi: مقداردهی اولیه اپلیکیشن 05 PIXI - App Initialisation

• 06 Pixi: گرافیک‌ها 06 PIXI - Graphics

• 07 Pixi: گرافیک‌ها (کد) 07 PIXI - Graphics ( Code )

• 08 و 09 Pixi: نکته جایگذاری گرافیک (کد) 08 AND 09 PIXI - Graphics Positioning Gotcha ( Code )

• 10 Pixi: راه حل جایگذاری با استفاده از Position Set (کد) 10 PIXI - Graphics Gotcha Solution Using Position Set ( Code )

• 11 Pixi: افزودن فرزند (Add Child) (کد) 11 PIXI - Add Child ( Code )

• 12 Pixi: سیستم جایگذاری (کد) 12 PIXI - Positioning System ( Code )

• 13 Pixi: درخت ارث‌بری (کد) 13 PIXI - Inheritance Tree ( Code )

• 14 Pixi: مقیاس در رابطه با سیستم جایگذاری (کد) 14 PIXI - Scale Relating to Positioning System ( Code )

• 15 Pixi: تمرین موقعیت و ابعاد ۱ 15 PIXI - Position and Dimension Exercise 1

• 16 Pixi: تمرین موقعیت و ابعاد ۲ 16 PIXI - Position and Dimension Exercise 2

• 17 Pixi: ایده Anchor و Pivot 17 PIXI - Anchor and Pivot Idea

• 18 Pixi: تفاوت Pivot و Anchor 18 PIXI - Pivot Vs Anchor

• 19 Pixi: لنگر (Anchor) (کد) 19 PIXI - Anchor ( Code )

• 20 Pixi: چالش Pivot و Anchor 20 PIXI - Pivot and Anchor Challenge

• 21 Pixi: راه حل Pivot و Anchor 21 PIXI - Pivot and Anchor Solution

• 22 Pixi: کانتینرها 22 PIXI - Containers

• 23 Pixi: جایگذاری کانتینر 23 PIXI - Container Positioning

• 24 Pixi: افزودن به Scene Graph 24 PIXI - Adding to the Scene Graph

• 25 Pixi: نکات کانتینر 25 PIXI - Container Gotcha

• 26 Pixi: ترفند نمایش کانتینرها 26 PIXI - Container Life Hack to Make them Visible

• 27 Pixi: دارایی‌ها (Assets) 27 PIXI - Assets

• 28 Pixi: دریافت دارایی‌ها از مرورگر 28 PIXI - Acquiring Assets From The Browser

• 29 Pixi: بارگذاری دارایی در یک Sprite 29 PIXI - Loading Asset Into A Sprite

• 30 Pixi: اسپرایت‌ها (Sprites) 30 PIXI - Sprites

• 31 Pixi: مطالعه موردی بارگذاری دارایی‌ها (کد) 31 PIXI - Loading Assets Case Study ( Code )

• 32 Pixi: مطالعه موردی با استفاده از Git 32 PIXI - Case Study Using Git

• 33 Pixi: نسبت ابعاد برای اسپرایت‌ها 33 PIXI - Aspect Ratio For Sprites

• 34 Pixi: اسپرایت‌های متحرک 34 PIXI - Animated Sprites

• 35 Pixi: انیمیشن‌های Spine 35 PIXI - Spine Animations

• 36 Pixi: اسپرایت متحرک (کد) 36 PIXI - Animated Sprite ( Code )

• 37 Pixi: جمع‌آوری فریم‌های اسپرایت متحرک (کد) 37 PIXI - Animated Sprite Gathering Frames ( Code )

• 38 Pixi: تعامل / رویدادهای کلیک 38 PIXI - Interactivity / Click Events

• 39 Pixi: تعامل کلیک (کد) 39 PIXI - Click Interaction ( Code )

• 40 Pixi: اسپرایت متحرک به عنوان رابط کاربری 40 PIXI - Animated Sprite As User Interface

• 41 Pixi: متن (Text) 41 PIXI - Text

• 42 Pixi: نکات متن 42 PIXI - Text Gotcha

• 43 Pixi: متن (کد) 43 PIXI - Text ( Code )

• 44 Pixi: متن بیت‌مپ (کد) 44 PIXI - Bitmap Text ( Code )

• 45 Pixi: تیکر (Ticker) 45 PIXI - Ticker

• 46 Pixi: توضیح رفتار Ticker 46 PIXI - Ticker Behaviour Explained

• 47 Pixi: تیکر (کد) 47 PIXI - Ticker ( Code )

• 48 Pixi: صدا 48 PIXI - Sound

• 49 Pixi: صدا (کد) 49 PIXI - Sound ( Code )

• 50 Pixi: نشت حافظه (Memory Leak) 50 PIXI - Memory Leak

• 51 Pixi: مدیریت حافظه (کد) 51 PIXI - Memory Management ( Code )

• 52 Pixi: ماسک‌ها 52 PIXI - Masks

• 53 Pixi: مثال ماسک 53 PIXI - Masks Example

• 54 Pixi: ماسک (کد) 54 PIXI - Mask ( Code )

افزونه‌های Pixi Pixi Extensions

• 01 افزونه Pixi: مقدمه 01 PIXI EXT - Introduction

• 02 افزونه Pixi: مثال برای منطق توسعه (کد) 02 PIXI EXT - Example For Extension Rationale ( Code )

• 03 افزونه Pixi: مثال تغییر اندازه 03 PIXI EXT - Resizing Example

• 04 افزونه Pixi: منطق توسعه 04 PIXI EXT - Rationale For Extension

• 05 افزونه Pixi: بررسی کلی افزونه (کد) 05 PIXI EXT - Extension Overview ( Code )

• 06 افزونه Pixi: سیستم ترسیم مجدد (کد) 06 PIXI EXT - Redraw System ( Code )

• 07 افزونه Pixi: فایل تنظیمات (کد) 07 PIXI EXT - Config File ( Code )

• 08 افزونه Pixi: فرمول‌های ارتفاع، عرض، X و Y (کد) 08 PIXI EXT - Height, Width, X, Y Formulas ( Code )

• 09 افزونه Pixi: تغییر تنظیمات در زمان اجرا (کد) 09 PIXI EXT - Changing Config at Runtime Preconstruction ( Code )

• 10 افزونه Pixi: ویژگی‌های اختیاری (کد) 10 PIXI EXT - Optional Properties ( Code )

• 11 افزونه Pixi: ترسیم مجدد موقت در مقابل غیرموقت (کد) 11 PIXI EXT - Temporary Vs Non-Temporary Redraw ( Code )

• 12 افزونه Pixi: ترکیب در مقابل کلاس‌های گسترش یافته (کد) 12 PIXI EXT - Composition Vs Extended Classes ( Code )

• 13 افزونه Pixi: مرور کلی (کد) 13 PIXI EXT - Recap ( Code )

• 14 افزونه Pixi: مطالعه موردی لوگو (کد) 14 PIXI EXT - Case Study Logo ( Code )

• 15 افزونه Pixi: ادامه مطالعه موردی لوگو (کد) 15 PIXI EXT - Case Study Logo Continued ( Code )

• 16 افزونه Pixi: افزودن فرزند در مطالعه موردی لوگو (کد) 16 PIXI EXT - Case Study Logo Add Child ( Code )

• 17 افزونه Pixi: چالش 17 PIXI EXT - Challenge

• 18 افزونه Pixi: راه حل چالش (کد) 18 PIXI EXT - Challenge Solution ( Code )

• 19 افزونه Pixi: مطالعه موردی انیمیشن تزئینی (کد) 19 PIXI EXT - Case Study Decorative Animation ( Code )

• 20 افزونه Pixi: ادامه مطالعه موردی انیمیشن تزئینی (کد) 20 PIXI EXT - Case Study Decorative Animation Continued ( Code )

• 21 افزونه Pixi: چالش 21 PIXI EXT - Challenge

• 22 افزونه Pixi: راه حل چالش (کد) 22 PIXI EXT - Challenge Solution ( Code )

• 23 افزونه Pixi: مقدمات چالش پیشرفته (کد) 23 PIXI EXT - Advanced Challenge Primer ( Code )

• 24 افزونه Pixi: انیمیشن مقیاس در چالش پیشرفته (کد) 24 PIXI EXT - Advanced Challenge Primer Scale Animation ( Code )

• 25 افزونه Pixi: ادامه انیمیشن مقیاس در چالش پیشفته (کد) 25 PIXI EXT- Advanced Challenge Primer Scale Animation Continued ( Code )

• 26 افزونه Pixi: توضیح Math.Sin در چالش پیشرفته 26 PIXI EXT - Advanced Challenge Primer Math.Sin Explanation

• 27 افزونه Pixi: استفاده از Math.Sin (کد) 27 PIXI EXT - Advanced Challenge Primer Math.Sin ( Code )

• 28 افزونه Pixi: درک تنظیمات در چالش پیشرفته (کد) 28 PIXI EXT - Advanced Challenge Primer Making Sense Of Configuration ( Code )

• 29 افزونه Pixi: چالش پیشرفته 29 PIXI EXT - Advanced Challenge

• 30 افزونه Pixi: راه حل چالش پیشرفته بخش اول (کد) 30 PIXI EXT - Advanced Challenge Solution Part 1 ( Code )

• 31 افزونه Pixi: راه حل چالش پیشرفته بخش دوم (کد) 31 PIXI EXT - Advanced Challenge Solution Part 2 ( Code )

• 32 افزونه Pixi: راه حل چالش پیشرفته بخش سوم (کد) 32 PIXI EXT - Advanced Challenge Solution Part 3 ( Code )

• 33 افزونه Pixi: راه حل چالش پیشرفته بخش چهارم (کد) 33 PIXI EXT - Advanced Challenge Solution Part 4 ( Code )

• 34 افزونه Pixi: راه حل چالش پیشرفته بخش پنجم (کد) 34 PIXI EXT - Advanced Challenge Solution Part 5 ( Code )

• 35 افزونه Pixi: نتیجه‌گیری چالش پیشرفته 35 PIXI EXT Advanced Challenge Conclusion

SCSS SCSS

• 01 SCSS: مقدمه 01 SCSS - Intro

• 02 SCSS: بلاک، المان، اصلاح‌کننده (BEM) 02 SCSS - Block Element Modifier

• 03 SCSS: ایده BEM 03 SCSS - Block Element Modifier Idea

• 04 SCSS: مثال B.E.M. 04 SCSS - B.E.M. Example

• 05 SCSS: مثال اصلاح‌کننده (Modifier) 05 SCSS - Modifier Example

• 06 SCSS: ایده SASS 06 SCSS - SASS Idea

• 07 SCSS: بررسی کد SASS (کد) 07 SCSS - SASS Code Review ( Code )

• 08 SCSS: ویرایش SASS (کد) 08 SCSS - Edit SASS ( Code )

• 09 SCSS: ملاحظات کامپایلر (کد) 09 SCSS - Compiler Considerations ( Code )

• 10 SCSS: بدون چالش 10 SCSS - Not A Challenge

React React

• 01 React: مقدمه 01 REACT - Introduction

• 02 React: تور آشنایی 02 REACT - Walking Tour

• 03 React: بررسی کلی (کد) 03 REACT - Overview ( Code )

• 04 React: کامپوننت‌ها (کد) 04 REACT - Components ( Code )

• 05 React: قانون طلایی تو در تو سازی (کد) 05 REACT - Golden Rule Nesting ( Code )

• 06 React: چرا کامپوننت‌ها؟ 06 REACT - Why Components?

• 07 React: ایده‌های کامپوننت بخش ۱ (Props, States, Both, Neither) 07 REACT - Components Ideas Part 1 (Props, States, Both, Neither)

• 08 React: تفاوت Props و State 08 REACT - Props Vs State

• 09 React: بدون Props و State (کد) 09 REACT - Neither Props Nor State ( Code )

• 10 React: فقط Props (کد) 10 REACT - Props Only ( Code )

• 11 React: مثال Props 11 REACT - Props Example

• 12 React: فقط State (کد) 12 REACT - State Only ( Code )

• 13 React: ترکیب Props و State (کد) 13 REACT - Props and State ( Code )

• 14 React: کامپوننت‌ها بخش ۲ 14 REACT - Components Part 2

• 15 React: تابع در مقابل کلاس 15 REACT - Functional Vs Class

• 16 React: Component Did Mount / Un Mount / Use Effect 16 REACT - Component Did Mount / Un-Mount / Use Effect

• 17 React: دریافت نمونه / Game.events 17 REACT - Get Instance / Game.events

• 18 React: کامپوننت تابعی (کد) 18 REACT - Functional Component ( Code )

• 19 React: Component Did Mount و تعاملات (کد) 19 REACT - Component Did Mount and Interactivity ( Code )

• 20 React: چالش 20 REACT - Challenge

• 21 React: مثال از نتیجه چالش 21 REACT - Challenge Outcome Example

• 22 React: راه حل چالش بخش اول (کد) 22 REACT - Challenge Solution Part 1 ( Code )

• 23 React: راه حل چالش بخش دوم (کد) 23 REACT - Challenge Solution Part 2 ( Code )

• 24 React: راه حل چالش بخش سوم (کد) 24 REACT - Challenge Solution Part 3 ( Code )

• 25 React: مثال چالش پیشرفته 25 REACT - Advanced Challenge Example

• 26 React: چالش پیشرفته 26 REACT - Advanced Challenge

• 27 React: راه حل چالش پیشرفته بخش اول (کد) 27 REACT - Advanced Challenge Solution Part 1 ( Code )

• 28 React: راه حل چالش پیشرفته بخش دوم (کد) 28 REACT - Advanced Challenge Solution Part 2 ( Code )

• 29 React: راه حل چالش پیشرفته بخش سوم (کد) 29 REACT - Advanced Challenge Solution Part 3 ( Code )

• 30 React: راه حل چالش پیشرفته بخش چهارم (کد) 30 REACT - Advanced Challenge Solution Part 4 ( Code )

ساخت دارایی‌ها Asset Creation

• 01 دارایی‌ها: مقدمه 01 ASSETS - Intro

• 02 دارایی‌ها: شروع با سمبل‌ها 02 ASSETS - Start With Symbols

• 03 دارایی‌ها: بدون طراحی شروع نکنید 03 ASSETS - Don't Start Without A Design

• 04 دارایی‌ها: طراحی نهایی 04 ASSETS - Final Design

• 05 دارایی‌ها: ملاحظات طراحی موبایل 05 ASSETS - Mobile Design Considerations

• 06 دارایی‌ها: ایجاد یک دارایی سمبل جدید 06 ASSETS - Create A New Symbol Asset

• 07 دارایی‌ها: ویرایش تصویر 07 ASSETS - Editing The Image

• 08 دارایی‌ها: افزودن پس‌زمینه 08 ASSETS - Adding A Background

• 09 دارایی‌ها: ایجاد کی‌فریم‌های انیمیشن 09 ASSETS - Create The Animation Keyframes

• 10 دارایی‌ها: تغییرات نهایی انیمیشن 10 ASSETS - Final Changes To Animation

• 11 دارایی‌ها: خروجی گرفتن از فریم‌ها 11 ASSETS - Exporting Frames

• 12 دارایی‌ها: تغییر اندازه فریم‌ها 12 ASSETS - Resizing The Frames

• 13 دارایی‌ها: ایجاد انیمیشن تست و خروجی Spritesheet 13 ASSETS - Create A Test Animation and Export Spritesheet

• 14 دارایی‌ها: وارد کردن و ویرایش Spritesheet 14 ASSETS - Import And Edit Spritesheet

• 15 دارایی‌ها: تست انیمیشن در بازی 15 ASSETS - Testing Animation In Game

• 16 دارایی‌ها: انتقال به برنچ دیگر و مشاهده انیمیشن 16 ASSETS - Moving To Different Branch And Viewing Animation

پورتفولیو Portfolio

• 01 پورتفولیو: Lucky Pig 01 PORTFOLIO - Lucky Pig

• 02 پورتفولیو: Cuboid (Three.js) 02 PORTFOLIO - Cuboid ( Three.js )

• 03 پورتفولیو: ملاحظات AI برای Cuboid 03 PORTFOLIO - Cuboid AI Considerations

• 04 پورتفولیو: ایده‌های دارایی انتزاعی برای Cuboid 04 PORTFOLIO - Cuboid Abstract Asset Ideas

• 05 پورتفولیو: Super Corps استفاده پیشرفته از فریم‌ورک من 05 PORTFOLIO - Super Corps Advanced Use Of My Framework

• 06 پورتفولیو: استراتژی ساخت پورتفولیو 06 PORTFOLIO - Strategy For Building Your Portfolio

آپدیت دوره: مکانیک‌های بیشتر و شخصی‌سازی COURSE UPDATE - MORE GAME MECHANICS AND CUSTOMISATION

• سورس کد و راهنمای کاربر SOURCE CODE AND USER GUIDE

• 01 آپدیت دوره: مقدمه 01 COURSE UPDATE - INTRO

• 02 آپدیت دوره: دمو 02 COURSE UPDATE - DEMO

• 03 آپدیت دوره: وزن سمبل‌ها 03 COURSE UPDATE - SYMBOL WEIGHTS

• 04 آپدیت دوره: ویرایش تنظیمات (Config) 04 COURSE UPDATE - EDITING CONFIG

• 05 آپدیت دوره: انتخاب‌های طراحی 05 COURSE UPDATE - DESIGN CHOICES

• 06 آپدیت دوره: خروجی دارایی‌ها 06 COURSE UPDATE - EXPORT ASSETS

• 07 آپدیت دوره: نکته ذخیره پروژه 07 COURSE UPDATE - SAVE PROJECT TIP

• 08 آپدیت دوره: تغییر اندازه دارایی‌ها 08 COURSE UPDATE - RESIZING ASSETS

• 09 آپدیت دوره: نکته مدیریت دارایی‌ها 09 COURSE UPDATE - ASSET MANAGEMENT TIP

• 10 آپدیت دوره: تصاویر رابط کاربری (UI) 10 COURSE UPDATE - UI IMAGES

• 11 آپدیت دوره: Texture Packer 11 COURSE UPDATE - TEXTURE PACKER

• 12 آپدیت دوره: ویرایش Spritesheet 12 COURSE UPDATE - SPRITESHEET EDITING

• 13 آپدیت دوره: بارگذاری Sprite Sheet 13 COURSE UPDATE - LOAD SPRITE SHEET

• 14 آپدیت دوره: ویرایش Reel Helper 14 COURSE UPDATE - REEL HELPER EDITING

• 15 آپدیت دوره: جایگزینی دارایی‌ها 15 COURSE UPDATE - REPLACING ASSETS

• 16 آپدیت دوره: بهینه‌سازی دارایی‌ها 16 COURSE UPDATE - REFINING ASSETS

• 17 آپدیت دوره: ادامه تغییر اندازه 17 COURSE UPDATE - RESIZING CONTINUED

• 18 آپدیت دوره: متغیرهای گلوبال کاربردی 18 COURSE UPDATE - USEFUL GLOBAL VARIABLES

• 19 آپدیت دوره: انتخاب فونت‌ها 19 COURSE UPDATE - SELECTING FONTS

• 20 آپدیت دوره: وارد کردن فونت‌ها 20 COURSE UPDATE - IMPORT FONTS

• 21 آپدیت دوره: متغیرهای فونت 21 COURSE UPDATE - FONT VARIABLES

• 22 آپدیت دوره: عنوان و Favicon 22 COURSE UPDATE - TITLE AND FAVICON

• سورس کد بازی تکمیل شده Cutest Critters SOURCE CODE FOR COMPLETED CUTEST CRITTERS GAME

• 23 آپدیت دوره: بخش پایانی + کد 23 COURSE UPDATE - OUTRO + CODE

بونوس BONUS

• درس بونوس Bonus Lecture