Ascii'o'matic - L'ASCII Art online !

Ascii'o'matic - L'ASCII Art online !

Mugshots aléatoires

From Anonymous

From Anonymous
Votre note: None

Réseaux






L'ascii art, c koi ? Pour commencer, quelques exemples de ce qui se trouve sur le net chris.com ou alors une simple recherche sur google.

Cliquez ici pour tester le script en ligne.

Bon, bref, (en gros) comment ça marche ? Simple ! On utilise la table de caratères disponible pour construire un dessin ou une image avec. En général on utilise une police de caractères "de taille fixe" comme la police "system" sous une commande ms-dos ou la police "courier". En l'occurence on utilisera la police "courier".

Principe de base, prenons 4 caractères différents (au pif quoi), et regardons les à la loupe ! voila le résultat :

ascii01.jpg

Magnifique culture de pixel ! Bon, a première vue, on observe que le caractère "B" est plus foncé que le "c" (non c pas un effet d'optique à la con à cause des couleurs !). Pour le prouver comptez les pixels représentant le caractère "B" et le caractère "c" (les pixels noirs en fait).... alors ? .... 26 pour le "B" et 12 pour le "c". Bon ! On en déduit alors que "plus ya de pixels, plus c sombre, moins ya de pixel plus c clair !" (c clair ?). Dans ce cas on peut représenter les contrastes d'une image uniquement avec des caractères ! C'est le principe de base de l'ascii art ! Facile non ?

Généralement, (et je dis bien généralement) on trouve sur le net des fichiers ascii art et mode texte lisibles sous bloc-note ou autre éditeur. Bref du monochrome. L'outil présenté ici, permet également de travailler en couleur sur des pages html en utilisant des balises "font" pour définir la couleur.

Passons à la technique, vous avez certainement testé l'appli donc je passe à la suite. On entre paramètre : une image, un mapping (série de caractères ascii) et un niveau de qualité.

Le script PHP prend l'image et la passe dans un outil nommé "convert". Ce magnifique outil de la série ImageMagick permet de convertir une image de format x vers un format y, je vous passe les détails, allez donc voir sur le site. Cette image envoyée par vous même est redimensionnée dans une résolution de 100 pixels par 100 (car c'est suffisant) puis convertie au format RGB. Une fois ce traitement effectué, le script charge l'image RGB et effectue une moyenne des 3 composantes de couleurs pour obtenir une image en niveaux de gris. Les niveaux de gris vont être calqué sur le mapping ascii pour obtenir les contrastes ensuite le caractère ascii ainsi déduit sera coloré selon la valeur les composantes RGB. Pour optimiser le résultat final, le script effectue un décalage bit à bit sur chaque composante RGB et diminue ainsi le nombre de couleurs.

ascii02.gif

Simple non ? Si vous avez des questions, n'hésitez pas à déposer un commentaire dans le formulaire en bas de page.

Fichier attachéTaille
asciiomatic.zip6.54 Ko
Tags
Commentaires
Portrait de marfun

pas mal ça au moins j'aurai appris que plus y aura de pixel plus ce sera sombre...

sinon quelle différence entre les pages web html et php ?

le php est plus complexe que le html je pense non ??

Portrait de monkey

G rien entravé a ton explication, mais tu sais comme je suis ... un peu long
Smiling

Portrait de bonvga

Je sais, je suis mauvais pédagogue.. Bah si t'as des questions n'hésite pô !

Portrait de Anonymous

tu px m'expliker en detail kommen avoir le code source HTML ca m'aiderai bcp

Portrait de marfun

C vraiment génial tout ça Eye-wink

Portrait de bonvga

Ahhhhhhh Laughing out loud Laughing out loud Laughing out loud La v2 fonctionne enfin !

Portrait de bonvga

et la vidéo c'est pour quand ?
ben maintenant ! Smiling

Portrait de TiTeBIx

Ou pourrais je trouver un némo en ascii ?

Portrait de bonvga

Trouvez une image de nemo. Par exemple celle-ci :

nemo sushi

Puis passez la à ascii'o'matic pour la convertir. Cool

Portrait de TiTeBIx

Ascii'o'matic ???????? Puzzled:

Portrait de bonvga

Exactement Laughing out loud

Portrait de trotter

Bug, quand on uploade une image, puis qu'on décide qu'on la veut que en noir et blanc, l'image n'apparait plus.

Portrait de bonvga

J'ai vérifié et je n'ai pas trouvé de problèmes.

Attention, quand une image est uploadée, il faut mettre l'option 'Or use the previous uploaded image' à 'yes' pour réutiliser la même image. Sinon, il faut forcement la reuploader.

Tennez moi au courant Eye-wink

Portrait de Anonymous

Quand je fais un copier/coller de l'image (pour la mettre sur ma signature) ça n'écrit que des chiffres et pas en couleurs :s Aidez moi svp ;_;

Portrait de bonvga

Je ne sais pas où voulez copier-coller votre signature (sur ce site, sur un forum, ou autre) mais quand vous voulez concerver la couleur, il faut copier-coller le code HTML généré par ascii'o'matic et non le résultat d'ascii'o'matic.

C'est pour cela que la couleur est perdue.

Portrait de mamatt0201

slt a tous je voudrais savoir commen faire pr enregistreé une image apré kel soi passé ascii o matic mersi pour vo futur répons

Portrait de Anonymous

Dans la démo, il y a deux liens qui pointent sur cette même page : un "about" et un "download". Il est où le download alors ? Laughing out loud

Portrait de bonvga

En fait c'est sur la même page (cette page) j'ai ajouté une ancre pour pointer au bon endroit de la page. J'espere que c'est plus clair Eye-wink

Portrait de Anonymous

Il faut faire comment pour la mettre sur un blog ?
Je n'ai pas trop compris avec le HTLM
vous pourrez m'éclairé ^_^

Merci pour une future réponse

A+

Portrait de bonvga

Quand le rendu est en noir et blanc, il suffit de faire un copier-coller.

Par contre quand il est en couleur, il faut copier l'HTML (dans la source de la page)

Portrait de Anonymous

bonjour,

J'ai regardé un peu partout et je n'ai pas trouvé comment faire pour mettre l'image en couleur sur mon blog. J'ai bien compris qu'il faut l' html de la source de l'image mais je ne trouve pas ça ne fonctionne pas... quelqu'un pourrai m'aider svp?

Portrait de Ookanu

Pardon, je viens juste de m'inscrire sur le site .

Je trouve les ASCii très bien fait !
Mais j'aimerai savoir, j'aimerais mettre une de ses ASCii sur un blog, comment faire pr avoir les codes couleurs et tout ce genre de choses ?
[ parce que j'en quand même tenter le copier/coller, mais ca ressemble a rien o__ô ]

Portrait de bonvga

Bonsoir,

Pour copier-coller un asciiart en couleur, il faut copier le code html (sur IE, afficher la source de la page) puis le coller sur votre blog en tant que format html.

Portrait de monkey

Il va falloir attendre un peu pour la réponse, car Monsieur BonVGA est actuellement avec la toute fraiche Madame BonVGA en lune de miel.
Dés son retour je pense qu'il se fera un plaisir de te répondre

~ L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue. ~

http://diekolonel.free.fr

Portrait de bonvga

Héhé Smiling Merci d'animer le site pendant notre absence mon biquet !

Portrait de Féryel

Bonjour !!

Je découvre ce langage avec bcp de plaisir ^^ je trouve ça assez impressionnant et pour le moins original!!
Voila ma question : pour pouvoir utiliser l image générée par votre ingénieux système "Ascii-o-matic" quand on affiche le code source de la page , je ne vois pas exactement ce qu il faut copier ? est ce à partir de "

Poster un nouveau commentaire

Le contenu de ce champ ne sera pas montré publiquement.
  • Balises HTML autorisées: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <img> <strike> <blockquote>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Vous pouvez publier du code en utilisant les balises <code>...</code> (generic) ou bien <?php ... ?> (PHP colorié).
  • Les smileys texte sont replacés par des smyleys images.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
  • Les liens d'images avec le tag 'rel="lightbox"' dans la balise <a> apparaîtrons dans une Lightbox.

Plus d'informations sur les options de formatage