Рисовальщик ASCII-текста

Преобразуйте текст в большие ASCII-баннеры с помощью 14 встроенных шрифтов figlet с управлением горизонтальной раскладкой.

Преобразуйте текст в большие ASCII-баннеры с помощью 14 встроенных шрифтов figlet с управлением горизонтальной раскладкой. Преобразуйте текст в большие ASCII-баннеры с помощью 14 встроенных шрифтов figlet с управлением горизонтальной раскладкой.

Вывод ASCII-графики

    

Предыстория

Что такое шрифты figlet

FIGlet — это старая и любимая многими программа (и определённый ею формат файлов .flf) для превращения обычного текста в большую ASCII-графику. Каждый символ рисуется в виде сетки из символов — обычно #, @ и пробелов, — подобранной так, чтобы целое слово становилось баннером. Формат существует с 1991 года и лежит в основе бесчисленных приветствий в терминале, комментариев в коде и заголовков README. Файл шрифта FIGlet определяет для каждого печатного символа ASCII небольшую растровую карту и метаданные: высоту символа, базовую линию, максимальную ширину и правила смешивания (smushing), которые определяют, как сливаются соседние буквы.

Шрифты, включённые сюда

Этот инструмент включает 14 тщательно отобранных шрифтов, поэтому работает полностью офлайн. Они варьируются от чистых классических Standard и Big, через декоративные стили вроде Bubble, Block и 3-D, до игривых, таких как Star Wars, Doom и Larry 3D. Компактные шрифты вроде Mini и Small подходят для длинных строк, а Slant и Speed придают динамичное наклонное ощущение. Поскольку шрифты встроены в страницу, переключение между ними происходит мгновенно, и файл шрифта никогда не загружается.

Что такое горизонтальная раскладка

Переключатель раскладки меняет способ соединения соседних символов. В режиме «горизонтальной» (по умолчанию) каждый символ сохраняет естественные промежутки, а края остаются раздельными — это самый безопасный и читаемый вариант. Режим «полной» позволяет буквам сливаться: перекрывающиеся штрихи объединяются в один символ там, где это допускают правила шрифта, создавая более плотный, каллиграфический вид, под который созданы некоторые шрифты (например, Slant или Speed). Попробуйте оба и выберите тот, что читается лучше для вашего баннера.

Использование результата

Результат — это обычный моноширинный текст: скопируйте его и вставьте в терминалы, комментарии к коду, описания pull-request или чат. Он корректно отображается везде, где используется моноширинный шрифт. Для очень длинного ввода предпочтите компактный шрифт и сократите текст — фраза из 24 слов широким шрифтом может превысить стандартную ширину терминала. Каждое нажатие клавиши заново рендерится локально через встроенную библиотеку figlet под лицензией MIT, поэтому ничего из введённого не передаётся.

Создано с использованием библиотеки figlet под лицензией MIT, встроенной в public/assets (14 встроенных шрифтов). Рендеринг выполняется локально.

Часто задаваемые вопросы

Почему мой длинный текст выходит за пределы баннера?
Широкие шрифты могут сделать отдельное слово шире вашего терминала. Сократите текст, выберите компактный шрифт (Mini, Small) или перенесите его на несколько строк — каждая строка рендерится как отдельный баннер.
Что делает переключатель горизонтальной раскладки?
Горизонтальная (по умолчанию) сохраняет разделение букв; Полная позволяет им сливаться там, где это допускает шрифт, создавая более плотный вид. Некоторые шрифты рассчитаны на слияние (Slant, Speed), другие игнорируют его.
Можно ли изменить заполняющий символ (# вместо @)?
Не в текущей версии — заполняющий символ является частью дизайна каждого шрифта, и figlet не допускает его переопределения при рендеринге. Выбор другого шрифта меняет текстуру баннера.
Поддерживает ли инструмент не-ASCII текст?
Шрифты FIGlet рассчитаны на печатный ASCII. Не-ASCII символы обычно отображаются пустыми или заменяются стандартным блоком шрифта; для лучшего результата используйте ASCII-ввод или сначала транслитерируйте текст.
Работает ли этот генератор офлайн?
Да. 14 шрифтов встроены в страницу, а рендеринг использует библиотеку figlet (MIT). Ни файл шрифта, ни введённый текст никогда не покидают ваш браузер.
Как сделать баннер меньше или больше?
Размер символов определяется шрифтом: Mini/Small компактны, крупные шрифты типа Big/Colossal — большие. Выберите шрифт, соответствующий нужному размеру; поскольку результат — обычный текст, его также можно масштабировать через CSS или размер шрифта в любом текстовом редакторе.