45:["$","title",null,{"children":"Computational Design ESAC | Free Art Bureau | Observable"}] 4d:T4b0,slide = { function slide() { const container = document.createElement("div"); container.className = "slide"; container.appendChild(md.apply(this, arguments)); return container; } function code(strings) { const container = document.createElement("div"); const pre = container.appendChild(document.createElement("pre")); const code = pre.appendChild(document.createElement("code")); let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; code.textContent = string.trim(); container.className = "slide slide--code"; return container; } slide.code = code; slide.js = function() { const container = code.apply(this, arguments); const content = container.firstChild.firstChild; content.className = "js hljs javascript"; hl.highlightBlock(content); return container; }; slide.img = function(strings) { const img = new Image; let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; img.src = string.trim(); img.className = "slide slide--img"; return img; }; return slide; }4e:[] 49:{"id":"34782423b82e6700","slug":"computational-design-esac","title":"Computational Design ESAC","thumbnail":"9cac72c6d8db73b1ab7e77b09221b0f64d0b6f1d824508e55fbf16db2a0d1982","access_level":"public","create_time":"$D2018-10-02T03:37:47.095Z","update_time":"$D2018-11-13T04:30:46.263Z","view_time":null,"first_public_time":"$D2018-10-02T04:18:37.600Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"2457b156b63e089d","login":"freeartbureau","name":"Free Art Bureau","avatar_url":"https://avatars-next.observableusercontent.com/cc0e6b8ee300408c37ff9981081cdfdbd24b5c87fcaa55e9718288ab2d8a881f","tier":"starter_2024","bio":"A collection of computational work from collaborative workshops, teaching & personal projects. Maintained by Mark Webster","followed_by_you":false,"follows_you":false},"version":111,"publish_version":111,"role":null,"authored":false,"authors":[{"type":"individual","id":"45060cad5c0bc032","login":"freeartbureau","name":"Free Art Bureau","avatar_url":"https://avatars-next.observableusercontent.com/cc0e6b8ee300408c37ff9981081cdfdbd24b5c87fcaa55e9718288ab2d8a881f","tier":null,"bio":"A collection of computational work from collaborative workshops, teaching & personal projects. Maintained by Mark Webster","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"45060cad5c0bc032","login":"freeartbureau","name":"Free Art Bureau","avatar_url":"https://avatars-next.observableusercontent.com/cc0e6b8ee300408c37ff9981081cdfdbd24b5c87fcaa55e9718288ab2d8a881f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Computational Design ESAC","cells":[{"id":7,"value":"md`# Computational Design ESAC`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"slide`# Designing *Progams*
Année II `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"slide` Designing Programs \\
*Un cours spécialement conçu
pour introduire l'art de la
programmation et le médium du code.* `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"slide`OBJECTIFS
- *L'apprentissage* des concepts clés
- *Explorer* un médium; le code
- *Concevoir* et *créer* des systèmes graphiques`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"slide`MÉDIAS & MÉDIUM
[Processing](http://www.processing.org)
[P5.js](https://p5js.org/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"slide`*SEMESTRE I*

- Variables
- Fonctions/Méthodes
- Contrôle
- Boucles
- Classes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"slide`*SEMESTRE II*
PROJET RECODE

- Une oeuvre imprimée
- Une oeuvre en mouvement
- Un site www
- Une exposition
- Un catalogue
- Un carnet de recherche `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"slide.img`https://bitbucket.org/repo/LoaEMaM/images/102707088-vera_01.jpg`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"slide` SYSTEM GRAPHIQUES
*ALGORITHMS * *-> RULES*

*it's about establishing the rules
then playing them out*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"slide`En utilisant que des formes simples:
*point, ligne, cercle, carré & triangle*, dessinez trois compositions statiques avec Processing qui pourraient exprimer les notions suivantes :\n\nCROISSANCE / VITESSE / EXCLUSION / CALME / ÉGALITÉ / DÉSÉQUILIBRÉ\n\nRespectez une taille de 500px X 500px et pas de couleur - *noir & blanc.*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"slide.img`http://freeartbureau.org/esad_teaching/wp-content/uploads/2013/08/Screen-Shot-2015-06-26-at-6.25.42-PM.png`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"slide`À lire pour la semaine prochaine,
[Graphisme en France](http://freeartbureau.org/esad_teaching/wp-content/uploads/2013/08/123851_graphisme_en_france_2012.pdf)
[Intro à Processing](https://fr.flossmanuals.net/processing/introduction/)

Email: [mwebster@esac-cambrai.net](mwebster@esac-cambrai.net)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"slide`# Another slide`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"slide_style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 44:null