M5 | L7 – Text si Siruri

Astăzi vom afla despre:

  • Functia text, variabile si sirur

Aplicațiile pe care le vom folosi sunt:

Khan Academy

PROIECTE:

Mancarea mea favorita

Urmaritor de mouse

Reclama

Khan Editor : https://www.khanacademy.org/computer-programming/new/pjs

LINK Proiect Masina de Noapte: https://www.khanacademy.org/computer-programming/exemplu-masina-noapte/5296170020061184

Codul:

  1. Text terific: partea 2

Codul:

fill(92, 24, 219);

textSize(30);

text(„Teodor”, 41, 30);

Explicatie :

Pentru un progamator fiecare sir de carectere se numeste string, si putem folosi orice string ca variabila.

O sa facem acum o variabila myName care o sa ia un string cu numele nostru si o sa o afisam de 3 ori.

Putem sa adaugam stringuri impreuna cum facem cu operatorul +. O sa facem o varibila message unde o sa adaugam la variabila myName un alt string.

O sa adaugam textul intr-o functie draw si vom schimba in fucntia text parametrii pentru pozitie cu parametri pentru pozitia mouse-ului. Vom adaugra si un backround

Putem sa indetam o variabila howBig pentru a animaa marimea textului.

  1. Pas proiect

Vom desena peste steaua cazatoare un text care urmareste mouse-ul

Codul:

noStroke();

// position of the car

var x = 10;

var xPos = 200;

var yPos = 200;

var xPos1 = 253;

var yPos1 = 269;

var xPos2 = 136;

var yPos2 = 76;

var xPos3 = 294;

var yPos3 = 121;

var howBig = 1;

draw = function() {

background(0, 0, 0);

fill(255, 255, 0);

ellipse(xPos, yPos, 10, 10); 

ellipse(xPos1, yPos1, 10, 10);

ellipse(xPos2, yPos2, 10, 10); 

ellipse(xPos3, yPos3, 10, 10);

ellipse(mouseX, mouseY, 30, 30);

//text

fill(240, 203, 19);

howBig += 1/20;

textSize(howBig);

var star = „Sunt o stea cazatoare”;

text(star, mouseX, mouseY);

//grass

fill(0, 184, 6);

rect(0,320,400,100);

// draw the car body

fill(255, 0, 115);

rect(x, 306, 100, 20);

rect(x + 15, 283, 70, 40);

// draw the wheels

fill(77, 66, 66);

ellipse(x + 25, 326, 24, 24);

ellipse(x + 75, 326, 24, 24);

//x++;

xPos +=1 ;

yPos +=3;

xPos1 +=1;

xPos2 +=1;

yPos3 += 2;

};

  1. Provocare: Mancarea mea favorita

https://en.khanacademy.org/computing/computer-programming/programming/text-basics/pc/challenge-my-favorite-foods

  1. Provocare: Urmaritor de mouse

https://en.khanacademy.org/computing/computer-programming/programming/text-basics/pc/challenge-mouse-tracker

 

  1. Proiect: Reclama

https://en.khanacademy.org/computing/computer-programming/programming/text-basics/pp/project-ad-design

            Un proiect in care se va personaliza o reclama pentru un produs fictive, folosind text si desene.