Tehnologii New Media

WebGL2. WebGPU

Claudia Chiriță . 2025/2026

3D Lighting

• Phong reflection model + Phong shading
• demo

3D Lighting

tipuri de iluminări:

• iluminare ambientală – non-direcțională, afectează fiecare suprafață dintr-o scenă în mod egal, indiferent de direcția normalei la suprafață

3D Lighting

tipuri de iluminări:

• iluminare direcțională (diffuse)
  • emisă dintr-o direcție anume
  • sursa e îndepărtată; considerăm razele paralele
  • e.g. lumina soarelui
  • tl;dr tutorial

3D Lighting

tipuri de iluminări:

• iluminare punctiformă
  • emisă dintr-un punct, radiind în toate direcțiile
  • e.g. lumina emisă de un bec
  • spot lighting

3D Lighting

tipuri de iluminări:

• iluminare punctiformă
  • emisă dintr-un punct, radiind în toate direcțiile
  • e.g. lumina emisă de un bec
  • spot lighting

Texturi

• image textures
• data textures
• randare în texturi

three.js

three.js

• bibliotecă JavaScript cross-browser & API pentru general-purpose 3D, bazată pe WebGL2 și WebGPU
• dezvoltată inițial de Ricardo Cabello în 2010
• sub licență MIT; source code disponibil
• features
• manual

WebGPU

WebGPU

• can i use?
• mozilla intro
• from WebGL2 to WebGPU

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