Aide et documention

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

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

LES BOUTONS
F%NT : charge un fichier vide (https://f-nt.eu/font/start) et efface tous les caractères
× : efface le caractère affiché
R : trouve les cases non-vides pour les remplir aléatoirement
? : affiche l’aide (en info bulle)
C : copier
V : coller
© : permet d’écrire et lire des informations
… : 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
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
%TF : export en .OTF (à installer pour utiliser dans Inkscape ou Open Office)
SVG : export en .SVG (s’ouvre dans Inkscape)
% : édite la grille en bougeant les lignes
TXT : affiche un aperçu des lettres
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

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.

gluglu() : lissage des typos pixel
supergluglu() : lissage alternatif
keep('abc') : garde « abc » et efface le reste
clone('ABC','abc') : copie ABC vers abc
wheelCookie(6) : change le « pas » de la molette
source() : utilise le remplissage du caractère espace pour remplir les autres caractères
gameOfLife() : applique le jeu de la vie en partant du zéro
gameOfNoLife() : applique une étape du jeu de la vie à chaque caractère
brushSet(1) : reduit le nombre de famille de module à 1 (1,2,3,6 ou 11)
resetGrid() : grille régulière
couciCouça() : remplissage aléatoire de cercle ou pixel
scale(0.5) : échelle de 0 à 1 des modules
rotation(45) : rotation des modules
fillAll() : remplir avec le dernier module tous les glyphes (là où ce n’est pas vide)
fillAllRandom() : remplir aléatoirement tous les glyphes
LarryTeslerCopy() : copie l’objet « letter » dans le presse papier (Votre navigateur vous demandera l’autorisation)
LarryTeslerPaste() : importe l’objet « letter » du presse papier
makeGif() : crée un gif animé en enchainant les glyphes non-vides (Ouvre une fenêtre, nécessite de désactiver AdBlock et autorisation du navigateur)
saveGif() : sauvegarde le gif directement
tickNess(3) : change l’épaisseur des modules « bordures »
easeGrid('circ.inOut','circ.inOut') : change la grille de manière mathématique
easeGrid('circ.inOut','none') : change la grille de manière mathématique
stepsGrid('1,2','1') : change la grille de manière mathématique
warpx(0,0,0,0,0,1,1,1,2,2,2,0,0) : décale les pixels en x
warpx(0,0,0,0,0,-1,-1,-1,-2,-2,-2,0,0) : exemple pour revenir
changeIn('QQ',' ') : remplace un module par un autre ou rien
pixelVal(155) : change la valeur de référence pour la pixelisation (rip) des fontes
subRip('16px Georgia') : pixelise une fonte avec une trame plus fine