Cuprins
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 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.
Dacă nu ai un cont de Khan, dă click pe LOG IN în dreapta-sus și loghează-te cu contul de Google.
Pune un nume fiecărui proiect pe care îl începi și, imediat ce termini ce ai de făcut, dă click pe butonul Save.
Khan și axa numerelor naturale
- 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).
Pentru a colora o formă, folosești comanda
fill, așa cum este prezentat în continuare.
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.
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.
- 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.
- 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.
Dreptunghiul, care se desenează folosind comanda
rect, primește punctul din stânga-sus al dreptunghiului, lungimea și lățimea acestuia, astfel:
- 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.
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.
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ă.
Poți începe așa:
fill(255, 153, 0); ellipse(50, 350, 75, 75);
- Desenează steluța din imagine, pornind de la triunghiul dat:
Pentru a desena steluța poți porni de la codul de mai jos:
noStroke(); fill(247, 255, 0); triangle(200, 100, 100, 300, 300, 300);
- Ș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:
Bonus
Realizează următorul desen:
Lucru pentru acasă
- Joacă-te cu formele învățate astăzi și desenează pentru data viitoare o căsuță, un soare și un nor.
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ă.