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
4.5 KiB
81 lines
4.5 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "87cd43afe5b69dbbffb5c4b209ea6791",
|
|
"translation_date": "2025-10-24T19:41:15+00:00",
|
|
"source_file": "6-space-game/2-drawing-to-canvas/assignment.md",
|
|
"language_code": "sw"
|
|
}
|
|
-->
|
|
# Kazi: Chunguza API ya Canvas
|
|
|
|
## Malengo ya Kujifunza
|
|
|
|
Kwa kukamilisha kazi hii, utaonyesha uelewa wako wa misingi ya API ya Canvas na kutumia ubunifu kutatua changamoto za kubuni vipengele vya kuona kwa kutumia JavaScript na HTML5 canvas.
|
|
|
|
## Maelekezo
|
|
|
|
Chagua kipengele kimoja cha API ya Canvas kinachokuvutia na unda mradi wa kuvutia wa kuona kulingana nacho. Kazi hii inakuhimiza kujaribu uwezo wa kuchora uliojifunza huku ukijenga kitu cha kipekee chako.
|
|
|
|
### Mawazo ya Miradi ya Kukuhamasisha
|
|
|
|
**Mchoro wa Kijiometri:**
|
|
- **Unda** anga lenye nyota zinazong'aa kwa uhuishaji wa nafasi za nasibu
|
|
- **Buni** muundo wa kuvutia kwa kutumia maumbo ya kijiometri yanayojirudia
|
|
- **Jenga** athari ya kaleidoscope yenye mifumo inayozunguka na yenye rangi nyingi
|
|
|
|
**Vipengele vya Kuingiliana:**
|
|
- **Tengeneza** zana ya kuchora inayojibu harakati za panya
|
|
- **Tekeleza** maumbo yanayobadilisha rangi yanapobonyezwa
|
|
- **Buni** mzunguko rahisi wa uhuishaji wenye vipengele vinavyosogea
|
|
|
|
**Michoro ya Michezo:**
|
|
- **Tengeneza** mandhari inayosogea kwa mchezo wa anga
|
|
- **Jenga** athari za chembe kama milipuko au uchawi
|
|
- **Unda** sprites zinazoonyeshwa kwa uhuishaji wa fremu nyingi
|
|
|
|
### Miongozo ya Maendeleo
|
|
|
|
**Utafiti na Uvuvio:**
|
|
- **Tembelea** CodePen kwa mifano ya ubunifu ya canvas (kwa uvuvio, si nakala)
|
|
- **Soma** [Canvas API documentation](https://developer.mozilla.org/docs/Web/API/Canvas_API) kwa mbinu za ziada
|
|
- **Jaribu** kazi mbalimbali za kuchora, rangi, na uhuishaji
|
|
|
|
**Mahitaji ya Kiufundi:**
|
|
- **Tumia** usanidi sahihi wa canvas na `getContext('2d')`
|
|
- **Jumuisha** maelezo yenye maana yanayoelezea mbinu yako
|
|
- **Pima** msimbo wako kwa kina kuhakikisha unafanya kazi bila makosa
|
|
- **Tumia** sintaksia ya kisasa ya JavaScript (const/let, arrow functions)
|
|
|
|
**Ubunifu wa Kibinafsi:**
|
|
- **Zingatia** kipengele kimoja cha API ya Canvas lakini kichunguze kwa kina
|
|
- **Ongeza** mguso wako wa ubunifu ili kufanya mradi uwe wa kibinafsi
|
|
- **Fikiria** jinsi uumbaji wako unaweza kuwa sehemu ya programu kubwa zaidi
|
|
|
|
### Miongozo ya Uwasilishaji
|
|
|
|
Wasilisha mradi wako uliokamilika kama faili moja la HTML lenye CSS na JavaScript iliyojumuishwa, au kama faili tofauti ndani ya folda. Jumuisha maelezo mafupi yanayoelezea chaguo zako za ubunifu na vipengele vya API ya Canvas ulivyochunguza.
|
|
|
|
## Rubric
|
|
|
|
| Kigezo | Bora Zaidi | Inatosha | Inahitaji Kuboresha |
|
|
|--------|------------|----------|---------------------|
|
|
| **Utekelezaji wa Kiufundi** | API ya Canvas imetumika kwa ubunifu na vipengele vingi, msimbo unafanya kazi bila dosari, sintaksia ya kisasa ya JavaScript imetumika | API ya Canvas imetumika vizuri, msimbo unafanya kazi na dosari ndogo, utekelezaji wa msingi | Jaribio la API ya Canvas lakini msimbo una makosa au hauendi |
|
|
| **Ubunifu na Muundo** | Wazo la kipekee lenye mvuto wa kuona uliosafishwa, linaonyesha uchunguzi wa kina wa kipengele kilichochaguliwa cha Canvas | Matumizi mazuri ya vipengele vya Canvas na vipengele vya ubunifu, matokeo mazuri ya kuona | Utekelezaji wa msingi na ubunifu mdogo au mvuto wa kuona |
|
|
| **Ubora wa Msimbo** | Msimbo uliopangwa vizuri, wenye maelezo, unaofuata mbinu bora, algorithimu bora | Msimbo safi na maelezo fulani, unafuata viwango vya msingi vya usimbaji | Msimbo hauna mpangilio, maelezo kidogo, utekelezaji usiofanikiwa |
|
|
|
|
## Maswali ya Kutafakari
|
|
|
|
Baada ya kukamilisha mradi wako, zingatia maswali haya:
|
|
|
|
1. **Ni kipengele gani cha API ya Canvas ulichagua na kwa nini?**
|
|
2. **Ni changamoto gani ulizokutana nazo wakati wa kujenga mradi wako?**
|
|
3. **Unawezaje kupanua mradi huu kuwa programu kubwa zaidi au mchezo?**
|
|
4. **Ni vipengele vingine vya API ya Canvas ungependa kuchunguza baadaye?**
|
|
|
|
> 💡 **Ushauri wa Kitaalamu**: Anza na rahisi na polepole ongeza ugumu. Mradi rahisi uliofanywa vizuri ni bora kuliko mradi wa kupita kiasi ambao hauendi vizuri!
|
|
|
|
---
|
|
|
|
**Kanusho**:
|
|
Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kuwa tafsiri za kiotomatiki zinaweza kuwa na makosa au kutokuwa sahihi. Hati ya asili katika lugha yake ya awali inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatutawajibika kwa kutoelewana au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii. |