Introduction à l infographie avec WebGL. Stéphane Gobron v Assistant d enseignement : Christophe Bolinhas

Transcription

1 Introduction à l infographie avec WebGL Stéphane Gobron v Assistant d enseignement : Christophe Bolinhas

2 Content Nouvelle version du cours introduction à l infographie Cours avec une connotation Serious Game Planning complet du semestre Système d évaluation Quelques mots sur l infographie

3 Suivi du livre qui vous est offert par le domaine Ingénierie de l école Plus de pratique - Avec WebGL via exercices et projets - Application avec le FabLab - Introduction aux mêmes Shaders sous MSVS C++ - Intro logiciels : Photoshop, Blender, Unity Lire les chapitres avant de venir Quizz Aide précieuse! M. Christophe Bolinhas, à partir d octobre en tant qu Assistant d Enseignement Au programme Stéphane Gobron, Mario Gutierrez, 2015 Nouvelle version Principe général

4 Nouvelle version Cours «théoriques» optionnels ceux qui veulent apprendre plus Evaluation Quizz sur la pratique et les homeworks Questions ouvertes Test final orienté programmation en janvier 2016 Présentation orale d un mini-projet individuel Au programme

5 Nouvelle version HomeWork Lecture des chapitres du livre AVANT le cours Mini-projet 50% en cours, 50% hors cours Deux exercices par semaine corrigé par deux étudiants au hasard

6 Cours orienté SERIOUS GAME «GraphicsCredit» A quoi ça sert? Avoir une influence directe sur votre évaluation et même les autres étudiants! Comment les obtenir? Vous en avez un dès le départ Réponse à une question difficile Intervenez avec une anecdote constructive et contextualisée + un point de participation Obtention d un six à un quizz Trouver dès la première semaine une bonne idée de mini-projet

7 Cours orienté SERIOUS GAME Pouvoir des GraphicsCredits (GC) Influence sur l évaluation et les autres étudiants «Pas vu, pas pris» : lors du tirage au sort de la personne qui corrige, permet de passer son tour ; valable si vous n êtes pas la dernière personne à ne pas être passée «Investissement» : une question est partiellement fausse dans un quizz? Vous pouvez faire créditer le point correspondant, c est cadeau! «Mode écureuil» : s il vous reste des points? Ils vous seront comptés comme bonus en note de participation 0.01 pt /GC Lors d un oral, défense d un exercice ou du mini-projet «Main forte» : permet d aider un autre étudiant dans la détresse, cette action vous permet aussi de gagner un Point de Participation 0.02 pt /PP «Appel à un ami», demande à un autre étudiant de répondre à sa place «Indice», l enseignant donne un indice important

8 Un cours orienté SERIOUS GAME Votre opinion à chaud m intéresse INTERACTION Sondage à la volée sur ce projet de cours avec un Serious Game Pour++ / Pour / Sans avis / Bof / Bof++

9 Planning complet du semestre Week Cours "théoriques" Travaux pratiques Cours d'approfondissement Evaluation Monday Monday period 1 Monday period 2 Distribution livre, intro. cours lecture Ch0... Ch3 *** Holidays *** *** Holidays *** Ch5 interaction Quizz...Ch5, Ch5 interaction Quizz Ch6, Ch6 courbes param. *Modélisation géométrique Wednesday period 1 Ch3 : 1er exemple Quizz Ch4, Ch4 : 1er exemple Corrections ex. 4.1 à ex. 4.4 Corrections ex. 5.3*, ex. 5.4* Wenesday Wednesday period 2 Ch3 : 1er exemple Ch4 : 1er exemple MP architecture MP architecture Wednesday period 3 MP conceptualisation MP conceptualisation MP architecture MP architecture HW1 lire ch4 lire ch5 lire ch6 ex. 6.1 Ch6 suite et fin *Modélisation avancée Corrections ex. 6.1, ex. 6.2 MP architecture/draft MP architecture/draft Quizz Ch7, Ch7 mod. Sphère *Photoshop et Illustrator Corrections ex. 6.3, ex. 6.4 MP architecture/draft MP architecture/draft Ch7 suite et fin Quizz..Ch8, Ch8 tex. & modèle3d Ch8 suite Ch8 suite et fin Quizz Ch9, Ch9 anim.&déform. Ch9 suite et fin *Basic renderings *Modelization with Blender *Advanced renderings *Rendering with Blender *Cinematic & morphings *Simulations Corrections ex. 7.1&2, ex. 7.3 Corrections ex. 7.4, ex. 7.5 Corrections ex. 8.1, ex. 8.2 Corrections ex. 8.3, ex. 8.4 Corrections ex. 8.6, ex. 8.7 Corrections ex. 9.1, ex. 9.2 MP draft/implementation MP draft/implementation MP draft/implementation MP draft/implementation lire ch7 ex. 7.1&2 lire ch8 ex. 8.1 Ch10 intro GPGPU MP tests & improvements Final test Ch10 intro GPGPU MP tests & improvements Final test MP tests & improvements MP tests & improvements Présentation MP individuel MP tests & improvements MP tests & improvements MP tests & improvements MP tests & improvements Présentation MP individuel Présentation MP individuel Homework HW2 HW3 ex. 4.1 ex. 4.2 ex. 4.3 ex. 4.4 ex. 5.3* ex. 5.4* ex.6.2 ex. 6.3 ex. 6.4 ex. 7.3 ex. 7.4 ex. 7.5 ex. 8.2 ex. 8.3 ex. 8.4 lire ch9 ex. 8.6 ex. 8.7 ex. 9.1 ex. 9.2 lire ch10

10 Evaluation Quizz 10% 35% 20% 35% Correction exercice Mini-projet individuel Test final

11 Evaluation Quizz 10% Petites interrogations écrites lors du semestre 10 min 5 questions très courtes réponses courtes, claires et nettes Vous avez droit à une page A4 manuscrite recto Notation simple Juste : 1 pt Partiellement juste : 0.5 pt Incorrect ou trop incomplet : 0 pt

12 Evaluation Mini-projet 35% trouver un sujet dans lequel la 3D apporte quelque chose au site Web attention, vous devrez défendre votre projet l ensemble de la classe note votre prestation à hauteur de 33% Evaluation 50% prestation à l oral 10% originalité du sujet 40% codage sous WebGL

13 Evaluation Examen final 35% Des questions de cours sur WebGL de programmation en WebGL Programmation un programme à compléter Reconnaissance de techniques de modélisation géométrique rendu graphique animations

14 L infographie, scène de théâtre? Beaucoup de lecture dans ce cours Distribution d un petit texte d introduction sur l infographie «La vie est un vaste théâtre où chacun joue son rôle puis s'en va*» Shakespeare. Similairement l infographie est une scène capturée INTERACTION Trouver les mots ou groupe de mots clefs de ce texte * Shakespeare W., «All the world's a stage, and all the men and women merely players, they have their exits and their entrances, and one man in his time plays many parts, his acts being seven ages.», monologue de Jacques le Mélancolique, Tout est bien qui finit bien,1623.

15 L infographie, scène de théâtre? «La vie est un vaste théâtre où chacun joue son rôle puis s'en va», Shakespeare. Similairement l infographie est une scène capturée par l œil d un spectateur virtuel appelé caméra. Chaque objet, animé ou non, y naît pour jouer un rôle et finit toujours par disparaître. Architecture, publicité et jeux vidéo ne forment que le sommet de l iceberg, car le domaine de la visualisation de l information va bien au delà : des simulations industrielles et scientifiques ou la communication sous toutes ses formes, à l art, l esthétisme, l émotion, le tout passant par nos passions les plus intimes. Dans ce monde de paillettes discrètes nommées pixels, le champ des applications n a de limite que l imagination des informaticiens designers, metteurs en scène du 21ème siècle. Nous sommes entrés dans l ère de l information. Avec le premier de nos sens, la vue, l infographie a le pouvoir de mettre en forme ces informations. WebGL, alliant infographie et Internet, nous permet de naviguer dans un monde d illusions pour bientôt plonger dans un univers bien plus vaste. En effet, l image est la première des cinq portes de la réalité virtuelle, vaste théâtre permettant aux uns de redécouvrir notre propre monde et aux autres de se perdre dans d autres réalités.

16 Questions, remarques INTERACTION A vous la parole : 1 mot pour résumer votre propre rapport à l infographie

17