AAエディタ AAを画像に変換!
AAエディター:AAを画像に変換! AA(アスキーアート)を編集しリアルタイムに表示し、GIFやPNGやJPG画像に変換できます!


AA入門



AA(アスキーアート)とは?

「アスキーアート」「ASCII Art」「テキストアート」「絵文字」
文字で絵画を造成する行為。数々の名作が誕生しています。
制約が多いのが逆にロマンを掻き立ててくれる、究極の表現手法!

パソコンにおいては、プロポーショナルという、文字ごとに幅が違う文字(MSPゴシック)を用いますが、
ケータイ、スマートフォンにおいては「等幅フォント(MSゴシック)」を用います。

プロポーショナルフォントの特徴

・種類:MSPゴシック、IPAモナーPゴシック、等
・トップ半角スペースの禁止:各行頭での半角スペースの禁止
・ダブル半角スペースの禁止:連続した二つ以上の半角スペースの禁止
・各文字の種類により文字幅が2ドットから16ドットと変化するので、多彩な表現が可能。

等幅フォントの特徴

・種類:MSゴシック、等
・文字の幅が半角と全角の二種類しかありませんから編集しやすいです。

MSPゴシックで、画像化すると幅がおかしくなる文字


ブラウザで見るぶんには正常に表示されますが、画像化するとズレてしまう場合があります。
どうやら文字によって性質があるようです。(フォントの補完をしているのかも???)

− 幅が狭く表記されてしまう!同じ16ドット幅の「─」に置き換え!
¬ 半角になってしまう。同じ16ドット幅の 冖 ┐ ─ − → 等に置き換え!
U 表記されない!
h 表記されない!「│」で代用!
亅 表記されない!「│」で代用!
 表記されない!「l__.」で代用!

2chの文字数制限

おおむね2048バイト以内(全角文字1024文字相当)。板により相違があるらしい。
一行の文字数(横幅)を抑える。
忍法帖レベルを上げて文字制限を緩和する。

※エディターでのバイト数表示は、まだ改行を厳密に考えておりませんので、一応の目安としてお使い下さいませ。

用語

ファイルタイプ:AA画像作成においては、クリアで画像サイズの小さいGIF、PNGが主流。
JPEGを使うのは「ぼかし」等の特殊フィルターを使う場合や、意図して画像を荒くして写真っぽい効果を狙う場合のみ。

トレース:下絵を背景に配置して、その上から文字を当てはめていく作業。
「AA職人の手にかかれば不可能はない!」らしい、というのが色々な作品を鑑賞した後での感想です。

2chの有名AAキャラクター


モナー:2ちゃんねる猫キャラクター名。「オマエモナー」からきている。

ギコ:2ちゃんねる猫キャラクター名。「擬古」からきている。

やる夫:感情の幅が豊かな男子。

やらない夫:妙に冷めた男子であるが、内には情熱を秘めている。やる夫とは事あるごとに対立するが実は大の仲良し。やる夫の親的側面もある。

麻呂:朝廷に仕え、常に画像を追い求めている公家男子。タイムスリップ・タイムリープの能力を身に着けているらしく、現在・過去・未来を自由に行き来できる。


顔文字

(*^o^*) (ノ*^▽)ノ ( ・_;)
(^▽^) (´▽`)
(゚∀゚) (^∀^) (~∀~)

(゚-^*)b ('-^*)b d(*^-゚) (*^ー゚)b


(o˘◡˘o)

(゚◇゚;) (゚Д゚)

(≧〇≦)

(_ _。)


罫線

─│

┌┏ ┐┓

└┗ ┘┛
┬ ┰ ┯ ┳

├┝┠┣ ┤┨┥┫

┼ ╂ ╋

┌┬┐┏┯┓┏┳┓┌┰┐
├┼┤┠┼┨┣╋┫┝╋┥
└┴┘┗┷┛┗┻┛└┸┘

吹き出し

┌─────────┐
|              |
└────v────-┘
┌───一^ー───‐┐
|             |
└─────────┘
┌─────────┐
<               |
└─────────┘
┌─────────┐
|               >
└─────────┘

┌‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐‐┐
|              |
└‐‐‐‐‐‐‐‐v‐‐‐‐‐‐‐‐‐┘

  ,.:'⌒:⌒:⌒:'⌒:⌒:⌒:'⌒:⌒ヽ
  (                 )
  `、__,、__:、__:、__:、__:、__:、__:、__ノ
          ∵


飾り縁

____________________
≪≫≪≫≪≫≪≫≪≫≪≫≪≫≪≫≪≫≪≫
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
____________________
IiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiTIiT
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
____________________
ILILILILILILILILILILILILILILILILILILILILILILILILI
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
____________________
l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」l=」
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
____________________
li:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:ili:
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
____________________
IiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIi
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
____________________
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄

┌―┬―┬―┬―┬―┬―┬┐
├┬┴┬┴┬┴┬┴┬┴┬┴┤
├┴┬┴┬┴┬┴┬┴┬┴┬┤
└―┴―┴―┴―┴―┴―┴┘
┌―┬
├┬┴
├┴┬
└―┴
―┬―
┬┴┬
┴┬┴
―┴―
┬―┐
┴┬┤
┬┴┤
┴―┘


| |
|... |
|::: |
|░|
|▒|
|▓|
|█|
 ________
█▓▒░::: ...  ... ::: ░▓█
  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄

スペースを極める!

AAを作っていて、文字の選択のしかたもさることながら、「いかにして間隔を揃えるか」も重要課題です。
「MSPゴシック」(パソコン環境)においては、以下のように自由自在にスペースを造成できます。

|        0ドッド
||        1ドッド
| |        2ドッド    &thinsp;
|.|        3ドッド    ドッド
|゙|        4ドッド    ゙
|  |        4ドッド    &thinsp;&thinsp;
| |        5ドット    半角スペース= &nbsp;
|..|        6ドット
|   |        6ドット    &thinsp;&thinsp;&thinsp;
|~|        7ドット    ~
|  |        7ドット    半角スペース + &thinsp;
| .|        8ドット    半角スペース+ドット
| |        8ドッド    &ensp;
| ゙|        9ドット    半角スペース + ゙
|   |        9ドット    &nbsp;&thinsp;&thinsp;
| _|        10ドット    半角スペース + _
|  |        10ドット    &nbsp;&nbsp;
| |        11ドット    全角スペース
| ~|        12ドット    半角スペース + ~
|   |        12ドット    &nbsp;&nbsp;&thinsp;
| . |        13ドット    半角スペース + ドット + 半角スペース
|  |        13ドット    &ensp;&nbsp;
| .|        14ドット    全角スペース + ドット
|    |        14ドット    &nbsp;&nbsp;&thinsp;&thinsp;
| _ |        15ドット    半角スペース + _ + 半角スペース
|   |        15ドット    &nbsp;&nbsp;&nbsp;
|  |        16ドット    全角スペース + 半角スペース
| |        16ドット    &emsp;

&thinsp;  &#8201;    2ドッド
&nbsp;  &#160;  5ドッド
&ensp;  &#8194;    8ドッド
&emsp;      &#8195;   16ドッド

エディタ上には「&thinsp;」などと表示されますが、実際の画面上ではスペースとして表示されます。
この性質を利用すれば、
AA(アスキーアートの制限)である
・トップ半角スペースの禁止:各行頭での半角スペース
・ダブル半角スペースの禁止:連続した二つ以上の半角スペース
は、いずれも回避できてしまうのでした! これを知った時は、かなりな感動ものでした。
そうなると、記号を利用したスペースも全て完全な空白にしてしまえそうです。
編集中は見にくくなりますが、右側の「AAリアルタイム・プレビュー」で確認していけます。

例)
&nbsp;a
a&nbsp;&nbsp;a

表示)
 a
a  a

例)
 &thinsp;   ____
 &thinsp;  /     &thinsp;/|
 &thinsp;/     &thinsp;/  |
 | ̄ ̄ ̄ ̄|   &thinsp;|
 |        |   &thinsp;|
 |        |   &thinsp;|
 |        |   &thinsp;|
 |        |  /
 |        |/
 &thinsp;&thinsp; ̄ ̄ ̄ ̄

表示)
     ____
    /      /|
  /      /  |
 | ̄ ̄ ̄ ̄|    |
 |        |    |
 |        |    |
 |        |    |
 |        |  /
 |        |/
    ̄ ̄ ̄ ̄


全て完全な空白にしてしまえそうです。(3ドッドだけは不可能)
|        0ドッド
||        1ドッド
| |        2ドッド    &thinsp;
|.|        3ドッド    ドッド
|  |        4ドッド    &thinsp;&thinsp;
| |        5ドット    半角スペース= &nbsp;
|   |        6ドット    &thinsp;&thinsp;&thinsp;
|  |        7ドット    半角スペース + &thinsp;
| |        8ドッド    &ensp;
|   |        9ドット    &nbsp;&thinsp;&thinsp;
|  |        10ドット    &nbsp;&nbsp;
| |        11ドット    全角スペース
|   |        12ドット    &nbsp;&nbsp;&thinsp;
|  |        13ドット    &ensp;&nbsp;
|    |        14ドット    &nbsp;&nbsp;&thinsp;&thinsp;
|   |        15ドット    &nbsp;&nbsp;&nbsp;
| |        16ドット    &emsp;


文字の高さを極める!


横線も1ドットから16ドットまで存在!
余計な縦線横線が混ざりますが、連続して並べれば流れが見えてきます。

  1      2 3  4     5    6    7   8   9  10 11 12 13 14 15 16ドット
 ̄ Г フ  T 冖 ¬ ァ ‐ -  =   =    ニ   ⊥   L    」      _

 ̄~¨ГフT冖¬━=‐‥…─ーー-=ニ⊥.L」」__
__」」L.⊥ニ=-ーー─…‥‐=━¬冖TフГ¨~ ̄

 ̄ГフT冖¬ァ‐-==ニ⊥L」_
_」L⊥ニ==-‐ァ¬冖TフГ ̄

 ̄ГフT冖¬ァ‐-==ニ⊥L」__
                  ̄ГフT冖¬ァ‐-==ニ⊥L」_
                                   ̄ГフT冖¬ァ‐-==ニ⊥L」_


 _」L⊥ニ==-‐ァ¬冖TフГГフT冖¬ァ‐-==ニ⊥L」_
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
|ГフT冖¬ァ‐-==ニ⊥L」__」L⊥ニ==-‐ァ¬冖TフГ|
|              │              |
 ГフT冖¬ァ‐-==ニ⊥L」_|_」L⊥ニ==-‐ァ¬冖TフГ



姉妹サイト: わきあいあいネット 動画横断検索 QRコード作成 ワインネット