Par JÉRÔME MERCIER, enseignant, artiste génératif, ex-web designer.
Cours 1
Une introduction à l'art génératif et au design génératif, les 4 principes fondamentaux, l'histoire, les artistes et les principaux outils.![Cours 1 design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours1.jpg)
Cours 2
Prise en main de l'éditeur P5.js et création d'une première animation générative, interactive et audio réactive.![COURS 2 - GENERATIVE DESIGN](https://www.pizza-punk.com/wp-content/uploads/2022/08/COURS2-FPS-CODE.png)
Cours 3
Premières oeuvres graphiques génératives avec l'iteration et en intégrant l'aléatoire.![Cours 3 design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/08/COURS3-DESIGN_GENERATIF.png)
Cours 4
Maitriser les bases conceptuelles pour créer des patterns dynamiques, génératifs et interactifs.![Cours 4 Design Génératif Lyon](https://www.pizza-punk.com/wp-content/uploads/2022/08/Design-génératif-COURS4.png)
Cours 5
Générer des grilles de pattern, connaitre les algorithmes de bases, s'amuser avec l'algorithme de Truchet.![Cours 5 design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours-5-design-génératif.png)
Cours 6
Coder des gifs animés, ajouter du mouvement inertiel dans des animations.![cours 6 design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/08/generative-design-Cours-6.png)
Cours 7
Découverte du dessin génératif, conception de son propre outil de dessin.![Dessin generatif](https://www.pizza-punk.com/wp-content/uploads/2022/08/COURS7-DessinGeneratif.png)
Cours 8
Faire des rotations animées ou fixes dans des processus itératifs.![Image](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours8-rotations.png)
Cours 9
Designer avec des données probabilistes pour limiter le chaos visuel.![Image](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours9-Probabilites.png)
Cours 10
Utiliser les oscillations pour générer de puissants visuels/animations ondulatoires et géométriques.![Cours 10 - Oscillations](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours10-oscillations.png)
Cours 11
Utiliser le "Perlin Noise" pour des itérations génératives naturelles.![Le bruit de Perlin en design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours11-PerlinNoise.png)
Cours 12
Coder des tracés personnalisés, génératifs et interactifs.![Image](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours12-Vertex.png)
Cours 13
Organiser son programme avec les fonctions. Utiliser la récursivité![Cours 13 - Fonctions - recursivité](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours13-Fonctions.png)
Cours 14
Extras : Ombrages, dégradés HTML5, BlendMode et interfaces GCI.![Cours 14 - Extra et outils](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours-14-Extra-et-outils.png)
Cours 15
Jouer avec la typographie: mise en page générative, animations de textes et de lettres, typo générative.![Image](https://www.pizza-punk.com/wp-content/uploads/2022/08/Capture-décran-2022-08-30-à-09.55.32.png)
Cours 16
Images : intégrer dynamiquement des images, sliders génératifs, récupération de couleurs, génération d'images chartées, analyse d'images...![Cours 16 - Images et design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours-16-Images-et-design-génératif.png)
Cours 17
Création d'objets (POO) - Particules![Cours17 POO Particules](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours17-Poo-Particules.png)
Cours 18
Utiliser des datas venant d'une API ou d'une base de données pour créer des graphiques génératifs.![Datavisualisation](https://www.pizza-punk.com/wp-content/uploads/2022/10/Capture-décran-2022-10-03-à-19.50.03.png)
Cours 19
Intégrer du son et capture du micro. Création d'animations audio-réactives. Analyse du son.![Le son en design génératif](https://www.pizza-punk.com/wp-content/uploads/2022/09/Capture-décran-2022-09-23-à-17.44.04.png)
Cours 20
Lire une vidéo et capturer la webcam. Modification en temps réel de la vidéo par l'analyse des pixels.![Video et creative coding](https://www.pizza-punk.com/wp-content/uploads/2022/09/Capture-décran-2022-09-30-à-17.52.10.png)
Cours 21
Créer des designs génératifs avec des agents autonomes et intelligents.![Image](https://www.pizza-punk.com/wp-content/uploads/2022/08/Cours-20-Agents-Intelligents.png)
Cours 22
Utiliser des champs de vecteurs pour créer des textures dynamiques et naturelles![Champs de vecteurs-FlowFields](https://www.pizza-punk.com/wp-content/uploads/2022/08/Champsdevecteurs-FlowFields.png)
Cours 23
Utiliser les programmes d'Intelligence Artificielle pour créer des images.![IA MidJourney Stable Diffusion](https://www.pizza-punk.com/wp-content/uploads/2022/09/Capture-décran-2022-09-09-à-15.23.47.png)
Cours 24
Utiliser les vecteurs pour créer un environnement régie par les lois de la physique.![Cours design génératif- vecteur et physique](https://www.pizza-punk.com/wp-content/uploads/2022/09/Capture-décran-2022-09-22-à-20.35.26.png)
Cours 25
Utiliser p5.sound.js pour générer du sons et des mélodies.![Cours design génératif Créer une mélodie générative](https://www.pizza-punk.com/wp-content/uploads/2022/09/Capture-décran-2022-09-22-à-20.38.53.png)
Cours 26
Utiliser p5.js pour créer un framework web à partir de contenus html.![P5js Manipulation DOM](https://www.pizza-punk.com/wp-content/uploads/2022/09/Capture-décran-2022-09-29-à-21.12.37.png)
Cours 27
Jouer la densité des caractères ASCCi pour faire de l'ASCII génératif!![ASCII art génératif](https://www.pizza-punk.com/wp-content/uploads/2022/10/Capture-décran-2022-10-19-à-16.11.51.png)