Generator tekstu ASCII-art

Twoja grafika ASCII

#   # ##### #     #      ###
#   # #     #     #     #   #
##### ####  #     #     #   #
#   # #     #     #     #   #
#   # ##### ##### #####  ###

Grafika ASCII układa się tylko w czcionce o stałej szerokości. Wklej ją do bloku kodu, terminala, komentarza w kodzie źródłowym lub zwykłego pliku tekstowego.

Jak korzystać z generatora tekstu ASCII-art

1. 1. Wpisz tekst. Najlepiej krótki — imię, nagłówek, pojedyncze słowo. Każdy wiersz, który wpiszesz, staje się osobnym banerem.
2. 2. Wybierz czcionkę. Blokowa i Cieniowana rysują litery znakiem wypełnienia; Smukła i Mała rysują je liniami z |, _, / i \.
3. 3. Ustaw odstępy i wypełnienie. Wstaw od 0 do 3 kolumn między literami, zamień # na dowolny pojedynczy znak albo rysuj każdą literę nią samą.
4. 4. Skopiuj lub pobierz. Skopiuj grafikę w takiej postaci, skopiuj ją w bloku kodu Markdown do GitHub, Discorda lub Slacka, albo pobierz jako plik .txt.

Jak działają czcionki

Każda czcionka to tabela małych rysunków, po jednym na znak. Generator wyszukuje każdy znak Twojego tekstu, układa rysunki obok siebie z wybranymi odstępami i przycina spacje na końcach wierszy, aby grafika wklejała się czysto. Blokowa, Smukła i Mała zostały zaprojektowane dla tego narzędzia; Cieniowana to Blokowa z cieniem wyliczonym literę po literze — każda wypełniona komórka rzuca znak cienia o jeden wiersz niżej i o jedną kolumnę w prawo, zawsze gdy to miejsce jest puste.

Wszystkie cztery czcionki obejmują A–Z, 0–9, spację i 26 znaków interpunkcyjnych. Małe litery są rysowane jako wielkie, akcenty są pomijane (é rysuje się jako E, a ß jako SS), a typograficzne cudzysłowy i myślniki są rysowane jako ich proste odpowiedniki ASCII. Wszystko, czego nie da się narysować — emoji, litery z innych alfabetów — jest pomijane i wymienione pod grafiką, więc nic nie znika bez słowa.

Przykład krok po kroku

Przy domyślnych ustawieniach — czcionka Blokowa, jedna kolumna między literami, # jako wypełnienie — słowo Hello ma 29 kolumn szerokości i 5 wierszy wysokości: pięć liter po pięć kolumn każda i cztery przerwy po jednej kolumnie. Czcionka Mała rysuje to samo słowo w 16 kolumnach i 3 wierszach.

#   # ##### #     #      ###
#   # #     #     #     #   #
##### ####  #     #     #   #
#   # #     #     #     #   #
#   # ##### ##### #####  ###

     _        _
|_| |_ |  |  | |
| | |_ |_ |_ |_|

Zaznacz Rysuj każdą literę nią samą, a H składa się z H-ek — klasyczny wygląd banerów z imionami. Wypełnienie znakiem █ (U+2588 FULL BLOCK) daje pełne litery, ale nie jest to ASCII, więc sprawdź, czy przetrwa w miejscu, w które wklejasz tekst.

Gdzie grafika ASCII wyświetla się poprawnie

Grafika ASCII działa tylko w czcionce o stałej szerokości, w której spacja ma dokładnie taką samą szerokość jak #. W czcionce proporcjonalnej spacje się kurczą, każdy wiersz przesuwa się o inną wartość i litery się rozjeżdżają. Ten jeden fakt rozstrzyga, gdzie grafika przetrwa:

• Działa: w terminalach i wierszu poleceń, edytorach kodu, plikach tekstowych (.txt), komentarzach w kodzie źródłowym oraz w blokach kodu Markdown na GitHub, GitLab, Discordzie, Slacku i Reddit — dla nich użyj Kopiuj jako blok kodu Markdown.
• Działa po zmianie: w edytorach tekstu i w poczcie, gdy ustawisz tekst czcionką o stałej szerokości, np. Courier New lub Consolas, i wyłączysz automatyczne formatowanie.
• Zwykle się psuje: w zwykłych wiadomościach czatu i postach w mediach społecznościowych, które używają czcionek proporcjonalnych i czasem zwijają ciągi spacji, oraz na stronach internetowych, chyba że grafika znajduje się w elemencie <pre>.
• Trzymaj poniżej 80 kolumn dla terminali i e-maili. Generator ostrzega, gdy baner jest szerszy; przenieś część tekstu do drugiego wiersza.

Krótka historia grafiki ASCII

Obrazy z znaków są starsze od komputerów: składano je na maszynach do pisania, a operatorzy radiodalekopisów wymieniali się nimi w latach 60. i 70. ASCII — Amerykański Standardowy Kod Wymiany Informacji, opublikowany po raz pierwszy w 1963 roku — ustalił zestaw znaków drukowalnych, którymi rysowane są te czcionki. Drukarki liniowe drukowały gigantyczne litery banerów na składanym papierze, a FIGlet, wydany w 1991 roku, uczynił czcionki tego rodzaju stałym elementem powitań w terminalu, nagłówków kodu i plików README.

Najczęstsze pytania

Czym jest grafika ASCII?

Obrazy i napisy z drukowalnych znaków zestawu ASCII — liter, cyfr, znaków interpunkcyjnych i spacji — ułożone na siatce tak, że razem tworzą większy obraz. Banery z tekstem, jak te, które rysuje to narzędzie, są najczęstszym rodzajem.

Dlaczego po wklejeniu moja grafika ASCII wygląda źle?

Miejsce, w które ją wkleiłeś, używa czcionki proporcjonalnej, w której znaki mają różne szerokości, więc kolumny przestają się zgadzać. Wklej ją do bloku kodu — Kopiuj jako blok kodu Markdown robi to dla GitHub, Discorda i Slacka — albo zmień tekst na czcionkę o stałej szerokości, np. Courier New.

Jak wstawić grafikę ASCII do komentarza w kodzie?

Poprzedź każdy wiersz znacznikiem komentarza danego języka (//, # lub --) albo zamknij blok w /* */. W C i C++ uważaj na komentarz liniowy kończący się ukośnikiem wstecznym: kompilator dokleja do komentarza następny wiersz, co może po cichu wyciąć prawdziwy kod. Mała i Smukła rysują niektóre litery ukośnikami wstecznymi, więc przed wklejeniem ich grafiki do C sprawdź końce wierszy; Blokowa i Cieniowana używają ukośnika wstecznego tylko wtedy, gdy wybierzesz go jako wypełnienie lub cień.

Czy to czcionki FIGlet?

Nie. Czcionki FIGlet to osobne pliki wielu różnych autorów, rozpowszechniane na ich własnych warunkach, a ten generator z nich nie korzysta. Blokowa, Smukła i Mała zostały narysowane dla CitationEasy, a Cieniowana jest obliczana z Blokowej.

Czy mogę używać małych liter lub liter z akcentami?

Możesz je wpisać, ale czcionki rysują tylko wielkie litery: małe litery pojawiają się jako wielkie, a akcenty są pomijane, więc café rysuje się jako CAFE. Litery z innych alfabetów, np. greckiego lub cyrylicy, nie mają rysunku i są wymienione pod grafiką jako pominięte.

Jakie wypełnienie jest najlepsze?

# jest najbezpieczniejsze, bo jest znakiem ASCII i wygląda na gęste w każdej czcionce o stałej szerokości. @, * i 0 dają inne tekstury. Pełny blok █ wygląda na pełny, ale nie jest ASCII. Unikaj emoji: w większości czcionek są dwa razy szersze niż inne znaki i przesuwają każdy wiersz.