p5.js: Uzdevumi 7. klase

Sasniedzamie rezultāti no parauga programmas:

Parādīt

Sasniedzamie rezultāti: 7. klase

• Tekstuālā programmēšanas vidē ievada programmu, kura veic konkrētu mācību uzdevumu. (T.9.2.6.1.);
• Tekstuālā programmēšanas vidē pārbauda programmas vai algoritma pareizību un vajadzības gadījumā labo kļūdas. (T.9.2.6.2.);
• JavaScript programmēšanas valodu izmanto mājaslapās, lai veidotu interaktīvus vai animētus elementus. (T.Li.2.).

Sasniedzamie rezultāti e-klasei:

Parādīt

1. mācību stunda 7. klase

• Zina, kas ir HTML, CSS, p5.js, funkcijas un mainīgie, kā arī kā izveidot rastra attēlu ar šīm tehnoloģijām;
• Spēj izmantot p5.js, lai izveidotu grafikas elementus un izmantot mainīgos un funkcijas, lai pielāgotu attēlus;
• Spēj apvienot vairākus objektus kopā, izmantojot funkcijas un mainīgos, un pielāgot to atbilstoši savām vēlmēm;
• Zina, kā saglabāt izveidoto attēlu kā rastra attēlu un eksportēt to PDF formātā, izmantojot p5.js funkcijas.

2. mācību stunda 7. klase

• Zina, kā izveidot vizuālu attēlu ar p5.js, izmantojot dažādas formas un krāsas;
• Spēj apvienot vairākas figūras vienā kompozīcijā;
• Pro saglabāt un noformēt darbu struktūrētā projektā.

Vērtēšanas kritēriji (SLA)

Parādīt

Npk	Kritērijs	1. līmenis (Pamata)	2. līmenis (Vidējais)	3. līmenis (Augstais)
1.	Failu noformējums un darba iesniegšanas termiņš.	Darbs tika nosūtīts novēloti, faila nosaukums neatbilst uzdevuma nosacījumiem.	Darbs tika iesniegts laicīgi, faila nosaukums neatbilst uzdevuma nosacījumiem.	Darbs tika nosūtīts laikā, faila nosaukums pilnībā atbilst uzdevuma nosacījumiem.
2.	Koda struktūra.	Nav ievērota sintakse un koda hierarhija.	Kodu hierarhijā un sintaksē ir nelielas kļūdas vai neprecizitātes.	Tiek pilnībā ievērota koda hierarhija un sintakse.
3.	Uzdevuma izpildes apjoms.	Izpildīts ~50% no prasītā zīmējuma.	Izpildīts ~75% no prasītā zīmējuma.	Izpildīts 100% un, iespējams, papildus uzlabojumi.
4.	Līdzība ar paraugu un matemātiskā precizitāte	Daļa objektu novietota nepareizi, nesakrīt ar paraugu.	Gandrīz visi objekti novietoti pareizi ar mazām kļūdām.	Visi objekti precīzi novietoti saskaņā ar paraugu un koordinātēm.
5.	Koda dokumentēšana	Kods ir grūti salasāms, nav nekādu komentāru.	Kods ir daļēji sakārtots, ir daži komentāri vai loģiskas atstarpes.	Kods ir skaidri strukturēts, ar komentāriem un loģisku bloku sadalījumu.
		1 punkts	2 punkti	3 punkti

Sarežģītības līmeņi:
🟢 - vienkāršs sarežģītības līmenis;
🟡 - vidējs sarežģītības līmenis;
🔴 - paaugstināts sarežģītības līmenis.

1. mācību stunda:

🟢1. līmenis. point(x, y);

Parādīt uzdevumu

🧠 Uzdevumi:

• Izmantojiet point(x, y) funkciju, lai uz ekrāna novietotu punktus un izveidotu vienkāršu attēlu.
• Pievienojiet vairākus punktus, lai veidotu līdzīgu attēlu, kā parādīts piemēros!

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

🟡2. līmenis. line(x1, y1, x2, y2);

Parādīt uzdevumu

🧠 Uzdevumi:

• Izmantojiet line(x1, y1, x2, y2) funkciju, lai pievienotu līnijas saviem attēliem.
• Pievienojiet līnijas, lai veidotu līdzīgu attēlu, kā parādīts piemēros!

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

🟡3. līmenis. ellipse(x, y, w, h);

Parādīt uzdevumu

🧠 Uzdevumi:

• Izmantojiet ellipse(x, y, w, h) funkciju, lai pievienotu elipses un pilnveidotu savu attēlu.
• Apvienojiet elipses, lai veidotu līdzīgu attēlu, kā parādīts piemēros!

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

🔴4. līmenis. Viss kopā 🫡

Parādīt uzdevumu

🧠 Uzdevumi:

• Apvienojiet punktus, līnijas un elipses, lai izveidotu pilnīgu attēlu!
• Atkārtojiet zīmējumu, izmantojot p5.js bibliotēku.

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

2. mācību stunda

🟢1. līmenis. Raksts ar point() un stroke(krāsa)

Parādīt uzdevumu

🧠 Uzdevumi:

• Izmanto point(x, y) un stroke(krāsa), lai izveidotu rakstu vai ornamentu.
• Tam jābūt kādam vienkāršam attēlam: simbolam, logotipam, stilizētai zvaigznei vai puķei.
• Obligāti jābūt vismaz 15 punktiem, izmantotas vismaz 3 krāsas un jābūt vismaz vienai simetrijas pazīmei (horizontāli, vertikāli vai centrāli).
• Lieto strokeWeight() precīzākai punktu redzamībai (piemēram, 10).

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

🟡2. līmenis. Raksts ar line() un stroke()

Parādīt uzdevumu

🧠 Uzdevumi:

• Izveido rakstu vai dekoru ar līnijām line(), piemēram, zvaigžņu režģi, krāsainu logu, tīklu, rāmi u.c.
• Jāizmanto vismaz 6 līnijas, vismaz 3 dažādas krāsas un jāsasniedz redzams raksts vai simetrija.
• Vari veidot arī “ģeometrisko zīmējumu” — piemēram, trijstūrus, dimantus, krustiņu tīklu.

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

🟡3. līmenis. ellipse(), fill(), stroke()

Parādīt uzdevumu

🧠 Uzdevumi:

• Izmantojiet ellipse(x, y, w, h) ar fill() un stroke(), lai veidotu figūras.
• Uzzīmējiet “sejiņu” vai “robotu”, kurā ir vismaz 3 dažādas formas (acis, mute, galva).
• Izmēģiniet dažādus izmērus un krāsas.

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js

✅Piemērs:

🔴4. līmenis. Radošais izaicinājums 🫡

Parādīt uzdevumu

🧠 Uzdevumi:

• Izveidojiet radošu zīmējumu — “čupiņa būtni” vai "fantastisku ainavu".
• Obligāti jāizmanto: point(), line(), ellipse(), stroke(), fill().
• Darbs jānoformē krāsaini, simetriski vai ar atkārtojumu.

✅ Padoms:
Veidojiet savu "zīmējumu" vispirms uz papīra, pēc tam pārnesiet koordinātas uz kodu.

👉 Failu noformēšana:

• Mapes nosaukums: uzvārds-līmenis-datums

├─ uzvārds-līmenis-datums
|	├─ index.html
|	└─ script.js