本文へスキップ

ハングル・CJKアスキーバナー

Hangul & CJK ASCII Banner

ハングル・漢字・かなをはじめどんな文字でも、システムフォントをラスタライズして閾値処理し、大きな文字絵のバナーにします。字形をテーブルから引く方式ではありません。

普通のアスキーバナーの中にはグリフの表が入っています。だから普通のアスキーバナーでは日本語やハングルを描けません。ハングルの合成済み音節だけで11,172字あり、それは表ではなくフォントファイルです。このページには表がありません。指定した大きさの8倍でブラウザに文字を描かせ、キャンバスからアルファチャンネルを読み戻し、画素の塊ごとに平均して一文字に落とします。ですからブラウザがすでに組める文字体系はすべて、どんな大きさでも扱えます。このページを書いたとき誰も考えていなかった文字も含めて、です。

🔒 ブラウザの中だけで動きますasciiarttextbannerkorean

ブラウザが描ける文字体系なら何でも使えます。改行はそのまま行の区切りになります。

描く文字

この端末に入っているものを使います。無いフォントは一覧の次のものへ送られます。

バナー

 
1 万 1 千の字形を表に持たずに 1 万 1 千音節を覆う方法 フォントを持っていません。最終サイズの 8 倍でブラウザに文字列を描かせ、アルファチャンネルを読み戻し、ピクセルのかたまりごとに平均して 1 文字に落とします。難しいところ(音節の合成、合字、縦方向の指標)はブラウザのシェイパーが引き受け、そこで描ける文字体系はすべてただで付いてきます。このサイトで PDF にハングルを入れるときも同じ手を使っています。
そこから出てくる 3 つのことは知っておく価値があります。結果はこの端末のフォントに左右されるので、別の機械では変わります。とても小さいサイズでは画が消えます。マスより細い画は閾値を越えるか越えないかのどちらかだからです。そして出力はフォントではなく文字なので、描き直さずに大きさを変えることはできません。

使い方

  1. 何よりも先に高さを決めてください

    バナーが読めるかどうかを決めるのは高さだけです。ラテン文字は5行あれば持ちこたえます。ハングルは8行ほど要ります。一音節に画が縦に五つまで積まれることがあり、それを置く行が要るからです。画の多い漢字は10行必要です。それより低くすると、黙って四角を出す代わりに画面が知らせます。

  2. 小さいときは濃淡モードを試してください

    既定値は升目ごとに閾値で切ります。十分に覆われているか、いないかのどちらかです。濃淡モードは覆われ具合を複数の文字の段階に振り分けるので、升目を半分しか埋めない画が消える代わりに薄い文字として残ります。10行を切るあたりでは、たいていこれが語と染みの分かれ目になります。

  3. どこかへ出すなら画像として保存してください

    出来上がりはただの文字です。LINEやInstagram、ほとんどのメールソフトは行を流し直すかプロポーショナルフォントに置き換えてしまい、バナーは崩れます。PNGとSVGのボタンは、他のテキストアート系の道具と同じレンダラーを通ります。

よくある質問

スマートフォンだと見え方が違うのはなぜですか

その機器にあるフォントで描くからです。このページにフォントは入っていません。MacならヒラギノやApple SD Gothic Neo、WindowsならメイリオやYu Gothic、Linuxならインストールされている何かのNotoが画を作ります。同じ文、同じ設定でも画が少しずつ違います。それが困るなら、文字ではなく画像として保存してください。

文字の代わりに空の四角が出ます

その文字を描くフォントが機器に無いので、ブラウザが欠けたグリフの四角を描き、このページはその四角を忠実にアスキーへ写しました。どの文字がそうなのかは画面が知らせますが、直すことはできません。ここの設定ではなく、フォントの導入が要る問題です。

figlet風のバナーの代わりに使えますか

ラテン文字なら、アスキーアート文字のページのほうが上です。カーニングと詰めを行う本物のFIGfontレンダラーを通るので、文字がfigletのバナーらしくつながります。このページは、文がラテン文字でなくなった瞬間から使うものです。

ここから渡せます

次の一手

このツールが出したものをそのまま受け取れる道具です。

アスキーアート文字

ASCII Text Art

テキストをfiglet系の書体から選んだ大きなアスキー文字に起こし、バナーやコミットメッセージに使えるようにします。

ブラウザの中だけで動きます

点字アート

Braille Art

写真をUnicodeの点字セルに変換します。1文字あたり2×4の点が入るので明暗ランプの8倍の解像度になり、ディザリング方式を選べます。

ブラウザの中だけで動きます

特殊文字フォント変換

Fancy Text Generator

普通の文字を、太字・筆記体・丸囲み・逆さ・全角といったUnicodeのそっくりな字に置き換えます。

ブラウザの中だけで動きます

テキストアートを画像に

Text Art to Image

等幅のテキストアートを、フォント・セル寸法・色・背景・透過の有無を指定してPNGやSVGに描きます。等幅が保たれない場所に投稿しても形が崩れません。

ブラウザの中だけで動きます

今日の運勢(干支・星座)

Daily Fortune by Zodiac Animal & Star Sign

その日の日辰と干支や星座に伝わる気質を突き合わせて一日分の文を組みます(日付を種にしているので読み込み直しても引き直せず、日付が変わるまで同じ文です)。

ブラウザの中だけで動きます

相性占い(干支と日干)

Zodiac Compatibility (궁합)

二人の生年月日から干支と日の天干を取り、三合・六合・冲・怨嗔・刑・破・害のどの関係か、二つの日干の五行が相生か相剋かを、伝統的な読みとともに示します。

ブラウザの中だけで動きます