ドット絵
[Wikipedia|▼Menu]
□記事を途中から表示しています
[最初から表示]

ディスプレイからの距離にもよるが、人間の眼が画素を識別できる限界(分解能)は450 ± 50 ppi程度とされており[3]、高精細ディスプレイで識別可能なドット絵を表示するには拡大表示しなければならない場合もある。
背景ドット間の色味を補完するアンチエイリアスドット絵を再現したアイロンビーズ

ドット絵は、主に黎明期から1990年代前半にかけてのパーソナルコンピュータ(パソコン)もしくはコンシューマー向けゲーム機で、もっともよく用いられた表現形態である。2000年代のフィーチャーフォンでも多用されていた。

当時は、画面の解像度および発色数・メモリ容量・CPU速度などのハードウェア的な制約、およびそれを受けたソフトウェア的な制約から、ベクター画像(ベクトル画像)や大規模なビットマップ画像を使用できなかったため、やむなく限られた解像度・色数などでグラフィックを表現する必要性があった。その中で、いかに美しさや視認性の良さを追求するかが、当時のグラフィック作成における肝であった。

特に、移動するオブジェクトについてはスプライトという小さな画像単位で扱う必要があり、したがって、ゲームのキャラクターなどは総じてこのスプライト内に収めるために、何らかのデフォルメを施されて表現されることとなった。また、キャラクターのデザインにおいて、ドット絵で表現されることを前提とした特徴を備えさせることも珍しくない。世界で最もよく知られている任天堂のキャラクター、マリオの口ひげや帽子、手袋、服のサスペンダーが、最たる例である[4]

1990年代中期からポリゴンテクスチャマッピングを駆使した3次元コンピュータグラフィックス (3DCG) による立体的・写実的な空間表現が台頭し、さらにハードウェアの性能や画面解像度が急速に向上するにつれて、次第にドット絵はコンピュータ上でのグラフィックス表現の主流ではなくなっていったが、制約の中から生まれるデフォルメ(特徴を抽出した簡略化)や手作業による緻密な配置工程といった、3DCGにはない味わいを持つアートの一形態としてドット絵が再評価される動きもある[5][6][7]

なお、画像形式のひとつGraphics Interchange Format (GIF) では、マルチイメージ機能によるGIFアニメーションを実現することができ、またほとんどのウェブブラウザがGIF画像を表示できることから、ウェブ上でアニメーション表現によく使われている。GIFは最大で256色までしか使えず、写実的な動画は大幅な減色が必要になってしまうほか、音声データを含めることもできないなど制約の多い形式だが、最初から少ない色数で表現することを意図したドット絵はGIFと相性がよく、またドット絵のアニメーションは高解像度のリッチな動画とは違った独特の雰囲気を持つ[8]
ドット絵とブラウン管

ブラウン管(CRT)方式のテレビやモニターで表示することを前提としていた時代のゲーム作品[9]では、開発機材もブラウン管を使っており、ブラウン管特有の自然な「にじみ」を前提としてドット絵が作成されていた。このようなドット絵を、ブラウン管で表示すると実際の解像度よりも高い解像度で豊かに表現されているように見えるが、液晶などの画素の境界がはっきりした画面で表示すると雰囲気が変わってしまい、チープな印象を受ける。また、ブラウン管は画素が横長の長方形であったため、画素が正方形の画面で表示すると縦横比が変わってしまう。レトロ表現手法のひとつとして、液晶画面でもこのブラウン管での表示を疑似的に再現するためのソフトウェア的な試みがなされることもある[10]

英語のドット(dot)は本来「点」や「水玉」という意味だが[11]、ブラウン管のにじみにより丸く見えたことからドットと呼ばれるようになったという説がある[12]
脚注[脚注の使い方]^ ドット絵、ピクセルアートの作り方・描き方 。Adobe
^ ピクセルアートの美学第1回 ピクセルアートとは何か - メディア芸術カレントコンテンツ
^ 高解像度液晶、人間の眼は“わかる”?:R25スマホ情報局 - ITmedia Mobile
^ 社長が訊く『New スーパーマリオブラザーズ Wii』
^ ドット絵、新たなる境地へ 。KOF XII 2D DOT GRAPHICS GALLERY
^ Pixel Art Park - 日本最大級のドット絵の祭典
^ 2Dアートを学びたい人にこそ、ドット絵を勧めたい。ULTIMATE PIXEL CREWが実践するピクセルアートライフ
^ ほんのり哀愁漂うドット絵のキュートなGIFアニメが集まる「1041uuu」 - GIGAZINE
^ INTERVIEW - 渋谷員子×Zennyan ドット絵対談 第三回|SHIBUYA PIXEL ART 2019(シブヤピクセルアート2019)
^ Natural CRT 。Fullscreen & Camera Effects 。Unity Asset Store
^ dot 。translate English to Japanese: Cambridge Dictionary
^ ビデオゲームの語り部たち 第7部:Mr.ドットマンこと小野 浩氏が,制約の中で追求した自由

関連項目

点描

アンチエイリアス - ベジェ曲線

インデックスカラー

ディザ

ブレゼンハムのアルゴリズム

セル画 - ポリゴン

ロトスコープ - 3Dポリゴンからドット絵を書き起こす手法がある。

人文字

窓文字

お絵かきロジック

EDGE (ソフトウェア)

.s - ドット絵を制作できる玩具。

コレピク(ドット絵を使ってアイテムやコレピク内のテレビ番組を作成できる)

ボクセル - 立方体とピクセルのカバン語。ボクセルアートが存在する。

外部リンク.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%;font-size:90%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}

出典は列挙するだけでなく、脚注などを用いてどの記述の情報源であるかを明記してください。記事の信頼性向上にご協力をお願いいたします。(2021年10月)

ウィキペディアはオンライン百科事典であって、情報を無差別に収集する場ではありません。改善やノートページでの議論にご協力ください。(2021年10月)
.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:#f9f9f9;display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}ウィキメディア・コモンズには、ドット絵に関連するカテゴリがあります。

Matriax

Tsugumo

Natomic


次ページ
記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:16 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef