# Moodboard Typo Générative

## Lien du document https://hackmd.io/@losylam/sdtlp

[pad ressources processing / typomorph](https://hackmd.io/CIaXuoaES3q6i60sVAK5Zw?both)

## Drive
[Switch Drive: exercices et exemples Processing](https://drive.switch.ch/index.php/s/EVKYcMK5iJgVrrO)
[Bibliographie](https://drive.switch.ch/index.php/s/6aVphfnohN410Uj)

## 26.02 (état des projets, questions)

CYNTHIA_ALEXANDRE
STL IMPORTTEST
Intégrer la forme 3D typographique au fichier noiseSphere4 et remplacer la sphère sans altérer les effets produits sur celle-ci;

Un fichier OBJ ET MTL associé est également joint au dossier dans le sous-dossier DATA de noiseSphere4 si cette extension est plus facile à manipuler;

## Projet: objectifs
Créer / développer une application qui utilise de la typographie générative ou interactive . L’application implique une/des interactions entre deux écrans ou plus. Le texte peut être modifié / généré via un périphérique (souris, capteur etc.) ou à partir de données traitées par un site web (flux, hacking d’un site existant etc.).
Contenu: un/des mots (pas de texte long)

## Etape 1

## Technique/matériel
Matériel à disposition:
- 3 iPad pro, 4 iPad air
- 3 écrans Samsung 32’', 2 ecrans sony 32’’, 5 câbles HDMI; 5 Mac mini, un routeur wifi

Identifiants: expo
le mot de passe est soit: expo soit rien (champ vide)

Construction (si nécessaire):
- support pour écrans 32’’
- plans dessinés par Nicolas Baldran
- réserver atelier bois

## Calendrier
Jeudi 20.02 :
0900-1030 Groupes de travail, premières recherches
1100–1200 François Harik (MA Thesis)
1330–1600 Conception des projets (essais, visualisation)
1615-1700 1re présentation (5 min./groupe, 5 images)

Vendredi 21.02 :
Expérimentation, préparation de la 2e présentation
0930–1000: OSC+ contrôle P5
Work in Progress (rendez-vous, par groupe)

Lundi 24.02 :
Choix du projet à réaliser, tests techniques
Préparation de la 2e présentation
0900–1200 Work in Progress (rendez-vous, par groupe):
0915–0930:
0930–0945:
0955–1010:Tanguy, Clément, Rémi
1015-1030: Cody, Janice
1040–1055:Amsatuuuuu
1115–1130: Lais, Aurélie

Mardi 25.02 :
1030-1200 2e présentation (5 min./groupe+10 min./discussion, 5 images, essais techniques, questions de faisabilité listées sur le pad)
1330-1700 Projet: conception détaillée et développement

Mercredi 26.02 :
0900-1700 Projet: développement

Jeudi 26.02 :
0900-1700 Projet: développement, tests/ajustements

Vendredi 27.02 :
0900-1200 Projet: tests/ajustements
1430–
1600 Présentation

## Typographie temporelle: catégories de comportements

### Lecture:
[R.Brownie 2015, Transforming Type](https://drive.switch.ch/index.php/s/LYDPGWs5yzCZwZ9)
[Galerie d’exemples tirés de Transforming type](http://www.fluidtype.org/typology.html)

# Références
## Alexandre/Cynthia
Kinetic typo - Construction through motion
https://hellofromhe.re/poster

Dynamic Layout
https://www.mystaelectric.com
https://font.redcollar.co

Global Motion
https://nejtilpesticider.postevand.com
https://igma.im/profile/
https://process.studio/works/average-font/
https://www.instagram.com/workingwithtype/

Elastic typography
https://coppersandbrasses.com/retail-fonts/double/

Révélation
https://www.behance.net/gallery/10436043/Generative-Design
http://typelab.fr/index2.html
https://www.miragefestival.com

Revelation by color or illumination
https://lachoseimprimee.com/les-publications/colorimetrie-lapplication-interactive/
https://www.behance.net/gallery/48076667/datawave-Generative-Font?tracking_source=search%7Cgenerative%20typography

Kinetic typography
https://dribbble.com/shots/8584253-King-Creative-type-animation-2/attachments/847175?mode=media

Typographie Variable → Animation
https://pianotriofest.com

Scrolling typography
https://minimalwim.com

## Tanguy/ Clément. F /Rémi

https://www.instagram.com/p/B4xYNYpi_d0/
https://hackmd.io/s/ByOeQ737U

Typographie générative :
https://nikitaiziev.com/project/daily
https://afrika.to/projects/voces-suaves/
https://www.standardabweichung.de/design/projekte
https://www.kielm.com/process

Fluid type - Metamorphosis :
https://www.andrebianchi.com/generative-typography/
https://www.studiofeixen.ch/shorties/

Local Kinetic : Elastic font
https://www.schultzschultz.com/free-works.html
https://www.instagram.com/xaviermonney/
https://www.instagram.com/matthew_van_ede_van_der_pals/
https://www.instagram.com/slobzheninov/
http://nick-pearce.co.uk/
https://www.instagram.com/typetype.foundry/

Global Motion :
https://dia.tv/
http://monkeytype.xyz/index.html

## Lais K./ Aurélie
- librairie javascript
http://paperjs.org/
http://endtwist.github.io/kerning.js/
https://blotter.js.org/
- artistes/studios
dia_studio / dia.tv
https://www.instagram.com/nikitaiziev/
https://www.instagram.com/xaviermonney/?hl=pt
https://www.instagram.com/p/B5-Mm6UC0gK/
http://nicolastilly.fr/
https://www.instagram.com/p/B6GI1Tai7iQ/
https://andreasrefsgaard.dk/project/painting-with-gossip/
http://www.letterror.com/
- interface créations
https://spacetypegenerator.com/
https://www.prototypo.io/
- livre/articles
http://www.generative-gestaltung.de/2/
https://www.itsnicethat.com/articles/kiel-mutschelknaus-space-type-generator-graphic-design-digital-160519
https://walkerart.org/magazine/sang-mun-defiant-typeface-nsa-privacy
https://www.itsnicethat.com/articles/klim-dia-sohne-graphic-design-101219

## Janice/Cody
kinetic typography/type in motion
http://syddharth.com/portfolio https://www.vmragona.com/
https://www.behance.net/gallery/72905057/Kinetic-Typography-Experiments
https://www.behance.net/gallery/62664607/Type-in-Motion
https://robertowarner.info/Kinetic-Typography-Case-Study-02
https://nikitaiziev.com/project/ds19

experimental type & form
https://www.instagram.com/nikitaiziev/
https://ricardomeyer.de/100-ways-to-move-an-a

dynamic layout/ interactive website
https://riolabel.com/

fluid geometry/variable font
https://animography.net/products/gilbert

fluid & responsive typography
https://codepen.io/matejlatin/full/GELvGK/

construction with parallax
https://ricardomeyer.de/100-ways-to-move-an-a

## Clément. V/ Théa / Arthur
Global motion
http://joshschaub.ch
Interactive variable font
https://www.instagram.com/p/B5-Mm6UC0gK/
https://www.instagram.com/p/B4xYNYpi_d0/
Construction through motion
https://www.instagram.com/p/B6GI1Tai7iQ/

https://www.eliashanzer.com/phase/ variable font
https://www.instagram.com/p/B5ceexLBjmk/?utm_source=ig_web_copy_link
variable font
https://www.syedrezaali.com/generative-typography-experiments/ generative font / experiments
https://www.pentagram.com/work/mushrooms 3D generative font
https://kennybrandenberger.ch/project/animated-posters
http://www.anthonyvelen.ch/project/dronetype
Interactive variable font: http://www.very-able-fonts.com
==interactive== ==variable font==https://spacetypegenerator.com
Kinetic typography
http://www.anthonyvelen.ch/project/motionposter
Fluid typography experimentations:https://www.syedrezaali.com/generative-typography-experiments/
Global motion
https://www.behance.net/gallery/68423093/MOTION-POSTER-SERIES