Tehnologii New Media

WebGL2

Claudia Chiriță . 2025/2026

basic 3D theory

• sistem de coordonate
• obiecte 3D definite prin vârfuri
• pipeline-ul de randare: procesarea vârfurilor, rasterizare, procesarea fragmentelor (texturi + lumină), output 2D, afișare

WebGL2 (vanilla)

shaders

• tipuri de shadere
• vertex + fragment shaders

Prelude

• boilerplate
• clip space vs. pixels
• drawingbuffer vs. display: cum redimensionăm canvas-ul?

all my pretty shaders

transformări 2D

• translatări
• rotații
• redimensionări
• toate deodată: matrici

2D -> 3D

put things into perspective

camera, roll..

• camere 3D
• breaking the fourth wall: show me the camera!
• what's in a name? denumiri standard pentru matrici

action!

animații

three is a crowd

• simplificarea codului
• randarea mai multor obiecte

there must be a simpler way..

three.js

          
                          (\ /)   
                          ( . .)  
                          C(")(") 
              
                         întrebări?