L'image

Qu’est-ce qu’une image ?

• Pixels / fonctions
• Transparence
• Couleurs (RGB, HSL, HSV)
  
• Espace de couleur (sRGB, Adobe RGB, CMYK, HSLuv, CIELUV)

Boucle de rendu

ou comment construire une image 30/60 fois par seconde

• 2D: Blitting (most used for 2D)
• 2D: Vectoriel (flash, SVG), Perfs !
• 3D: Pipeline de rendu 3D (Des données 3D vers un buffer pixels)
  https://fr.wikipedia.org/wiki/Pipeline_3D
• 3D: raycasting / raytracing. Raytracing + ML => realtime raytracing
• 100ms, 1s, 10s

Rendu 2D

• Les sprites (spritesheet)
• Animation
  • Animated sprites
  • Squelette (outil Spine2D)
• Seamless sprites (tiles)
• Le texte

Exercices

• Afficher un sprite animé (façon unity: Animator)
• Afficher un sprite animé (animation tradi, script custom)
• Afficher un sprite animé (animation squelettale)