Accueil

Ce site a été créé pour regrouper une présentation du design génératif sur le web ainsi que des bouts de code de l’atelier p5.js donné par Louis Eveillard à l’invitation de Dominique Moulon à l’ECV Paris et à l’EPSAA en février/mars 2018.

Les contenus présents sur ce site sont sous license libre CC BY-NC-SA, donc leur copie et partage sont permis avec pour seul restriction de mentionner leur auteur respectifs avec un lien vers la page d’origine. Les utilisations commerciales sont interdites.

Mes projets en lien avec le design génératif & p5.js

0. Hypomnémata
1. le Tricodeur — sources
2. Point à Point
3. Acrobates Builder — article Medium

Quelques liens et références

Des cours que j’ai pu donner :

The Fabric of the Web

Les bases pour fabriquer un site de zéro : HTML, CSS, un peu de PHP, une initiation à un CMS (Kirby), une initiation à p5.js, et quelques exemples : http://pca.louiseveillard.com

Les bases de la visualisation de données

Pour Processing et le tricot — mais les principes restent les mêmes avec d’autres outils : http://letricodeur.com/workshop/

Affiches interactives

Des exemples pour construire des affiches animées et/ou interactives dans le navigateur : https://affichesinteractives.louiseveillard.com/

D’autres ressources que je recommande :

• The Nature Of Code de Daniel Shiffman, pour apprendre certaines logiques complexes de code (trigonométrie, oscillation, algorithmes génétiques, etc.)
  — http://natureofcode.com/book/

• La chaîne youtube The Coding Train de Shiffman, très accessible et vivante, beaucoup de sujets variés — http://thecodingtrain.com/

• Generative Gestaltung (coll.), la bible du design génératif — http://www.generative-gestaltung.de/

• Référence p5js.org, la documentation de p5.js et la base de tout — https://p5js.org/reference/

Des exemples de sites qui utilisent des outils génératifs comme p5 :

• https://timobecker.com/ et https://vimeo.com/194544003
• https://www.newrafael.com/websites/
• http://www.mta.me/
• http://www.baroque.me/
• http://www.orchestredeparis.com/resonance/
• https://paperplanes.world/

Quelques références dans le domaine du design génératif :

• Reactive Books de John Maeda — https://vimeo.com/124707805
• Morisawa posters de John Maeda — https://maedastudio.com/morisawa-10-2016/
• Zach Lieberman — http://thesystemis.com/
• Kyle McDonalds — http://www.exhaustingacrowd.com/birmingham
• Couvertures Génératives — https://louiseveillard.com/projets/couvertures-generatives
• Along the Trail — https://louiseveillard.com/projets/along-the-trail
• JOY.JS — http://ncase.me/joy-demo/turtle/?drawing=star