Žiniatinklio 3D elementų programavimas
Pamoka 1 / 12 3D žiniatinklyje ~40 min
4 / 4 📖 Teorija

Namų darbas — paleisk ir pakeisk

Trumpas namų darbas — įsitikink, kad drobė tikrai gyva tavo rankose.

  1. Susikurk index.html ir atidaryk jį naršyklėje. Turi matyti vientisą tamsiai mėlyną langą (jokių objektų — kol kas taip ir turi būti).
  2. Pakeisk fono spalvą. Surask scene.background = new THREE.Color(0x0b1026) ir įrašyk kitą reikšmę, pvz. 0x101820 (tamsiai pilka) ar 0x1a0b26 (tamsiai violetinė). Perkrauk puslapį — spalva pasikeitė.
  3. Patikrink dydžio keitimą. Tempk naršyklės lango kraštą — spalva turi persitempti per visą plotą, be baltų juostų ir be slinkties.

Privalomi testai:

  • Konsolės testas: atidaryk konsolę (F12) — turi būti tuščia, jokio raudono teksto.
  • Dydžio testas: pakeitus lango dydį drobė vis tiek užpildo visą langą.

Atsiskaitymui: index.html su tavo pasirinkta fono spalva + ekrano nuotrauka.

Patarimas. Turi veikiantį 3D konvejerį — sceną, kamerą ir atvaizduotoją, sukančius atvaizdavimo ciklą. Bet drobė kol kas tuščia. Kitoje pamokoje į ją įdėsim pirmąją sferą — planetą: geometrija, medžiaga ir Mesh, ir Saulės sistema pagaliau gaus savo pirmąjį kūną. Nuo čia kiekviena pamoka scenoje kažką prideda.