===== Lecția 1: Axa numerelor naturale. Forme geometrice. Poziționare în plan =====

Astăzi vom învăţa să folosim Khan pentru a desena diferite forme geometrice şi nu numai.
==== Tutorial Khan ====

* Dă click [[https://www.khanacademy.org/cs/new | aici]].
* Tocmai ai făcut cunoștință cu un site ce îți permite să scrii cod care se transformă imediat în imagini, text sau animații, în funcție de dorințele tale și de cât de multe cunoștințe ai.

* Platforma Khan te va ajuta să aprofundezi noțiuni legate de **axa numerelor naturale**, **poziționare în plan** și **forme geometrice**.

<note important>
Dacă nu ai un cont de Khan, dă click pe **LOG IN** în dreapta-sus și loghează-te cu contul de **Google**.
</note>

<note tip>
Pune un nume fiecărui proiect pe care îl începi și, imediat ce termini ce ai de făcut, dă click pe butonul **Save**.
</note>
==== Khan și axa numerelor naturale ====

{{:module:04-logica-matematica-geometrie:04-01-khan-coordonate.png|}}

* Partea din dreapta, cea în care se afișează rezultatul codului, o poți interpreta ca fiind alcătuită din **două axe de numere** de la 0 la 400. Dacă alegi un număr între 0 și 400 pe fiecare dintre axe, vei crea un **punct** care este definit chiar prin cele două numere. Acestea se numesc **coordonate**.

* Cu toate aceste informații, poți desena un cerc de ce culoare și ce dimensiune dorești și într-o pozitie aleasă de tine. Dacă îl vrei pe centrul ecranului, alegi jumătatea ambelor axe și centrul cercului va fi în punctul de coordonate (200, 200).

<note tip>
Pentru a colora o formă, folosești comanda ''fill'', așa cum este prezentat în continuare.
</note>

{{:module:04-logica-matematica-geometrie:cerc.png|}}

<note>
Comanda ''ellipse'', cu care ai desenat cercul, trebuie să primească cele două numere care stabilesc poziția centrului cercului (200, 200) și cât de înalt și de lat vrei să fie (100, 100). Înălțimea și lățimea pentru un cerc trebuie să fie egale și poartă denumirea de **diametrul** cercului.
</note>

<note tip>
Cele 3 numere din paranteza comenzii ''fill'' sunt între 0 și 255. Orice combinație de 3 numere între 0 si 255 creează o culoare de la alb la negru, trecând prin toate nuanțele curcubeului.
</note>

* Dacă **deasupra** cercului vrei să desenezi un dreptunghi, atunci trebuie să **micșorezi** coordonata de pe verticală (care se numește **y**), deoarece te apropii de zero. Dacă vrei să desenezi dreptunghiul în **stânga** cercului, modifici coordonata de pe orizontală (care se numește **x**). Mai precis o **micșorezi**, deoarece și de această dată te apropii de 0.

{{:module:04-logica-matematica-geometrie:cercdreptungi.png|}}

* Pe aceeași idee, dacă desenezi un obiect spre **dreapta**, **crești** coordonata **x** și dacă îl desenezi în partea de **jos**, **crești** coordonata **y**.

<note>
Dreptunghiul, care se desenează folosind comanda ''rect'', primește punctul din stânga-sus al dreptunghiului, lungimea și lățimea acestuia, astfel:
</note>

{{:module:04-logica-matematica-geometrie:rect.png|}}

* Astăzi vom mai învăța câte ceva și despre triunghi. El are 3 vârfuri, care trebuie văzute ca puncte ce au un x și un y.

<note>
Pentru a desena un triunghi în Khan, folosim comanda ''triangle'', care primește pe rând **x**-ul și **y**-ul fiecărui vârf.
</note>

{{:module:04-logica-matematica-geometrie:triunghi.png|}}

==== Exerciții ====

* Privește următoarea imagine și imaginează-ți-o mai simplă. Numai cu cercuri, mai mari, mai mici, așezate în aceleași poziții. Desenează în Khan ce ți-ai imaginat, păstrând același număr de cercuri, relația dintre dimensiunile lor și poziția în imagine. Colorează fiecare cerc cu nuanța care acoperă cel mai mult planeta corespunzătoare din figură.

{{:module:04-logica-matematica-geometrie:solarsystem.jpg|}}

Poți începe așa:

<code>fill(255, 153, 0);
ellipse(50, 350, 75, 75);
</code>

* Desenează steluța din imagine, pornind de la triunghiul dat:

{{:module:04-logica-matematica-geometrie:stea.png|}}

Pentru a desena steluța poți porni de la codul de mai jos:

<code>noStroke();
fill(247, 255, 0);
triangle(200, 100, 100, 300, 300, 300);</code>
* Și, ca să explorăm toată galaxia, folosind 3 dreptunghiuri desenează un satelit (nu căuta metode să rotești dreptunghiurile, desenează satelitul în poziție orizontală).

* Un satelit arată cam așa:

{{:module:04-logica-matematica-geometrie:a2100.jpg|}}
==== Bonus ====
Realizează următorul desen:

{{:module:04-logica-matematica-geometrie:snowman.png|}}

==== Lucru pentru acasă ====
* Joacă-te cu formele învățate astăzi și desenează pentru data viitoare o **căsuță**, un **soare** și un **nor**.

<note important>
Nu uita să lucrezi la desen fiind logat pe Khan, apoi să îți salvezi opera, fiindcă data viitoare ne-o vei arăta și nouă.
</note>