آموزش با بوم HTML5 خلاق باشید
Get creative with the HTML5 Canvas
یاد بگیرید چگونه با استفاده از بوم HTML5، گرافیک و انیمیشن های شگفت انگیز بکشید!
بوم یک عنصر HTML5 است که می‌توانیم از آن برای افزودن یک منطقه طراحی به وب‌سایت‌ها، برنامه‌ها یا بازی‌های مبتنی بر مرورگر خود استفاده کنیم. Canvas مملو از ویژگی‌ها برای ایجاد برخی گرافیک‌های شگفت‌انگیز است.
ما این دوره را با ویژگی‌های اساسی شروع می‌کنیم، از جمله:
- راه اندازی Canvas و ایجاد محتوای بازگشتی برای مرورگرهای پشتیبانی نشده
- اسکریپت
- ترسیم اشکالی مانند مربع، مستطیل، کمان و دایره
- خطوط و مسیرها
- عرض خط و مطابقت با پیکسل ها
- کار با انواع مختلف گوشه و میتر
- نحوه حذف بخش هایی از بوم
- افزودن متن و استایل بوم
- پرهای رنگی، الگوها، شیب ها و سایه ها
سپس با نگاهی به تکنیک‌های پیشرفته‌تر مانند:
، کارها را افزایش می‌دهیم- منحنی های Bezier و درجه دوم
- نحوه ذخیره و بازیابی بوم
- مقیاس بندی، چرخش و ترجمه نقشه ها
- نحوه استفاده از تبدیل ها
- دسترسی به داده‌های پیکسل برای کشیدن روی بوم و همچنین دستکاری تصاویر.
- از حلقه ها برای کارهای تکراری استفاده کنید
- افزودن انیمیشن های بوم
کاربردهای بوم فقط به تخیل شما محدود می شود! همه چیزهایی که برای تکمیل دوره نیاز دارید شامل یا رایگان برای استفاده است، هیچ نرم افزار اضافی، اشتراک یا خرید و غیره برای تکمیل یا شرکت در این دوره وجود ندارد.
پس آیا آمادگی دارید مهارت‌های خود را به سطح بعدی ببرید؟
اکنون به من بپیوندید و مشتاقانه منتظر حضور شما هستم!
برای این پروژه سرگرم کننده از شما می خواهم که میکی ماوس را بکشید!
با استفاده از مهارت‌هایی که در طول دوره آموخته‌اید، این فرصتی است که همه آن را عملی کنید.
دستورالعمل ها و همچنین نسخه من در درس های ویدئویی پروژه در پایان دوره پوشش داده شده است.
پس این فرصت شما برای خلاقیت است و من دوست دارم کار شما را ببینم!
*** برای دانلود در منطقه پروژه یک برگه مرجع رایگان برای کمک به این دوره و در آینده موجود است ***
درس ها Lessons
-
متشکرم Thank you
-
افزایش آن: ذخیره و بازیابی Stepping It Up: Save & restore
-
مقدمه چالش: تبدیل تصاویر به مقیاس خاکستری Challenge intro: Converting images to greyscale
-
من را در Skillshare دنبال کنید! Follow me on Skillshare!
-
خوش آمدی! Welcome!
-
مبانی بوم: گرادیان Canvas Basics: Gradients
-
اصول بوم: اضافه کردن متن بوم Canvas Basics: Adding canvas text
-
بوم HTML5 چیست؟ What is the HTML5 Canvas?
-
اصول اولیه بوم: عرض خطوط و مطابقت با پیکسل ها Canvas Basics: Line widths & matching to pixels
-
اصول بوم: اسکریپت نویسی و طراحی مستطیل Canvas Basics: Scripting & drawing rectangles
-
مبانی بوم: خطوط و مسیرها Canvas Basics: Lines & paths
-
افزایش آن: مقیاس، چرخش و ترجمه Stepping It Up: Scale, rotate & translate
-
Steping It Up: کار با پیکسل Stepping It Up: Working with pixels
-
مبانی بوم: الگوها و سایه ها Canvas Basics: Patterns & shadows
-
چالش: تبدیل تصاویر به مقیاس خاکستری Challenge: Converting images to greyscale
-
گام برداشتن: متحرک سازی Stepping It Up: Animating
-
اصول اولیه بوم: حذف بخش هایی از بوم Canvas Basics: Removing sections of the canvas
-
اصول اولیه بوم: گوشه ها و میترها Canvas Basics: Corners & miters
-
اصول اولیه بوم: درک مختصات بوم Canvas Basics: Understanding the Canvas co-ordinates
-
پروژه نهایی: مقدمه Final project: Introduction
-
پروژه نهایی: میکی موس را بکشید! Final project: Draw Mickey Mouse!
-
اصول اولیه بوم: اضافه کردن تصاویر به بوم Canvas Basics: Adding images to the canvas
-
گام به گام: منحنی های Bezier و درجه دوم Stepping It Up: Bezier & quadratic curves
-
اصول اولیه بوم: راه اندازی بوم Canvas Basics: Setting up the Canvas
-
اصول اولیه بوم: کمان و دایره ها Canvas Basics: Arc's & circles
-
گام برداشتن: حلقه زدن Stepping It Up: Looping
-
استپ آن بالا: دگرگونی های بوم Stepping It Up: Canvas transformations
https://donyad.com/d/c9ae
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات