Skip to content

Commit 0ae03d0

Browse files
authored
đŸ€Tweak Workshop (#50)
1 parent b1f9978 commit 0ae03d0

3 files changed

Lines changed: 11 additions & 41 deletions

File tree

‎content/Workshop/01-Sujet.md‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -46,11 +46,10 @@ for (glm::vec3& color : image.pixels())
4646
- Pour créer une couleur avec les trois composantes identiques (donc un niveau de gris), la syntaxe `glm::vec3{grey}` est équivalente à `glm::vec3{grey, grey, grey}`.
4747
- Vous pouvez généralement faire vos opérations directement sur les couleurs, pas besoin de les faire 3 fois sur chacun des canaux :
4848
```cpp
49-
glm::vec3 color1{};
50-
glm::vec3 color2{};
51-
glm::vec3 final_color{};
49+
glm::vec3 const color1{};
50+
glm::vec3 const color2{};
5251
53-
final_color = color1 + color2;
52+
glm::vec3 const final_color = color1 + color2;
5453
// équivalent à :
5554
// final_color.r = color1.r + color2.r;
5655
// final_color.g = color1.g + color2.g;
@@ -92,17 +91,17 @@ int main()
9291
9392
## Rendu et Rapport
9493
95-
__*À rendre avant samedi à 23h59*__.<br/>
96-
*Pour le rendu, il suffit de [mettre votre lien git ici](https://docs.google.com/spreadsheets/d/1x2uqvKdhndstidmW4xoWkNTlbwHFDWGlpohdb6TRORY/edit?usp=sharing)*. Attention, vérifiez bien que votre repo est en public, ou si il est en privé, pensez à m'inviter dessus ([*julesfouchy*](https://github.com/julesfouchy/)).
94+
__*À rendre avant vendredi à 23h59*__.<br/>
95+
*Pour le rendu, il suffit de [mettre votre lien git ici](https://docs.google.com/spreadsheets/d/16nS6i0uq31Y3HzNI33xjXs4cC6H6AITeYHFn4fPQfsk/edit?usp=sharing)*. Attention, vérifiez bien que votre repo est en public, ou si il est en privé pensez à m'inviter dessus ([*julesfouchy*](https://github.com/julesfouchy/)).
9796
98-
Pour le rapport, faites une section par exercice que vous avez fait. Montrez une image avant et aprÚs application de l'effet (comme c'est fait dans l'énoncé des exercices). Si vous jugez cela utile, vous pouvez mettre un petit texte expliquant des spécificités de l'algo que vous avez implémenté, et les piÚges potentiels dans lesquels il ne faut pas tomber.
97+
Pour le rapport, faites une section par exercice que vous avez fait. Montrez une image avant et aprĂšs application de l'effet (comme c'est fait dans l'Ă©noncĂ© des exercices). **Le rapport n'a pas besoin d'ĂȘtre long**. Pour les exercices oĂč vous jugez cela utile, mettez un petit texte expliquant des spĂ©cificitĂ©s de l'algo que vous avez implĂ©mentĂ©, et les piĂšges potentiels dans lesquels il ne faut pas tomber.
9998
100-
À faire en Markdown obligatoirement (Si vous ne connaissez pas c'est l'occasion de dĂ©couvrir, c'est super utile. Je vous montre tout ça vendredi).
99+
À faire en Markdown obligatoirement. (Si vous ne connaissez pas c'est l'occasion de dĂ©couvrir, c'est super utile. Je vous montre tout ça vendredi).
101100
102-
À mettre directement en tant que ReadMe.md à la racine du repo.
101+
À mettre directement en tant que `README.md` à la racine du repo.
103102
104103
## Soutenance
105104
106-
Présentez un des algos avancés que vous avez fait, en 5-10 minutes. C'est de la vulgarisation, il faut que tous vos camarades puissent comprendre. Expliquez l'algo dans les grandes lignes, et parlez des petits piÚges de code auxquels il faut faire attention.
105+
Présentez un des algos avancés que vous avez fait, en 5-10 minutes. C'est de la vulgarisation, il faut que tous vos camarades puissent comprendre. Expliquez l'algo dans les grandes lignes, et parlez des petits piÚges de code auxquels il faut faire attention. **Attention** à ne pas juste montrer le code et le lire ligne par ligne!!
107106
108107
PS : la soutenance est optionnelle, on va essayer de ne pas prĂ©senter plusieurs fois le mĂȘme algo, donc vous n'ĂȘtes pas obligĂ©.es de passer. Et si plusieurs groupes souhaitent passer sur le mĂȘme algo, on va essayer de vous regrouper pour que vous fassiez une seule prĂ©sentation, ensemble.

‎content/Workshop/02-Planning.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
## Mardi
88

99
- [ ] *Cours* : Présentation de git
10-
- [ ] Test et prise en main de git (l'un push quelque chose et l'autre le pull par exemple)
10+
- [ ] Test et prise en main de git
1111
- [ ] Mettre sur le repository les exercices que vous avez fait hier
1212
- [ ] Autonomie, avancer dans les exercices
1313

@@ -24,6 +24,6 @@
2424
## Vendredi
2525

2626
- [ ] *Cours* : Présentation de Markdown pour l'écriture du rapport
27-
- [ ] Écriture du rapport (Vous avez jusqu'à samedi 23h59 pour le rendre)
27+
- [ ] Écriture du rapport (Vous avez jusqu'à vendredi 23h59 pour le rendre)
2828
- [ ] Préparation de la présentation pour celleux concerné.es
2929
- [ ] Présentations l'aprÚs-midi

‎content/Workshop/03-Exercices.md‎

Lines changed: 0 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -181,12 +181,6 @@ Maintenant que vous savez dessiner un cercle, dessinez-en plusieurs sur la mĂȘme
181181
Comment passer de coordonnées polaires (angle et rayon) à des coordonnées cartésiennes (x et y) ?
182182
</details>
183183

184-
### ⭐⭐ Animation
185-
186-
![](output/animation.gif)
187-
188-
Pour faire une animation, on va exporter plein d'images les unes aprÚs les autres, en faisant légÚrement bouger le disque entre deux images. Vous pouvez ensuite utiliser un outil externe pour assembler ces images en une vidéo / gif. Par exemple [Ezgif](https://ezgif.com/maker).
189-
190184
## ⭐⭐ Mosaïque
191185

192186
![](output/mosaic.png)
@@ -264,29 +258,6 @@ On passe ce qu'on appelle une *lambda* en 3Ăšme argument : c'est une fonction d
264258
265259
<ExplanationsAboutRandom/>
266260
267-
## ⭐⭐⭐ Dégradés dans l'espace de couleur Lab
268-
269-
Pour commencer, repartez de l'exo [⭐ Dégradé](#-dégradé) et adaptez-le pour faire un dégradé de couleur :
270-
271-
![](./output/gradient_srgb.png)
272-
273-
<details>
274-
<summary>Indice</summary>
275-
276-
Vous pouvez utiliser la fonction [`glm::mix`](https://glm.g-truc.net/0.9.4/api/a00129.html#ga3f64b3986efe205cf30300700667e761) pour mélanger deux couleurs en fonction d'un pourcentage.
277-
</details>
278-
279-
Maintenant, on peut remarquer que ce dégradé n'est pas super, et que la couleur au milieu est trÚs sombre par rapport aux couleurs aux extrémités. Le problÚme c'est que nos couleurs sont exprimées dans l'espace de couleur sRGB, qui n'est pas adapté pour ce genre d'opérations de mélange entre couleurs. D'autres espaces de couleur ont été développés exprÚs pour ça, notamment Lab :
280-
281-
<YoutubeVideo id="nJlZT5AE9zY"/>
282-
<br/>
283-
284-
[Voici l'article original introduisant Oklab](https://bottosson.github.io/posts/oklab/), vous y trouverez toutes les infos nécessaires pour implémenter les conversions entre sRGB et Oklab :
285-
286-
![](./output/gradient_oklab.png)
287-
288-
Comparez les dégradés dans les différents espaces de couleur : lequel préférez vous ? Essayez des dégradés avec d'autres couleurs : est-ce que Oklab est toujours mieux que sRGB ? Que se passe-t-il si on fait le mélange dans d'autres espaces de couleur, comme Linear RGB ou HSL ?
289-
290261
## ⭐⭐⭐(⭐) Fractale de Mandelbrot
291262
292263
![](output/mandelbrot.png)

0 commit comments

Comments
 (0)