• Lansare: 10 decembrie 2024
• Termen de predare: Înainte de momentul prezentării
• Termen de prezentare: Ultima dată de prezentare anunțată, nu mai târziu de ultima zi din semestru
• Regulament: Regulament temă
• Notă: Orice informație ce nu a fost acoperită în acest document este la latitudinea voastră!

În cadrul acestei teme, veți realiza un joc în care utilizatorul controlează un elicopter ce se deplasează pe suprafața unui asteroid deluros. Misiunea jucătorului este să culeagă mai multe mostre dintr-o resursă specială ce se găsește pe acest asteroid, resursă ce are forma unui copăcel. Controlul jocului se realizează în totalitate prin apăsarea butonului dreapta de la mouse. Acest buton este utilizat pentru selecția poziției de destinație pentru deplasarea elicopterului și pentru selecția copacilor de pe asteroid.

Puteți viziona mai jos un filmuleț demonstrativ cu o aplicație construită pe baza framework-ului de laborator, care acoperă cerințele.

Procesul de desenare a suprafeței asteroidului se realizează în mai mulți pași:

Primul pas necesită realizarea unei geometrii suport ce are forma unui plan. Această geometrie este creată dintr-o rețea poligonală ce conține cel puțin 10.000 de vârfuri. Un exemplu pentru această geometrie se găsește în următoarea imagine.

Geometria suport se realizează pe CPU și se trimite la desenare pentru a se deforma conform următorilor pași.

În ce de-al doilea pas, se realizează deformarea geometriei suport conform unei hărți de înălțimi, similar precum în laboratorul 8. Rezultatul acestei operații se poate observa în imaginea de mai jos.

Suprafața deformată la pasul anterior se colorează prin eșantionarea a două texturi, pe baza inălțimii suprafeței, similar precum în bonusul din laboratorul 8. Rezultatul se poate vedea în următoarea imagine.

Ultimul pas este descris în secțiunea următoare și reprezintă deformarea suprafeței pentru a se obține o curbură. Acest rezultat se poate observa în imaginea de mai jos.

Efectul de curbură se realizează prin modificarea componentei y a coordonatelor pentru toate vârfurile din care este realizată suprafața asteroidului. Procesul este creat în vertex shader. Componenta y a tuturor vârfurilor se modifică după cum urmează:

$$ Pozitie_{v_y} = Pozitie_{v_y} - \|{Pozitie_{elicopter}-Pozitie_v}\|^2 \cdot factorCurbura $$

Factorul de curbură este proporțional cu dimensiunea obiectelor din lume. Pentru demo-ul de mai sus, este utilizat un factor de 0.02.

Pentru plasarea unui obiect pe suprafața asteroidului, trebuie să fie aplicate obiectului următoarele transformări:

1. Translația coordonatei vârfurilor cu deplasamentul dat de deformarea suprafaței în punctul de pe suprafață pe care se află obiectul ce trebuie plasat pe asteroid. Pentru acest pas, trebuie eșantionată harta de înălțime în punctul corect. Vedeți notița de mai jos.
2. Translația coordonatei vârfurilor cu deplasamentul dat de curbarea suprafeței în punctul de pe suprafață pe care se află obiectul ce trebuie plasat pe asteroid.

Pentru realizarea transformărilor de mai sus, există două opțiuni:

1. Eșantionarea hărții de înălțime și calcularea curburii pe baza coordonatei în spațiul lumii a vârfului. În această situație, obiectul este deformat similar cu suprafața pe care se află. Această opțiune trebuie să fie utilizată pentru desenarea tuturor obiectelor din scenă, cu excepția elicopterului.
2. Eșantionarea hărții de înălțime și calcularea curburii pe baza coordonatei în spațiul lumii a unei poziții comune pentru toate vârfurile unui obiect. Această abordare plasează corect obiectul la suprafața asteroidului doar în situația în care deformarea suprafeței asteroidului pe baza curburii se realizează față de obiectul plasat pe teren. În această situație, obiectul își păstrează forma înițială. Opțiunea aceasta trebuie să fie utilizată doar pentru desenarea elicopterului.

Geometria elicopterului poate fi vizualizată în animația de mai jos.

Geometria elicopterului este compusă din două cuburi redimensionate neuniform pentru a defini cabina și coada elicopterului, împreună cu alte patru cuburi, de asemenea redimensionate neuniform, pentru a reprezenta cele două elice. Geometria cabinei și a cozii este desenată cu o culoare diferită față de cea a elicelor.

După cum se poate vedea și în imaginea de mai sus, cele două elice au o animație continuă de rotație.

Geometria marcajului destinație pentru elicopter poate fi vizualizată în imaginea de mai jos.

Paralelipipedul din partea superioară este obținut prin redimensionarea neuniformă a unui cub. Acesta are o animație continuă de oscilație în direcția sus-jos.

În partea de jos a marcajului, se află un disc de cerc ce se află puțin de-asupra terenului.

Geometria copacului se realizează prin desenarea unei ierarhii de paralelipipede cu mai multe niveluri, unde la fiecare nivel, se desenează un paralelipiped redimensionat uniform, rotit și translatat în capătul paralelipipedului de la nivelul anterior. Pentru a finaliza desenarea, se aplică la final toate transformările utilizate în desenarea paralelipipedului de la nivelul anterior. Rezultatul se poate vedea în imaginea de mai jos.

La fiecare nivel al ierarhiei de paralelipipede, se desenează 3 ramuri de ierarhie, fiecare rotită la 120 de grade față de axa OY, una față de cealaltă. Pentru copacul din imagine, s-au utilizat 6 niveluri ale ierarhiei de paralelipipede.

Pentru colorarea copacului, se utilizează procesul de mapare cilindrică. Se folosesc două texturi, una pentru trunchiul copacului și una pentru frunzișul coroanei. Pentru a calcula coordonatele de textura în vârfurile geometriei ce descrie copacul, se utilizează procesul de mapare cilindrică ce are următoarele formule:

$$ u = \frac{1}{2\pi}arctan(z/x) \\ v = \frac{y}{treeHeight} $$

unde u și v sunt componentele x și y ale coordonatei de textură, (x, y, z) reprezintă componentele coordonatei vârfului în spațiul lumii și treeHeight reprezintă înălțimea copacului în spațiul lumii.

Suplimentar, pentru îmbunătățirea calității vizuale, desenarea se realizează după cum urmează:

1. Paralelipipedele din primele 4 niveluri ale ierarhiei sunt desenate prin aplicarea texturii de trunchi de copac;
2. Paralelipipedele de pe nivelul 5 al ierarhiei sunt desenate prin combinarea culorii din texturile de copac și de frunziș al coroanei;
3. Paralelipipedele de pe nivelul 6, respectiv ultimul nivel al ierarhiei, sunt desenate prin aplicarea texturii de frunziș al coroanei.

Rezultatul poate fi vizualizat în imaginea de mai jos.

Pentru a realiza procesul de selectie, se deseneaza toata scena intr-un obiect de tip framebuffer creat de voi. Acest framebuffer contine 2 texturi de culoare:

1. O textura de culoare in care se salveaza culoarea propriu-zisa a obiectelor;
2. O textura de culoare in care se salveaza informatie suplimentara pentru fiecare obiect in parte.

Pentru a afisa informatia din prima textura de culoare in fereastra, trebuie copiat continutul primei texturi de culoare din obiectul de tip framebuffer creat de voi in textura de culoare a obiectului de tip framebuffer implicit, ce apartine ferestrei. Pentru acest proces, puteti utiliza urmatorul cod:

// custom_framebuffer_object reprezinta identificatorul obiectului de tip framebuffer creat de voi
glBindFramebuffer (GL_READ_FRAMEBUFFER, custom_framebuffer_object);
glReadBuffer (GL_COLOR_ATTACHMENT0);
glBindFramebuffer (GL_DRAW_FRAMEBUFFER, 0);
 
glBlitFramebuffer (0, 0, width, height, 0, 0, width, height, GL_COLOR_BUFFER_BIT, GL_NEAREST);

Texturile de culoare din interiorul obiectului de tip framebuffer creat de voi trebuie sa aiba aceeasi dimensiune precum textura de culoare din interiorul obiectului de tip framebuffer implicit, ce apartine ferestrei. Acest cod trebuie utilizat la finalul cadrului.

Pentru a realiza procesul de selectie a destinatiei, in canalele de culoarea RGB, ale celei de-a doua texturi de culoare ale obiectului de tip framebuffer creat de voi, pastrati coordonata (x, 0, z) a geometriei suport, dupa pasul de deformare pe baza hartii de inaltime si inainte de deformarea pe baza curburii. Cele 2 texturi de culoare pot fi vazute in imaginea de mai jos:

Rezultatul vizual din imagine este obtinut dupa aplicarea deformarii pe baza curburii, dar coordonata (x, 0, z) pastrata in cea de-a doua textura de culoare este cea calculata inainte de realizarea curburii.

Pentru a extrage coordonata (x, 0, z) din cea de-a doua textura de culoare din obiectul de tip framebuffer creat de voi, la momentul apasarii butonului dreapta de la mouse de catre utilizator, extrageti informatia din pixelul la care se afla cursorul la momentul apasarii butonului. Codul pentru acest proces arata in felul urmator:

// x si y reprezinta pozitia mouse-ului pe ecran, in pixeli.
float data [4];
 
y = window->props.resolution.y - y;
 
// custom_framebuffer_object reprezinta identificatorul obiectului de tip framebuffer creat de voi
glBindFramebuffer (GL_FRAMEBUFFER, framebuffer_object);
glReadBuffer (GL_COLOR_ATTACHMENT1);
 
glReadPixels (x, y, 1, 1, GL_RGBA, GL_FLOAT, data);

Pentru a realiza procesul de selectie a unui obiect, se pastreaza suplimentar in canalul A din cea de-a doua textura de culoare a obiectului de tip framebuffer creat de voi un identificator pentru toate obiectele din scena. O prezentare vizuala a acestor identificatori, sub forma de nuante de gri, se poate vedea in imaginea de mai jos.

Nuantele de gri din cea de-a doua textura de culoare din imaginea de mai sus au scop de prezentare pentru a se putea vizualiza identificatorul sub forma unei culori. Datorita faptului ca cea de-a doua textura de culoare contine informatie de tip RGBA32F, aceasta permite pastrarea unor valori ce depasesc valoarea 1.

Elicopterul se deplaseaza spre locatia de destinatie in momentul in care utilizatorul alege o astfel de destinatie prin apasarea butonului dreapta de la mouse. La momentul alegerii destinatiei, se plaseaza pe suprafata obiectul de marcaj prezentat mai sus si acesta ramane la pozitia respectiva pana la momentul in care elicopterul ajunge la destinatie. In momentul in care elicopterul se opreste, obiectul de marcaj al destinatiei dispare.

Atasat de elicopter se afla o camera observator ce urmareste elicopterul. Suplimentar, in momentul deplasarii elicopterului, acesta este orientat cu fata spre directia de deplasare.

În situația în care se utilizează framework-ul de laborator, pentru desenarea geometriei din perspectiva camerei observator, se poate utiliza obiectul de tip Camera, după cum urmeaza:

auto camera = GetSceneCamera();
 
// pozitia relativa a camerei fata de pozitia personajului
glm::vec3 relativeCameraPosition = ...;
 
// playerPosition este pozitia in lume a personajului controlat de jucator
camera->SetPositionAndRotation(
    playerPosition + relativeCameraPosition,
    glm::quatLookAt(-glm::normalize(relativeCameraPosition), glm::vec3(0, 1, 0))
);

Pentru a orienta geometria personajului în direcția de deplasare, se utilizează o matrice de rotație în jurul axei OY. În situația în care se cunoaște direcția de deplasare, unghiul de rotație se poate calcula după cum urmează:

$$ unghi = arctan(\frac{directie_x}{directie_z}) $$

• Asteroidul (0.8p total)
  • Constructie si desenare geometrie suport - 0.3p
    • NU este permisa utilizarea modelului plane50.obj. Geometria suport trebuie generata din cod si trebuie sa aiba cel putin 10000 de varfuri.
  • Desenare teren cu deformare pe baza hartii de inaltime + multitexturare + curbura - 0.5p
    • Aceasta cerinta NU se puncteaza partial. Trebuie realizate toate elementele specificate in cerinta.
• Selectie + marcare selectie cu marcajul din demo + animatie marcaj - 0.5p
  • Aceasta cerinta NU se puncteaza partial. Trebuie realizate toate elementele specificate in cerinta.
• Elicopterul (1p total)
  • Constructie si desenare geometrie elicopter - 0.2p
  • Animatie cele 2 elice - 0.2p
  • Camera ce urmareste elicopterul - 0.2p
  • Control prin selectie (0.4p total)
    • Deplasare elicopter - 0.2p
    • Orientare elicopter pe baza directiei de deplasare - 0.2p
  • Depunctare: Lipsa plasare elicopter pe suprafata asteroidului - -0.2p
• Copacul (0.7p total)
  • Constructie si desenare geometrie copac (0.6p total)
    • Constructie geometrie - 0.45p
    • Aplicare textura cu mapare cilindrica - 0.15p
  • Disparitie copac prin selectie - 0.1p
  • Depunctare: Lipsa plasare copac pe suprafata asteroidului - -0.2p

• Geometrie mai complexă față de cea din cerința de bază pentru elementele vizuale din joc
• Orice aduce îmbunătățiri vizuale jocului