====== ▐ ░ ∵┈ ASCII PARAÎT ∵░∵ ====== == ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ == ===== Lisible et visible ===== //Lettre, code, dessin, texte, représentation graphique.// Un atelier dans le cadre des cours de culture numérique (Romain Marula) et de design graphique (Joël Vermot). De tout temps l'écriture a été utilisée comme instrument de dessin. Elle est elle même dessin. Cette représentation est aujourd'hui par le code. __Thème: le portrait__ Dessiner le portrait d'un de vos collègue en ascii art, ansi art ou en caractères unicodes (monospace). En faire une affiche et un écran typographique. Ce lettrage doit être le même sur l'écran de votre téléphone (en html) et sur un poster noir blanc de largeur 85cm et hauteur à déterminer. L'enjeu est d'avoir, pour le même code, une lecture perception différente selon les formats et les supports, - - - - - - - - - - - - Lisibilité / Visibilité //Formats: Ecran - Poster – 2 supports - papier et écran - physique et numérique// __Enjeux__ Dessin, code, supports, distance, typographie, impression, accrochage, exposition. //unicode, html, css, ascii, monospace, web to print// __Exemple de calcul de format__ Samsung A3 largeur = 60mm * 105mm largeur = 850mm * Xmm (X=1487mm) Puis combien de caractères par lignes, par hauteur de page. (résolution ascii) - - - - - - - - - - - - ASCII Niveaux de gris $@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<>i!lI;:,"^`'. ANSI ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ http://paulbourke.net/dataformats/asciiart/ http://mewbies.com/geek_fun_files/ascii/ascii_art_light_scale_and_gray_scale_chart.htm ANSI http://mewbies.com/acute_terminal_fun_03_create_ascii_art_and_ansi_on_the_terminal.htm#asciicharts __Ref Ascii__ * http://asciiflow.com/ * https://www.text-image.com * http://text-mode.tumblr.com/archive * http://pelulamu.net/unscii/ * http://www.ljudmila.org/~vuk/ascii/unreal/ * http://www.ascii-art.de/ * http://archives.thebbs.org/ra107c.htm * http://www.afn.org/~afn39695/collect.htm * http://ansiartplayer.appspot.com/ * http://gabinet-rock.pl/ **livre machine à écrire** * https://www.gibert.com/gramophone-film-typewriter-8065682.html * https://www.pointypo.com/typewriter-art-modern-anthology/ * https://vimeo.com/65807781 * https://www.brainpickings.org/2014/05/23/typewriter-art-laurence-king/ * https://unilist.raphaelbastide.com/ * http://www.mazaika.com/textopix.html#ttpdl * http://indexgrafik.fr/decodeunicode-johannes-berge%C2%ADrhausen/ __Les questionner sur le Responsive ->__ faire 2 ou 3 formats site + Imprimer A1 media querie * Découverte du web to print * Apprendre les @media querie Créer un visuel avec du Asci dans un fichier .txt Création d'un caractère pour réaliser l'ascii design sous contrainte __Ressources__ fontes Courier, etc… http://www.evertype.com/emono/ Editeur de texte: text edit ou note pad. * http://acid2.acidtests.org/#top * http://www.flipflopflyin.com/minipops/ * https://www.youtube.com/watch?v=ZwM9Em8zlqk * https://steemit.com/funny/@sn0w-fox/ascii-porn * https://fr.wikipedia.org/wiki/Minitel * http://pelulamu.net/unscii/ [ ( `;-£›‹>⋅⋅•⋅\ ] - - - - - - - - - - - - ===== Restitutions ===== {{:video-1551968923.mp4|}} {{:video-1551968941.mp4 |}} {{:53611046_158992531664264_4742711202746990592_n.jpg?nolink&800|}} {{:53611090_1195310983976667_6156432226897625088_n.jpg?nolink&400|}} {{:53563801_283663729211943_3870016389850857472_n.jpg?nolink&400|}} {{:53526707_2266916010302580_7652957935592538112_n.jpg?nolink&400|}} {{:53452005_643943296060475_6705113474327904256_n.jpg?nolink&400|}} {{:53435195_335091164020880_816632407212949504_n.jpg?nolink&400|}} {{:53761996_1196161867207168_8804367603121258496_n.jpg?nolink&400|}} {{:53325212_2365002160210667_390493934016528384_n.jpg?nolink&400|}} {{:53112125_484131665747768_2985553473937866752_n.jpg?nolink&400|}} - - - - - - - - - - - -- - - - - - - - - - - -- - - - - - - - - - - - [[http://romainmarula.fr/documentation/ascii-parait/ | Les sites ☞]] [[http://romainmarula.fr/documentation/ascii-parait/2019%20Posters%20%20ascii%20M1/poster | Les posters ☞]] - - - - - - - - - - - -- - - - - - - - - - - -- - - - - - - - - - - -