1.4 Izvēlies spēles ideju un spēlētāju
Šodien: Izveido lapu, kurā spēlētājs saprot mērķi, vadību un spēles beigas.
Īsā teorija
Izvēlies vienu vienkāršu darbību, piemēram, savākt priekšmetus vai izvēlēties pareizo atbildi.
Spēlētājs ir cilvēks, kuram veido spēli. Noteikumiem jābūt viņam saprotamiem.
Pārbaudāms noteikums ir konkrēts: “Uzvara ir pie 5 punktiem.”
<h2>Mērķis</h2>
<p>Savāc piecas zvaigznes.</p>
Sākuma kods un darba vieta
Vide: mācību lapa → VS Code
-
VS Code ar
File → Open Folder
atver
Desktop/datorika9-tema1. Ja mapes nav, izveido to darbvirsmā. - Šajā mācību lapā nospied Kopēt sākuma kodu .
- VS Code nospied Ctrl+N un ielīmē kodu ar Ctrl+V .
-
Saglabā ar
Ctrl+Shift+S
tēmas mapē kā
14.html.
Atvērt pilno sākuma kodu
<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mana spēle</title>
<style>
body { font-family: Arial, sans-serif; max-width: 680px; margin: 24px auto; padding: 16px; line-height: 1.6; }
button, input { font: inherit; padding: 10px; margin: 4px; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
</style>
</head>
<body>
<h1>Zvaigžņu mednieks</h1>
<h2>Kam spēle domāta?</h2>
<p>Spēle ir domāta cilvēkiem, kuriem patīk kosmoss.</p>
<h2>Mērķis</h2>
<p>Savāc piecas zvaigznes.</p>
<h2>Noteikumi</h2>
<ul>
<li>Spied uz zvaigznes, lai iegūtu punktu.</li>
<li>Uzvara ir pie pieciem punktiem.</li>
</ul>
<button>Sākt spēli</button>
</body>
</html>
1. uzdevums
Izvēlies savu ideju
Vide: VS Code
-
Atver sākuma kodu failā
14.html. - Izdomā divus spēles nosaukumus un pasaki tos klasesbiedram. Izvēlies vienu.
- Nomaini virsrakstu un rindkopu par spēlētāju.
Gatavs, kad: Lapā redzams, kam tava spēle domāta.
2. uzdevums
Uzraksti spēlēšanai vajadzīgo
Vide: VS Code
- Nomaini mērķa teikumu atbilstoši savai idejai.
- Noteikumu sarakstā norādi spēlētāja darbību un uzvarai vajadzīgo punktu skaitu.
- Pievieno trešo noteikumu: kad spēlētājs zaudē. Izmanto konkrētu skaitu vai darbību.
Gatavs, kad: Ir trīs savstarpēji saderīgi spēles noteikumi.
3. uzdevums
Padari lapu saprotamu citam
Vide: Pārlūks → VS Code
- Saglabā un parādi lapu klasesbiedram.
- Palūdz viņam lapā atrast mērķi, vadību un beigu nosacījumu.
- Ja kaut kas nav skaidrs, izlabo attiecīgo teikumu. Pārbaudi, vai visur sakrīt spēles nosaukums un punktu skaits.
- Saglabā un nosūti failu uz GitHub ar zemāk dotajām pogām.
Gatavs, kad: Cits skolēns lapā var atrast visas trīs atbildes.
Iesniedz 3. uzdevuma rezultātu
Iesniedz pabeigto
14.html
skolotāja norādītajā vietā. Šo pašu versiju saglabā arī GitHub.
Stunda ir ieskaitīta, ja 3. uzdevuma rezultāts atbilst visiem šiem punktiem:
- Ir savas spēles nosaukums un spēlētāja apraksts.
- Noteikumi pasaka darbību, uzvaru un zaudējumu.
- Mērķī un noteikumos nav pretrunu.
1. un 2. uzdevums sagatavo šo rezultātu. Papildu uzdevums nav vajadzīgs ieskaitei.
Saglabā un nosūti uz GitHub — pogu atgādne
Vide: VS Code / Source Control → GitHub pārlūkā
- Ar File → Save All saglabā failus. Atver Source Control ar Ctrl+Shift+G .
- Pie Changes nospied + (Stage All Changes). Pārbaudi, ka vajadzīgie faili pārvietojas uz Staged Changes .
-
Ziņas laukā ieraksti īsu izmaiņu, piemēram,
Pabeigts 1.4 darbs. Spied Commit . -
Ja šī tēmas mape vēl nav GitHub, spied
Publish to GitHub
un izveido publisku projektu
datorika9-tema1. Jau publicētam projektam spied Sync Changes . Ja pogas nav, atver … → Push . - Pārlūkā atver savu GitHub projektu un pārbaudi faila pēdējās izmaiņas.
Ja Source Control rāda Initialize Repository , vispirms nospied to. Ja parādās kļūda vai sapludināšanas pieprasījums, izmanto palīdzību un palūdz skolotāja atbalstu.
Papildu uzdevums: Pievieno padomu
Sāc, kad 3. uzdevums ir gatavs un iesniegts. Ja vēlies paturēt obligāto versiju, saglabā kopiju ar citu nosaukumu.
-
Pievieno sadaļu
<h2>Padoms iesācējam</h2>. - Zem tās uzraksti vienu spēlēšanai noderīgu padomu.
Ja kaut kas neizdodas
-
Neredzi izmaiņas?
VS Code nospied Ctrl+S. Pārlūkā nospied Ctrl+R. Pārbaudi, ka atvērts tieši
14.html. - Kods redzams kā teksts? Saglabā ar galotni .html. Windows ieslēdz View → Show → File name extensions un pārbaudi, ka beigās nav .txt.
- Poga nestrādā? Pārbaudi, vai neizdzēsi pēdiņu, iekavu vai elementa id. Salīdzini savu laboto vietu ar sākuma kodu.
- Nesaproti nākamo soli? Atrodi pirmo nepabeigto soli un parādi skolotājam tieši šo vietu.