6.4 KiB
وظیفه: بررسی API کَنواس
اهداف یادگیری
با تکمیل این وظیفه، شما درک خود از اصول پایه API کَنواس را نشان میدهید و با بهکارگیری حل مسئله خلاقانه، عناصر بصری را با استفاده از جاوااسکریپت و کَنواس HTML5 میسازید.
دستورالعملها
یک جنبه از API کَنواس که برای شما جالب است را انتخاب کنید و یک پروژه بصری جذاب حول آن بسازید. این وظیفه شما را تشویق میکند که با قابلیتهای رسم آموخته شده آزمایش کنید و چیزی منحصر به فرد بسازید.
ایدههای پروژه برای الهام گرفتن
الگوهای هندسی:
- ایجاد کهکشانی از ستارگان چشمکزن متحرک با موقعیتیابی تصادفی
- طراحی بافتی جالب با استفاده از اشکال هندسی تکراری
- ساختن جلوه کالایدوسکوپ با الگوهای چرخان و رنگارنگ
عناصر تعاملی:
- توسعه یک ابزار نقاشی که به حرکت ماوس واکنش نشان میدهد
- پیادهسازی اشکالی که هنگام کلیک تغییر رنگ میدهند
- طراحی یک حلقه انیمیشن ساده با عناصر متحرک
گرافیک مرتبط با بازی:
- ساختن پسزمینهای اسکرولشونده برای بازی فضایی
- ایجاد افکتهای ذرهای مانند انفجار یا جادو
- خلق اسپریتهای متحرک با چندین فریم
راهنماییهای توسعه
تحقیق و الهام گرفتن:
- جستجو در CodePen برای نمونههای خلاقانه کَنواس (برای الهام، نه کپیبرداری)
- مطالعه مستندات API کَنواس برای روشهای بیشتر
- آزمایش با توابع رسم مختلف، رنگها و انیمیشنها
نیازمندیهای فنی:
- استفاده از راهاندازی درست کَنواس با
getContext('2d') - گنجاندن کامنتهای معنیدار برای توضیح روش خود
- آزمون کامل کد برای اطمینان از اجرای بدون خطا
- بهکارگیری نحو مدرن جاوااسکریپت (const/let، توابع پیکانی)
بیان خلاقانه:
- تمرکز روی یک ویژگی API کَنواس ولی کاوش عمیق آن
- افزودن خلاقیت شخصی برای شخصیسازی پروژه
- در نظر گرفتن اینکه اثر شما چگونه میتواند بخشی از یک برنامه بزرگتر باشد
راهنمایی ارسال
پروژه تکمیل شده را به صورت یک فایل HTML شامل CSS و جاوااسکریپت جاسازی شده، یا فایلهای جداگانه در یک پوشه ارسال کنید. یک کامنت کوتاه درباره انتخابهای خلاقانه خود و ویژگیهای API کَنواس که بررسی کردهاید، اضافه کنید.
معیارها
| معیار | نمونه عالی | قابل قبول | نیازمند بهبود |
|---|---|---|---|
| پیادهسازی فنی | استفاده خلاقانه از API کَنواس با چندین ویژگی، کد بدون خطا اجرا میشود، نحو مدرن جاوااسکریپت بهکار رفته | استفاده صحیح از API کَنواس، کد با مشکلات جزئی اجرا میشود، پیادهسازی پایهای | تلاش برای استفاده از API کَنواس اما کد دارای خطا است یا اجرا نمیشود |
| خلاقیت و طراحی | مفهوم بسیار نوآورانه با جذابیت بصری قوی، کاوش عمیق ویژگی انتخابی کَنواس | استفاده خوب از ویژگیهای کَنواس با عناصر خلاقانه، نتیجه بصری محکم | پیادهسازی پایهای با حداقل خلاقیت یا جذابیت بصری |
| کیفیت کد | کد سازمانیافته، کامنتدار و پیرویکننده از بهترین روشها، الگوریتمهای کارآمد | کد تمیز با برخی کامنتها، پیروی از استانداردهای پایه کدنویسی | کد بدون سازماندهی، کامنت بسیار کم، پیادهسازی ناکارآمد |
سوالات تأملی
پس از تکمیل پروژه خود، به این سوالها فکر کنید:
- کدام ویژگی API کَنواس را انتخاب کردید و چرا؟
- چه چالشهایی هنگام ساخت پروژه خود داشتید؟
- چگونه میتوان این پروژه را به یک برنامه یا بازی بزرگتر توسعه داد؟
- کدام ویژگیهای API کَنواس را میخواهید بعداً بررسی کنید؟
💡 نکته حرفهای: ساده شروع کنید و تدریجاً پیچیدگی اضافه کنید. یک پروژه ساده و موفق بهتر از پروژهای بسیار بلندپروازانه است که به درستی کار نمیکند!
سلب مسئولیت: این سند با استفاده از سرویس ترجمه هوش مصنوعی Co-op Translator ترجمه شده است. در حالی که ما تلاش میکنیم دقت را حفظ کنیم، لطفاً توجه داشته باشید که ترجمههای خودکار ممکن است دارای خطاها یا نواقصی باشند. سند اصلی به زبان مادری آن باید بهعنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفهای انسانی توصیه میشود. ما در قبال هرگونه سوءتفاهم یا برداشت نادرست ناشی از استفاده از این ترجمه مسئولیتی نداریم.