TP 1 : Tracé de droite avec Bresenham

La page squelette d'application WebGL utilisée pour ce TP (et la librairie three.js (a copier dans votre répertoire))

TP 2 : Remplissage de polygone

La page squelette d'application WebGL utilisée pour ce TP

Projet Lancer de Rayons

Le Le squelette du lancer de rayons

Le sujet du projet 2014-2015

Les images de l'année précédente sont ici

Introduction à l'informatique graphique

Une petite introduction sur la synthèse d'image et l'informatique graphique

Méthode de Rendu

Présentation des méthodes de rendu utilisées en Moteurs 3D

Pipeline Graphique

Le pipeline graphique (simplifié) et introduction a GLSL

Le Framework GobLim

Présentation du moteur GobLim utilisé lors de ce cours

Les Textures

Principe des textures et de l'habillage de surface

Optimisations et accélérations

Accélération des calculs, graphe de scène et visibilité

Réalisme et Post-Processing

Effets de post-processing et rendu multi-passes

TP1 : Prise en main de GobLim

Le premier TP de prise en main du moteurs GobLim

TP2 : Illumination et modèle de Phong

Dans ce TP, nous mettrons en place le calcul du modèle de Phong

TP3 : Textures et Normal Mapping

Dans ce TP, nous verrons pas a pas l'utilisation des texture

TP4 : PostProcessing

Dans ce TP, nous verrons les effets de postprocessing

Visualisation interactive d'élément liquides

Le sujet 2016-2017 du projet de moteur 3D

Le Moteur 3D GobLim (version étudiante)

Le moteur 3D utilisé pour les enseignements de Moteur 3D

Introduction à l'informatique graphique

Une petite introduction sur la synthèse d'image et l'informatique graphique

WebGL (spoilers)

Une première approche pour voir a quoi ressemble un programme en WebGL

Représentation des données

Représentation courante des objets 3D, caméras, matériau en synthèse d'image

Méthode de rendu

Les méthodes de rendu utilisées en synthèse d'images

Initiation à WebGL et Three.js

Présentation rapide des concepts techniques pour réaliser une application WebGL

Pipeline graphique et GLSL

Introduction au pipeline graphique simplifié de WebGL et à la programmation des cartes graphiques

TP 0 - Introduction aux shaders

Introduction aux shaders - ShaderToy.com

TP 1 - ShaderToy et RayMarching

Applications de raymarching sur ShaderToy.com

TP 2 - Introduction a WebGL

Prise en main de WebGL et three.js

TP 3 - Shaders et GLSL

Initiation aux shaders et a GLSL

Projet WebGL

Quelques rappels des règles pour la réalisation du projet WebGL à rendre pour le 5 Janvier

Une soutenance de 5 minutes maximum montrant votre travail aura lieu en Janvier 2017

Le cours

Le cours d'informatique 1 portail SI