ASCII ART : transformer un texte et texte ascii

Je suis dans ma phase nostalgie en ce moment et je profite de la pause vacances de juillet pour parler d’ un truc de vieux geek qui existe toujours sur Internet : C’est l’art de transformer un texte en ascii art. Pour illustrer ce que je viens de dire et aussi pour les geeks ultras jeunes , il est encore plus simple d’expliquer ça par un exemple rapide Pour écrire mon nom de domaine roget.biz je peux très bien l’écrire en ascii art comme dans l’exemple qui suit (après la pub).

 

'||'''|,                        ||       '||               
 ||   ||                        ||        ||      ''       
 ||...|' .|''|, .|''|, .|''|, ''||''      ||''|,  ||  '''/ 
 || \\   ||  || ||  || ||..||   ||        ||  ||  ||   //  
.||  \\. `|..|' `|..|| `|...    `|..' .. .||..|' .||. /... 
                    ||                                     
                 `..|'

Soit vous avez la patience de créer vous-même ce texte, ce qui va nécessiter quelques minutes de travail (voir quelques heures). Soit vous avez la possibilité d’utiliser des outils en ligne qui sont assez nombreux je dois dire.  Vous avez aussi la possibilité de trouver des logiciels, mais ce n’est pas l’objet de cette fiche technique.

Ce qu’offrent généralement ces outils :

  • Une case de saisie où vous allez écrire un texte. (généralement assez court sinon ça risque de poser des problèmes sur un outil de traitement de texte ou un éditeur html.
  • Une option de différents graphisme pour votre plus grand plaisir.
  • D’autres option comme la fourniture d’un code html.

Ascii mastervb.net

L’outil offre toutes les options de base citées en introduction, plus une option pour inverser l’ordre du texte (Right to left direction). Une option disponible est la transformation d’une photo en code ascii. 

Network science.de/ascii

Cet outil offre, en plus des options classiques, une option « reflection » qui fait qu’on va lire le texte comme dans un miroir. Cette option ne sert à rien, mais elle existe!

patorjk com…. Graffiti Roget.biz

Awesome ! Cette outil nous offre des graphismes assez top, il est possible de les tester tous d’un seul coup avec l’option « Test All » (tout tester). De plus, le texte est converti au fur et à mesure qu’on tape le texte original. L’outil fournit l’url du texte, il est donc facile de mettre en mémoire le résultat (dans la barre des favoris) . J’ai déjà parlé de ce site en 2009 !

J’ai bien aimé la police Alpha, Epic, blocks doh, bloody. x992.. Cela dit, pour toutes les tester ça risque d’être long car il me semble qu’il y a plus de 100 options c’est pour cela que l’option « Test All » est bien utile.

Kammerl.de ascii AsciiSignature

Voilà la quatrième sélection, en plus des options de base, cet outil nous offre le choix d’un page en style « old shool » (vieille école), white (par défaut) et « Grey » (gris). Les vieux geek comprendront bien ce qu’est l’option old school!

askapache.com/online-tools/figlet-ascii

Aucune option supplémentaire, il suffit de taper le texte, puis générer toutes les polices avec l’option all (tous) par défaut. Une page old school va apparaître et hop, on choisir ensuite parmi tous les résultats.

 

desmoulins.fr

Après toutes les options citées ci-dessus, on pourrait peut-être se passer de cet outil, mais monsieur desmoulin, nous offre deux outils en options.

L’outil la vache qui meugle qui présente différents types d’animaux à choisir parmi une longue liste. en appuyant sur « exemple, » l’outil va générer tous les types de motifs proposés

le texte qu’on a tapé et l’outil signature mail qui propose d’encadrer un texte autour d’uns série de cadres différents. En appuyant sur exemple, l’outil va générer tous les types de cadres proposés .

 Conclusion: Certes il s’agit d’outil informatique du siècle passé où nous n’avions que le texte pour communiquer entre ordinateurs via le protocole IRC (Internet Relay Chat) ! Maintenant, ce genre d’outils semble un peu caduque, mais ils sont encore en vie, ce n’est pas comme les taxis avec chauffeur en 2040.  Vous pouvez éventuellement tester les options sur mobile ( play.google store search ascii), où d’autres idées sont disponibles, mais ça fera peu-être l’objet d’une autre fiche technique sur ce blogue. 

 

Ascii ART: 12 générateurs de texte à partir d’une image

L’ascii art est l’art de représenter des images en caractères classique d’imprimerie. Il n’est pas facile, voire impossible, de faire ce type d’art, à la main. Il est donc nécessaire de passer par une application soit logicielle, soit en ligne.  L’Ascii art est vieux comme l’informatique et on pourra lire en détail l’histoire de l’Ascii art sur wikipedia.org : Art_ASCII.

Personnellement, j’ai découvert ce truc en 1979 quand j’étais étudiant en électronique. Cela dit, les choses se sont sophistiquées avec la puissance de calcul des ordinateurs. Dans la série nostalgie, voilà donc une compilation des applications web qui permettent de transformer une image en un ascii art.

Textify.it (résultat en image).

Cette application est la plus sophistiquée de la liste. Elle se limite à transformer une photo en image en forme de texte, ce qui veut dire qu’elle  ne permet pas de récupérer le code ascii, mais seulement une image.

Une fois que l’image a été puiséé à partir de disque dur, soit via l’url d’une image on obtient un résultat par défaut. Il faudra ensuite régler quelques paramètres pour arriver au résultat désiré.

On pourra faire varier :

  • le type de lettres ou motifs ,car il n’y pas que des lettres en options.
  • Appliquer un filtre (noire et blanc ou sépia)
  • Choisir un fond quand c’est posssible.
  • le nombre de caratères qui vont apparaitre sur la photo (de 1000 à 100 000)
  • la taille des caractères.
  • la police
  • Et la forme (italique, gras…)

On pourra peut-être regretter la taille des images qui ne dépasse pas 800 pixels soit en largeur soit en hauteur. En tout cas cette taille est compatible avec tous les photos qu’on peut mettre dans les réseaux sociaux comme Facebook, Twitter ou Instagram. On notera aussi qu’il existe une version sur l’appstore (non testé , car je n’ai pas de iphone).

Text-Image en ascii (3 options) .

Vous avez 3 choix sur ce site, la transformation en code html, en code ascii et en matrix.  Avec ce service en ligne on ne récupère pas la photo, mais bien un texte qu’on pourra éventuellement coller dans un éditeur de texte à condition de bien maîtriser la mise en page d’un tel texte.

En fonction de l’option, on pourra choisir les caractères qu’on veut faire apparaître dans le résultat, la taille et la largeur de l’image (de 1 à 500 caractères, puis la couleur, le noir et blanc et le monochrome.

Asciichinois

Choisissez l’url d’une photo, choisissez l’idéogramme  et générer une photo en ASCII chinois (si on peut dire que l’ASCII chinois existe). Avec cet outil le résultat est bien en caractère ascii, on pourra donc s’amuserr à coller directement le texte dans un logiciel à traitement de texte et par conséquent copier le code sur une page web également. Il faudra juste faire attention à la taille.

Si vous voulez sauvegarder le résultat en mode image, il suffit d’appuyer sur la touche « Imp ecran » de votre clavier et de coller le résultat dans un logiciel de photo comme photoscape.

Glassgiant (minimaliste)

Trouver l’url d’un photo ou téléverser une photo et transformer la photo en pur ASCII. Choisir le nombre de caractères et la grosseur pour un résultat plus fin. L’intérêt du résultat, c’est que vous pouvez copier les caractères directement et coller dans un mail par exemple.  On a le choix entre blanc sur fond noir et noir sur fond blanc.

Avec ce service nous sommes vraiment dans le minimaliste et qui dit minimaliste dit traitement rapide de l’image.

ASCII Art

Choisir une qualité de 1 (grande taille) à 5 (petite taille) et créer un bel ASCII ART. Si vous avez déjà testé les outils du début de la liste, le principe est à peu près toujours le même. Comme d’habitude, le conseil est de faire varier les paramètres dans tous les sens pour voir ce que ça donne et de choisir le meilleur résultat.

Slimshady451.free.fr (résultat en html).

Beaucoup d’options sur ce site et surtout la possibilité de récupérer un code html. Dans l’exemple, j’ai pu personnaliser les caractères « rogebiz ».  Il faudra tout de même faire attention que le code généré est proposé en format HTML donc compatible avec un éditeur de texte html. Pour une grossse image, le code généré est assez énorme, il faudra donc se contenter de convertir de petite photo, voire des simples vignettes.

sporkforge.com

Cet outil vous permettra de réduire l’image à un format très raisonnable pour copier le code sans problème de retour à la ligne. Il s’agit du septième service de cette liste, vous n’avez plus besoin de trop d’explications.

En terme de simplicité nous somme service, il n’y a qu’à fixer la qualité (commencer par 5) et récupérer le résultat directement sur la page.

 PicASCII

Plutot restreint en taille, avec un résultat soit en couleur soit en noir et blanc, il n’y a aucun autre paramètre à choisir sinon la qualité de l’image qui se caractérise pour un nombre plus ou moins grand de caractères.

DeGraeve.com

Degraeve présente une foule d’outils utiles dont la transformation d’une photo en code ascii. Il faudra copier l’url de l’image, choisir ascci ou html pour le format de sortie et fixer la largeur du résultat.  Il semble que l’option « letters to use » ne marche pas.

Lunatic

L’image n’est pas de très bonne définition sur ce site, mais le code est facilement copiable dans un mail ou sur un forum. L’outil n’accepte pas les url de photo en https, mais comme il y a aussi l’option de choisir une photo à partir d’un disque dur, cela ne pose pas trop de pb.


MasterVB.net

On commence  à se fatiguer à tester tous ces services et celui là est encore très simple d’usage. Maintenant on est vraiment rodé!

Cet outil propose aussi de transformer un texte banal en un texte format ascii

Typorganism

Il faudra déjà réduire la photo aux dimensions 60×50 pixels pour réaliser la transformation. Ce qui est peu pratique. En termes de paramètres on a le choix entre la couleur ou le noir et blanc, les lettres ou les carrés (square).  Le résultat est à télécharger en code html, sinon une copie d’écran sera l’autre option.

 

ce billet est une mise à jour d’un vieux billet déjà écrit sur ce blogue  sites-pour-texturizer-votre-photo

Première version de cette fiche  : 28 février 2012 à 9 h 51

 

Dessiner un caractère pour connaitre son unicode

Dans le cadre des petits outils en ligne, voilà deux services  qui permettent de connaître le code hexadecimal, le code unicode ou le code math mode d’un caractère. Il s’agit tout de même d’outils qu’on ne va pas utiliser tous les jours, mais il est bon de savoir qu’ils existent tout comme l’outil d’hier qui présentait un codeur de caractères en différents type d’unicode.

Ã

A quoi ça sert ?

Ne vous est-il jamais arrivé de vouloir taper un caractère qui n’existe pas sur votre clavier? Comme (À, Ê, Ç, Ã? ou pire ©?  A moins d’avoir un petit post-it sur le bureau, on se souvient rarement du code à taper pour écrire un tel caractère.

UNICODe

Exemple

  • Pour taper » © « il faut taper sur « alt » du clavier et tout en restant appuyé il faut taper 169.
  • Pour taper taper » Ç  » il faut taper sur « alt 0199 »?
  • Sur un grand nombre d’éditeurs de texte (donc wordpress), il y a une options « caractères spéciaux ». Il est aussi possible de trouver une petite partie de ses codes unicode ou asccii étendu.

Si on ne se souvient pas du code, on peut donc utiliser les outils qui suivent.

Shapecatcher.com

Cet outil  permet de dessiner un caractère qui sera ensuite interprété (avec la technique OCR) et qui renverra les caractéristiques technique  du symbole.
©
Exemple le code © qui est le code de copyright, dont vous allez trouver rapidement le code.
 ©

 Detexify.kirelabs.org (mathmode pour latex) 

Dans le même genre d’idée vous pouvez également utiliser  detexify.kirelabs.org qui est orienté pour les codes mathématique, ce qui en fait un outil complémentaire. L’outil propose en temps réel tous les caractères qu’il interprète lors du dessin.
____________________

Pour taper un symbole au clavier.

Normalement quand vous trouvez le codepoint (decimal) il suffit ensuite de taper alt et le numéro du codepoint, si cela renvoie un autre code, refaire la manipulation en ajoutant un zéro devant le code.
Exemple :  le codepoint de ®  est 174, Si vous tapez « alt » 174 vous allez tomber sur le signe sur « «  » mais si vous tapez « alt » 0174 vous allez bien écrire ®.
Conclusion
Voilà un peu l’usage simple que je peux faire de ce service, en vérité, il y a bien longtemps que j’ai imprimé un papier que j’ai plastifié avec tous les codes que j’utilise régulièrement. Notez tout de même que  Shapecatcher.com propose en fait 10877 caractères unicodes et que l’utilité de ce service va bien au delà de ce que je peux en faire.

Pin It on Pinterest