آموزش کاربرد مفاهیم توسعه بازی با HTML5 و Canvas - آخرین آپدیت

مبانی HTML5 و طراحی واکنش‌گرا HTML5 Foundations & Responsive Design

• مرور کلی HTML5 و عناصر جدید HTML5 Overview & New Elements

• مبانی طراحی وب واکنش‌گرا Responsive Web Design Basics

• طراحی واکنش‌گرا با Viewport و چیدمان‌ها Responsive Design with Viewport & Layouts

• طراحی واکنش‌گرا با استفاده از CSS Grid Responsive Design Using CSS Grid

راه‌اندازی Canvas و مکانیک‌های اصلی بازی Canvas Setup & Core Game Mechanics

• دریافت داده‌های مخزن (Repo) Getting the Repo Data

• افزودن استایل‌دهی Adding Styling

• HTML Canvas HTML Canvas

• ترسیم صفحه بازی Drawing the Board

• منطق صفحه بازی و رندرینگ Game Board Logic & Rendering

• جریان بازی و نوبت بازیکنان Game Flow and Player Turns

بهینه‌سازی منطق بازی و فیزیک Game Logic Optimization & Physics

• منطق Bitmap با استفاده از Bitmasking Bitmap Logic Using Bitmasking

• بهینه‌سازی منطق بازی با استفاده از Bitmap Optimizing Game Logic with Bitmaps

• توسعه بازی Game Development

• برخورد (Collision) Collusion

بازی‌های کامل و ویژگی‌های تعاملی Complete Games & Interactive Features

• توسعه بازی پینگ‌پنگ Ping Pong Development

• ترسیم شبکه و نمایش امتیاز Drawing Net and Score Display

• حرکت توپ و محاسبه امتیاز Ball Movement and Score Calculation

• ساخت بازی Collect the Square Creating Collect the Square Game

• ایجاد شمارش معکوس برای Collect the Square Creating Countdown for Collect the Square

• ایجاد هدف برای Collect the Square Creating Target for Collect the Square

• برخورد هدف در محور X و Y Coliding Target X and Y