ASCII テキストドロワー

14 種類の内蔵 figlet フォントでテキストを大きな ASCII アートバナーに描画し、水平レイアウトも制御できます。

14 種類の内蔵 figlet フォントでテキストを大きな ASCII アートバナーに描画し、水平レイアウトも制御できます。 14 種類の内蔵 figlet フォントでテキストを大きな ASCII アートバナーに描画し、水平レイアウトも制御できます。

ASCII アート出力

    

背景

figlet フォントとは

FIGlet は、普通のテキストを大きな ASCII アートに変換する古くから愛される プログラム(およびそれが定義した .flf ファイル形式)です。各文字は文字の グリッド(通常 #、@、スペース)として描かれ、単語全体がバナーになるサイズに なります。この形式は 1991 年から存在し、数えきれない端末の挨拶、コードコメント、 README ヘッダーを支えてきました。FIGlet フォントファイルは、印字可能な各 ASCII 文字について、小さなビットマップに加え、文字の高さ、ベースライン、 最大幅、隣接する文字の結合方法を制御するスムッシング規則を定義します。

ここに同梱されるフォント

このツールは完全オフラインで動作するよう、厳選した 14 フォントを同梱して います。すっきりした定番の Standard や Big から、Bubble、Block、3-D などの 装飾スタイル、Star Wars、Doom、Larry 3D といった遊び心のあるものまで揃って います。コンパクトな Mini や Small は長い文字列に適し、Slant や Speed は ダイナミックな斜体感を与えます。フォントはページに埋め込まれているため、 切り替えは即座で、フォントファイルがダウンロードされることはありません。

水平レイアウトの説明

レイアウト選択は隣接文字の接続方法を切り替えます。「水平」(デフォルト) モードでは各文字が自然な間隔を保ち、端は離れたまま--最も安全で読みやすい 選択です。「完全」モードでは文字が押し合い、フォントの規則が許す場所で 重なるストロークが 1 文字に融合され、より密度の高い書道的な見た目になり ます。Slant や Speed などのフォントはこれを活かす設計です。両方試して、 バナーに最適な方を選んでください。

出力の使い方

結果は素の等幅テキストです。端末、コードコメント、プルリクエストの説明、 チャットにコピーして貼り付けられます。等幅フォントを使う場所ならどこでも 正しく表示されます。非常に長い入力ではコンパクトなフォントを選び、テキスト を短く保ちましょう。24 語のフレーズを幅広フォントで描くと典型的な端末幅を 超えることがあります。キー入力のたびに同梱の MIT figlet ライブラリでローカル 再描画され、入力内容が送信されることはありません。

MIT ライセンスの figlet ライブラリ(public/assets に同梱、14 フォント埋め込み)を使用。描画はローカルです。

よくある質問

長いテキストがバナーをあふれるのはなぜ?
幅広フォントは 1 語が端末より広くなることがあります。テキストを短くするか、コンパクトなフォント(Mini、Small)を選ぶか、複数行に分けてください。各行が独自のバナーとして描画されます。
水平レイアウト切替は何をしますか?
水平(デフォルト)は文字を分離したままにし、完全はフォントが許す場所で文字を押し合わせて密度の高い見た目にします。Slant や Speed はスムッシング向けに設計されており、無視するフォントもあります。
塗りつぶし文字を変えられますか(@ の代わりに #)?
現行版ではできません。塗りつぶし文字は各フォントの設計の一部で、figlet はレンダリングごとの上書きを許可しません。別のフォントを選ぶとバナーの質感が変わります。
非 ASCII テキストはサポートされますか?
FIGlet フォントは印字可能な ASCII 向けに設計されています。非 ASCII 文字は通常空白またはデフォルトのボックスで描画されます。最良の結果を得るには ASCII 入力を使用するか、先にローマ字化してください。
この生成器はオフラインですか?
はい。14 フォントはページに埋め込まれており、描画は同梱の figlet ライブラリ(MIT)を使用します。フォントファイルも入力テキストもブラウザの外に出ません。
バナーを小さく/大きくするには?
フォントが文字サイズを決めます:Mini/Small はコンパクト、Big 系は大きいです。目標サイズに合うフォントを選んでください。出力は素のテキストなので、CSS や任意のテキストエディターのフォントサイズでも拡大縮小できます。