Contenu du cours «Image de synthèse et interactivité : processus génératifs»
UQAM - Université du Québec à Montréal
Programme de Baccalauréat en médias interactifs
Session automne 2018
Enseignant : Jean-François Renaud (professeur)
_ _ _
_ _ _
E1 . Atelier Pixels - semaine 2
• Expérimenter avec les méthodes de lecture et d’écriture des composants d’un affichage matriciel, les pixels. Ceux-ci sont interprétés/altérés directement dans le sketch ou depuis des fichiers importés. On évite l’utilisation des commandes set() ou get() pour lire ou écrire la donnée de couleur. On lui préfère la commande pixels[]. On exploite la fonction permettant de convertir une position x,y dans le sketch vers un index dans le tableau des pixels, et vice versa. Enfin, on voit comment extraire les valeurs RGB ou HSB à l’aide d’opérations Bitwise. Voir le dossier comprenant les notes de cours.
Notions à considérer :
pixels[], loadPixels(), updatePixels(), loadImage(), PImage
E2 . Atelier tracé vectoriel - semaine 3
• Expérimenter avec la création d’un motif ou d’une structure graphique, potentiellement animée. Le dessin des figures se fait à l’aide d’une méthode exclusivement vectorielle, c’est-à-dire que les formes sont constituées de tracés (droites, courbes), et donc de points de contrôle (ancrages, leviers) pouvant être modifiés à travers le code. On évite l’utilisation des primitives 2D line(), rect() ou ellipse(), bien que ces dernières soient également de la famille des objets vectoriels. En combinant ces méthodes de dessin et l’exportation en format PDF, il vous sera possible de conserver l’accès à cette structure, contrairement à une sauvegarde matricielle.
Notions à considérer :
vertex(), curve(), bezier(), curveVertex(), bezierVertex(), beginShape() endShape(), PShape
E3 . Atelier animation - semaine 4
• Créer des animations aux mouvements plus riches que ceux issus de simples interpolations temporelles linéaires (par incrémentation d’une valeur constante). Nous explorons d’abord les diverses possibilités du «moteur» d’une animation. On examine ensuite les méthodes qui vont permettre de modifier une valeur à l’aide de fonctions d’atténuation, le cas le plus simple étant un mouvement oscillatoire (sin, cos), puis les diverses formules d’interpolation temporelle courbe (tweening). Votre sketch devrait permettre de bien afficher les caractéristiques d’un mouvement organique, plutôt que mécanique.
Notions à considérer :
frameCount, millis(), sin(), cos(), lerp(), noise()
Fonctions de Penner (EaseIn, EaseOut, EaseInOut), Librairie Ani
E4 . Atelier programmation orientée objet - semaine 5
• La démultiplication d’une primitive dans un sketch par une technique visant à laisser une trace est rapidement contraignante : les figures ne sont plus modifiables une fois qu’elles sont dessinées. Une solution bien plus intéressante consiste à créer autant d’instances que nécessaire, tout en conservant un accès à leurs états. C’est la force de la programmation orientée objet (POO). En dérivant d’une classe commune, chaque instance permet l’encapsulation de paramètres personnalisables, incluant le fait de naître et de disparaître, avec des «variables membres» adressables en tout lieu, en tout temps. En clair, il faut construire une scène animée avec une multitude d’objets au mouvement et au caractère unique, des entités qui sont bien plus que le simple duplicata d’un modèle d’origine. Par exemple, des organismes se déplacent à des vitesses qui dépendent de leur taille.
Notions à considérer :
class, ArrayList, <>, .size(), .add(), new, .clear(), .remove(), .get()
A5 . Atelier géométrie et espace 3D - semaine 6
• La gestion de la 3D dans Processing demeure rudimentaire : utilisation de géométries simples (seulement deux primitives, mais possibilité de modélisation paramétrique et d’importation de fichiers OBJ); distribution des objets dans un espace 3D; gestion de quelques paramètres d’éclairage. Rien de comparable aux environnements de production spécialisés, surtout si l’on visait une grande qualité au niveau des rendus. Mais Processing permet de se frotter aux règles mathématiques sous-jacentes à la réalisation de volumes et de mieux comprendre les composantes d’un maillage 3D (vertex, polygones). À la suite de cet atelier, vous êtes invité à construire un volume paramétrique, à l’éclairer et à l’animer à travers des transformateurs (translate, rotate, scale) ou des mouvements de caméra. La création d’un «ruban» ou d’un «tube» (une ligne avec une épaisseur) constitue un cas intéressant à explorer.
Notions à considérer :
mode P3D, coordonnées X Y Z, box(), sphere(), transformateurs géométriques, pushMatrix() et popMatrix(), PShape (modèle en format OBJ)
beginShape(TRIANGLE_STRIP), beginShape(QUAD_STRIP)
camera, lights(), ambientLight(), directionalLight(), pointLight(), spotLight(), texture()
Librairie PeasyCam
A6 . Atelier «Exportations» et «Librairies» - semaine 7
• La consigne du dernier exercice consiste simplement à réaliser l’exploration d’une librairie de votre choix. Approfondir les options que propose la libraire, dans la mesure où vous pourriez faire une brève démonstration du potentiel de celle-ci. Les librairies à privilégier sont : OscP5, ControlP5, hemesh, peasycam, syphon (spout sur PC), toxiclibs, les librairies MIDI tels themidibus ou rwmidi et les librairies permettant l’exportation de tracés ou de géométries 3D (PDF, OBJ, DXF, et autres).