Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
ressource:code:processing:atelier_typo [2022/09/08 18:04] gweltaz |
ressource:code:processing:atelier_typo [2022/12/05 17:05] (Version actuelle) gweltaz |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| + | {{tag>processing typographie}} | ||
| ====== Atelier Processing : typographie ====== | ====== Atelier Processing : typographie ====== | ||
| + | ===== Ressources de fonts à télécharger ===== | ||
| + | * https://fonts.google.com | ||
| + | * https://fontawesome.com | ||
| + | * http://www.fontsaddict.com | ||
| + | |||
| + | Sous linux, c'est grace à la font "Noto Color Emoji", installée par défaut, que l'on peut afficher des émojis dans diverses applications (dont le Terminal). | ||
| + | Comme il n'est pas possible d'utiliser une font de couleur dans Processing on pourra utiliser "Noto Emoji" à la place https://fonts.google.com/noto/specimen/Noto+Emoji. | ||
| + | |||
| + | ===== Voir le contenu d'une font ===== | ||
| <accordion><panel title="fontViewer.pde"> | <accordion><panel title="fontViewer.pde"> | ||
| Ligne 208: | Ligne 218: | ||
| </panel></accordion> | </panel></accordion> | ||
| + | ===== Effets de fonts avec Processing ===== | ||
| <accordion><panel title="textEffects.pde"> | <accordion><panel title="textEffects.pde"> | ||
| Ligne 363: | Ligne 374: | ||
| </code> | </code> | ||
| </panel></accordion> | </panel></accordion> | ||
| + | |||
| + | ==== Utilisation ==== | ||
| + | |||
| + | <code java> | ||
| + | TextEffect te; | ||
| + | te = new TextFade("Hello", 100, 180).setFont("FreeMono Bold", 50); | ||
| + | |||
| + | void draw() { | ||
| + | te.update(); | ||
| + | } | ||
| + | </code> | ||
| + | |||
| + | <code java> | ||
| + | TextEffect te = TextHScroll(String "Bonjour", 400, 2) | ||
| + | </code> | ||
| + | |||
| + | Types d'effets: | ||
| + | * TextFade(String text, int x, int y); | ||
| + | * TextHScroll(String text, int y, float speed); | ||
| + | |||
| + | Methodes de la classe TextEffect: | ||
| + | * setFont(String font, int size) | ||
| + | * setFont(PFont font) | ||
| + | * delay(float seconds) | ||
| + | * setText(String text) | ||
| + | * setPosition(float x, float y) | ||
| + | * setColor(int r, int g, int b) | ||
| + | * setColor(color c) | ||
| + | * reset() | ||