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

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

مقدمه‌ای بر HTML5 Canvas Introduction to HTML5 Canvas

• نمای کلی Overview

• آشنایی با عنصر Canvas Introduction to the Canvas Element

• ترسیم خطوط و مستطیل‌ها Drawing Lines and Rectangles

• ترسیم خطوط و مستطیل‌ها بخش دوم Drawing Lines and Rectangles Part 2

• ترسیم منحنی‌ها و کمان‌ها Drawing Curves and Arcs

• ترسیم منحنی‌ها و کمان‌ها بخش دوم Drawing Curves and Arcs Part 2

• ترسیم منحنی‌ها و کمان‌ها بخش سوم Drawing Curves and Arcs Part 3

• ایجاد سایر اشکال Creating Other Shapes

• ایجاد سایر اشکال بخش دوم Creating Other Shapes Part 2

تکنیک‌های پیشرفته ترسیم Advanced Drawing Techniques

• سبک‌های ترسیم و رنگ‌ها Drawing Styles and Colors

• سبک‌های ترسیم و رنگ‌ها بخش دوم Drawing Styles and Colors Part 2

• ترسیم متن Drawing Text

• ترسیم گرادینت‌ها Drawing Gradients

• ترسیم گرادینت‌ها بخش دوم Drawing Gradients Part 2

• استفاده از تصاویر Using Images

• استفاده از تصاویر بخش دوم Using Images Part 2

• استفاده از تصاویر: فیلتر سیاه و سفید Using Images: Grayscale Filter

تغییر شکل، انیمیشن و مدیریت رویدادها Transformations, Animations, and Event Handling

• استفاده از تغییر شکل‌ها (Transformations) Using Transformations

• استفاده از تغییر شکل‌ها بخش دوم Using Transformations Part 2

• برش (Clipping) و ترکیب تصاویر Clipping and Composites

• برش (Clipping) و ترکیب تصاویر بخش دوم Clipping and Composites Part 2

• اطلاعات بیشتر درباره انیمیشن‌ها More About Animations

• اطلاعات بیشتر درباره انیمیشن‌ها بخش دوم More About Animations Part 2

• بیایید بسازیم: ذرات در همه جا Let's Build It: Particles Everywhere

• بیایید بسازیم: ذرات در همه جا بخش دوم Let's Build It: Particles Everywhere Part 2

• پاسخگویی به رویدادها Responding to Events