Aide et documention V2

F%NT (Modulo Font) est une application en ligne pour créer des formes et des caractères à partir d’une bibliothèque de modules.

La grille est de 10 sur 12, avec la possibilité de subdiviser chaque pixel en 4 (20 sur 24).

L'interface

Ouverture :

interface
F%NT interface

… : menu caché

interface
F%NT interface + …

La touche ⇧ (maj ou shift) permet de changer de mode et d’avoir des fonctions en plus.

interface
F%NT interface mode clic alternatif + boutons

LES BOUTONS

en haut à droite

F%NT : charge un fichier vide (https://f-nt.eu/font/start) et efface tous les caractères
?    : affiche l’aide (en info bulle)
©    : permet d’écrire et lire des informations
$T   : commande de transformation d’un module
×    : efface le caractère affiché
R    : trouve les cases non-vides pour les remplir aléatoirement
C    : copier
V    : coller
CX   : créer/cloner la ligne en X
CY   : créer/cloner la ligne en Y
KX   : détruire (kill) et coller la ligne en X
KY   : détruire (kill) et coller la ligne en Y

en haut

…  : menu caché
$_ : console avancée
|  : affiche la zone pour tester les caractères (abcde par défaut)
F  : transformation/rotation
F  : transformation en miroir
F  : transformation en miroir
P  : remplissage des cases non-vides avec le dernier module

en bas à droite

% : édite la grille en bougeant les lignes 
%TF : export en .OTF (à installer pour utiliser dans Inkscape ou Open Office)
SVG : export en .SVG (s’ouvre dans Inkscape)
CL%UD : sauvegarde sur le site (l’adresse / URL sera à conserver pour revoir le projet) 
CL%%%UD : sauvegarde sur le site et permet d’écrire dans le même fichier en mode collaboratif
IMP%RT : permet de charger une typo « 8px 'Arial' » charge une version pixel de l’Arial ou de fusionner avec l'adresse d’une autre F%NT
| : zone de test et création

Clavier et souris

Toutes les touches renvoient vers leur caractère.

Les modules sont dans cet ordre :
1 pixel
4 types de quart de cercle
1 cercle
4 formes de D
4 types de bord de 3 px
2 types de double barres
4 types de quart de cercle négatif
4 types de triangle rectangle
9 modules de coins lisses
1 module vide
puis les modules « custom »

La touche ⇧ bascule le mode de remplissage des modules :
Mode normal, clic gauche pour remplir du module suivant
clic droit pour remplir du module précédent (ou effacer)
Mode rapide, clic droit pour remplir ou effacer avec le dernier module

La molette permet de faire aussi défiler les modules.

En pressant la touche alt, vous pouvez subdiviser en 4 ou ressouder le module cliqué

ESC ouvre ou ferme l’aperçu du texte (éditable)
F1, F2, F3 appliquent les transformations
← → ↑ ↓ déplace le dessin (en mode pacman)
← → ↑ ↓ + alt déplace le dernier pixel (mode serpent)
⇞ ⇟ passe au caractère suivant/précédent

Les fonctions $_

Il est possible de faire des extras en tapant des commandes dans cette mini-console ou dans la console du navigateur.

  /* extend */
  "addLiga('C_A')",  ajoute une ligature C+A

  /* rip */
  "Import_Sub('16px Georgia')", rasterize en demi pixel 
  "Import_File()", 

  /* config  */
  "Config_WheelCookie(6)", réglage de la molette
  "Config_PixelVal(155)", réglage du seuil
  "Config_Tickness(3)", réglage de l'épaisseur sur le module ligne
  "Config_BrushSet(1)",  palette d'un module
  "Config_BrushSet(2)",
  "Config_BrushSet(3)",
  "Config_BrushSet(6)",
  "Config_BrushSet(11)", tous les modules
  "Config_Webcam(130)", spécial workshop online
  "Config_MoreTools()",
  "Config_LessTools()",
  "Config_Theme('01')",
  "Config_Multimode('🌈 ')", nécessite des customs shapes

  /* Export SVG */
  "SVG_fontMySelfandI()",
  "SVG_text('yes')",
  "SVG_shape()",

  /* Modify */
  "Modify_couciCouça()",
  "Modify_ChangeIn('QQ','  ')",
  "Modify_ChangeSubIn('XX,XX,XX,XX','XX')",
  "Modify_ChangeSubIn('XX','XX,OO,XX,OO')",
  "Modify_Color()",
  "Modify_Color('red,#f60')",
  "Modify_fillAll()",
  "Modify_fillAllRandom()",
  "Modify_fromSpace()", applique le remplissage de l'espace au(x) signe(x) 
  "Modify_GameOfNoLife()",
  "Modify_gluglu()", 
  "Modify_superGluglu()", 
  "Modify_inverse()",
  "Modify_Pattern()",
  "Modify_Pattern('XX,9,XX','OO,9,OO')",
  "Modify_Pattern(['XX',9,'XX'],['OO',9,'OO'])",
  "Modify_removeH(6)",
  "Modify_removeV(5)",
  "Modify_Shadow()", 

Modify_Shadow() nécessite des customs shapes (fichier de départ) demo finale.

  "Modify_ToSub()",
  "Modify_warpx(0,0,0,0,0,1,1,1,2,2,2,0,0)",
  "Modify_warpx(0,0,0,0,0,-1,-1,-1,-2,-2,-2,0,0)",

  /* special __  */
  "Modify__Find()", étape 1  : les blocs à trouver
  "Modify__Replace()", étape 2 : les blocs à remplacer
  "Modify__FindReplace()", étape 3 : application 
  "Modify__FindStop()", en cas d'erreur pour quitter le mode find

  "Modify_unsplash(theme = 'sky')", charge une image dans l'espace de test

  /* Manage */
  "keep('abcdefghijklmnopqrstuvwxyz')", 
  "clone('ABCDEFGHIJKLMNOPQRSTUVWXYZ','abcdefghijklmnopqrstuvwxyz')",
  "LarryTeslerCopy()",
  "LarryTeslerPaste()",

  /* Export */
  "multifont()",      
  "makeGif()",
  "makeGif(zoom=1,x=75,y=35,w=500,d=100,save=false,bg='#000',
    c='#fff',tc=false,square=true,blink=false)",
  "makeColorGif(zoom=1,x=75,y=35,w=500,d=100,save=false,bg='#000',
    c='#fff',tc=false,square=true,blink=false)",
  "saveGif()",
  "instaGif()",

  /* Grid FX */
  "Grid_Reset()",
  "Grid_Ease()",
  "Grid_Ease('circ.inOut','circ.inOut')",
  "Grid_Ease('circ.inOut','none')",
  "Grid_Steps('1,2','1')",

  /* transform FX */
  "FX_Scale(0.5)",
  "FX_Rotate(45)",

  "FX_Scale_Radius()",
  "FX_Scale_Radius_Error()",
  "FX_Scale_Ease_X()",
  "FX_Scale_Ease_Y()",
  "FX_Rotate_Ease_X()",
  "FX_Rotate_Ease_Y()",
  "FX_Rotate_Linear()",

  "FX_SubItem_Scale(0.5)",
  "FX_SubItem_Scale_Random()",
  "FX_SubItem_Scale_Ease_X()",
  "FX_SubItem_Scale_Ease_Y()",
  "FX_SubItem_Scale_Radius()",
  "FX_SubItem_Scale_Radius_Error()",

  "FX_SubItem_Rotate(45)",
  "FX_SubItem_Rotate()",
  "FX_SubItem_Rotate_Random()",
  "FX_SubItem_Rotate_Linear()",

  /* TOY */
  "gameOfLife()",
  "demo()",
  "timePilot()",
  "spiral()",
  "marquee('hello')"