You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
7.1 KiB
81 lines
7.1 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "87cd43afe5b69dbbffb5c4b209ea6791",
|
|
"translation_date": "2025-10-22T15:09:25+00:00",
|
|
"source_file": "6-space-game/2-drawing-to-canvas/assignment.md",
|
|
"language_code": "ur"
|
|
}
|
|
-->
|
|
# اسائنمنٹ: کینوس API کو دریافت کریں
|
|
|
|
## سیکھنے کے مقاصد
|
|
|
|
اس اسائنمنٹ کو مکمل کرکے، آپ کینوس API کی بنیادی باتوں کو سمجھنے کا مظاہرہ کریں گے اور تخلیقی مسئلہ حل کرنے کی صلاحیت کو استعمال کرتے ہوئے جاوا اسکرپٹ اور HTML5 کینوس کے ذریعے بصری عناصر بنائیں گے۔
|
|
|
|
## ہدایات
|
|
|
|
کینوس API کے کسی ایک پہلو کا انتخاب کریں جو آپ کو دلچسپ لگے اور اس کے ارد گرد ایک دلکش بصری پروجیکٹ بنائیں۔ یہ اسائنمنٹ آپ کو سیکھے گئے ڈرائنگ کی صلاحیتوں کے ساتھ تجربہ کرنے اور کچھ منفرد تخلیق کرنے کی ترغیب دیتا ہے۔
|
|
|
|
### پروجیکٹ کے خیالات جو آپ کو متاثر کریں
|
|
|
|
**جیومیٹرک پیٹرنز:**
|
|
- **بنائیں** ایک کہکشاں جس میں ستارے چمکتے ہوں اور ان کی پوزیشننگ رینڈم ہو
|
|
- **ڈیزائن کریں** ایک دلچسپ ٹیکسچر جو بار بار جیومیٹرک شکلوں سے بنایا گیا ہو
|
|
- **تعمیر کریں** ایک کالیڈوسکوپ ایفیکٹ جس میں گھومتے ہوئے، رنگین پیٹرنز ہوں
|
|
|
|
**انٹرایکٹو عناصر:**
|
|
- **ترقی کریں** ایک ڈرائنگ ٹول جو ماؤس کی حرکت پر ردعمل دے
|
|
- **نافذ کریں** ایسے شکلیں جو کلک کرنے پر رنگ تبدیل کریں
|
|
- **ڈیزائن کریں** ایک سادہ اینیمیشن لوپ جس میں حرکت کرتے ہوئے عناصر ہوں
|
|
|
|
**گیم سے متعلق گرافکس:**
|
|
- **بنائیں** ایک اسکرولنگ بیک گراؤنڈ اسپیس گیم کے لیے
|
|
- **تعمیر کریں** پارٹیکل ایفیکٹس جیسے دھماکے یا جادوئی اسپیلز
|
|
- **کریٹ کریں** اینیمیٹڈ اسپریٹس جن میں متعدد فریمز ہوں
|
|
|
|
### ترقیاتی رہنما اصول
|
|
|
|
**تحقیق اور تحریک:**
|
|
- **براؤز کریں** CodePen پر تخلیقی کینوس مثالیں (تحریک کے لیے، نقل کے لیے نہیں)
|
|
- **مطالعہ کریں** [کینوس API دستاویزات](https://developer.mozilla.org/docs/Web/API/Canvas_API) اضافی طریقوں کے لیے
|
|
- **تجربہ کریں** مختلف ڈرائنگ فنکشنز، رنگوں، اور اینیمیشنز کے ساتھ
|
|
|
|
**تکنیکی ضروریات:**
|
|
- **استعمال کریں** مناسب کینوس سیٹ اپ `getContext('2d')` کے ساتھ
|
|
- **شامل کریں** معنی خیز تبصرے جو آپ کے طریقہ کار کی وضاحت کریں
|
|
- **ٹیسٹ کریں** اپنے کوڈ کو اچھی طرح تاکہ یہ بغیر کسی غلطی کے چلے
|
|
- **لاگو کریں** جدید جاوا اسکرپٹ سینٹیکس (const/let، arrow functions)
|
|
|
|
**تخلیقی اظہار:**
|
|
- **توجہ دیں** کینوس API کی ایک خصوصیت پر لیکن اسے گہرائی سے دریافت کریں
|
|
- **اپنی** تخلیقی جھلک شامل کریں تاکہ پروجیکٹ ذاتی ہو
|
|
- **غور کریں** کہ آپ کی تخلیق ایک بڑے ایپلیکیشن کا حصہ کیسے بن سکتی ہے
|
|
|
|
### جمع کرانے کے رہنما اصول
|
|
|
|
اپنا مکمل پروجیکٹ ایک واحد HTML فائل کے طور پر جمع کرائیں جس میں CSS اور جاوا اسکرپٹ شامل ہو، یا الگ الگ فائلوں کے فولڈر میں۔ ایک مختصر تبصرہ شامل کریں جو آپ کے تخلیقی انتخاب اور کینوس API کی خصوصیات کی وضاحت کرے جو آپ نے دریافت کیں۔
|
|
|
|
## روبریک
|
|
|
|
| معیار | بہترین | مناسب | بہتری کی ضرورت |
|
|
|-------|--------|-------|----------------|
|
|
| **تکنیکی عملدرآمد** | کینوس API تخلیقی طور پر متعدد خصوصیات کے ساتھ استعمال کیا گیا، کوڈ بے عیب چلتا ہے، جدید جاوا اسکرپٹ سینٹیکس لاگو کیا گیا | کینوس API درست طریقے سے استعمال کیا گیا، کوڈ معمولی مسائل کے ساتھ چلتا ہے، بنیادی عملدرآمد | کینوس API کی کوشش کی گئی لیکن کوڈ میں غلطیاں ہیں یا یہ چلتا نہیں ہے |
|
|
| **تخلیقی صلاحیت اور ڈیزائن** | انتہائی منفرد تصور کے ساتھ عمدہ بصری کشش، منتخب کردہ کینوس خصوصیت کی گہری دریافت کا مظاہرہ | کینوس خصوصیات کا اچھا استعمال کچھ تخلیقی عناصر کے ساتھ، ٹھوس بصری نتیجہ | بنیادی عملدرآمد کم تخلیقی صلاحیت یا بصری کشش کے ساتھ |
|
|
| **کوڈ کا معیار** | اچھی طرح سے منظم، تبصرہ شدہ کوڈ جو بہترین طریقوں کی پیروی کرتا ہے، موثر الگورتھمز | صاف کوڈ کچھ تبصروں کے ساتھ، بنیادی کوڈنگ معیارات کی پیروی کرتا ہے | کوڈ میں تنظیم کی کمی، کم سے کم تبصرے، غیر موثر عملدرآمد |
|
|
|
|
## عکاسی کے سوالات
|
|
|
|
اپنا پروجیکٹ مکمل کرنے کے بعد، ان سوالات پر غور کریں:
|
|
|
|
1. **آپ نے کینوس API کی کون سی خصوصیت منتخب کی اور کیوں؟**
|
|
2. **آپ کو اپنے پروجیکٹ کو بنانے میں کون سے چیلنجز کا سامنا کرنا پڑا؟**
|
|
3. **آپ اس پروجیکٹ کو ایک بڑے ایپلیکیشن یا گیم میں کیسے بڑھا سکتے ہیں؟**
|
|
4. **آپ کینوس API کی کون سی دیگر خصوصیات کو اگلے مرحلے میں دریافت کرنا چاہیں گے؟**
|
|
|
|
> 💡 **پرو ٹپ**: سادہ سے شروع کریں اور آہستہ آہستہ پیچیدگی شامل کریں۔ ایک اچھی طرح سے انجام دیا گیا سادہ پروجیکٹ ایک بہت زیادہ پرجوش پروجیکٹ سے بہتر ہے جو صحیح طریقے سے کام نہیں کرتا!
|
|
|
|
---
|
|
|
|
**ڈسکلیمر**:
|
|
یہ دستاویز AI ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔ |