ドット絵を、スーファミ風からメガドライブ風へ描き直した。「1ドットずつ置く」決まりで描く50年分のオフィス

こんにちは、北海道のWEB屋です。

ドット絵の経営シミュレーション「IT起業伝」の絵は、一度できあがったものを、2回、すべて描き直しています。最初の32ドットの素材から、スーパーファミコン風へ。そして、いまのメガドライブ風へ。今日はその絵づくりの話です。

1回目：32ドットから、16×24ドットへ

最初の素材は、キャラクター1人が32×32ドットの大きさでした。これを、スーパーファミコンのRPGのような16×24ドット、約2頭身に描き直しました。頭が上の12段、体が下の10段です。

小さくすると描ける情報は減ります。でも、そのぶん1ドットの意味が重くなります。目は1×2ドットの点、口は1〜4ドット、ほっぺの赤みは1ドット。少ないドットで「誰か」が分かるようにするのが、この大きさの面白いところです。

絵柄がぶれないための決まり

社員、家具、パソコン、街の建物と、描くものはとても多くなります。あとから描き足したものだけ雰囲気が違う、ということにならないように、スタイルガイドを作りました。基準になる見本を決めて、「この見た目からぶれないこと」と書いてあります。どの版にも共通する決まりはこうです。

• 1ドットずつ手で置く感覚で描く。図形の自動描画、ぼかし、アンチエイリアス（ふちをなめらかにする処理）は使わない
• 半透明を使わない。ドットは「ある」か「ない」かだけ。透けて見せたいものは、市松模様に間引く（ディザ）ことで表す
• 光は左上から。影は右下、ハイライトは左上
• 拡大するときは、ドットがにじまない方法で

2回目：スーファミ風から、メガドライブ風へ

スーファミ風の絵は、やわらかい色と、濃いプラム色の輪郭でまとめていました。メガドライブ風への描き直しでは、大きさ、構図、キャラクターの頭身はそのままにして、色と塗り方だけを変えています。

色の決まりは、赤・緑・青のそれぞれを00、34、57、74、90、AC、CE、FFの8段階から選ぶ、というものです。最後に、すべてのドットをこの段階のどれかに丸めて、決まりの外の色が残らないようにしています。

メガドライブ風にしたのは、見本の小物（コーヒー、フロッピー、スマホなど）を描き比べたとき、こちらのほうがワクワクしたからです。くっきりした輪郭と強い明暗は、小さなオフィスにたくさんの人と机が並ぶこのゲームでは、見分けやすさにもつながりました。

どうやって描いているか

キャラクターは、文字で書いた「型紙」から作っています。1行が1段のドットで、「K」は輪郭、「S」は肌、「H」は髪、というふうに、1文字が1ドットに対応します。

".KSSSSSSSSSSSSK."

この型紙を、Pythonの画像のライブラリ（Pillow）で1ドットずつ色に置き換えて、画像にしています。手で1枚ずつ描くのと同じ考え方で、「型紙を書く」ところまでを手でやって、色を塗る作業はプログラムに任せています。

メガドライブ風に描き直せたのも、この作りのおかげです。型紙はそのままで、塗り方（輪郭の色、面の色、ディザ、白いつや）を書き換えて作り直すだけで済みました。社員の歩く絵、座った絵、顔の絵、オフィスの家具まで、まとめて描き直しています。

年代で変わる、服と髪と持ち物

このゲームは1980年代から2020年代まで続きます。同じ社員でも、年代が変わると見た目が変わります。16×24ドットでも分かるように、1〜2ドットの「記号」で描き分けています。

年齢も、ドット絵で

社員には年齢があります。新人（24歳まで）、若手（34歳まで）、中堅（44歳まで）、ベテラン（54歳まで）、シニア（55歳から）の5段階で、髪の色などが少しずつ変わります。入社したころの若手が、何十年かたってベテランになっていく。50年を描くゲームなので、ここも描き分けています。

斜め上から見下ろす部屋

オフィスは、斜め上から見下ろす絵（アイソメトリック）です。床のマスは32×16ドットで、線は「横に2ドット、下に1ドット」の決まった傾きで引きます。メガドライブ風では、上の面を明るく、左の面を基本の色、右の面を影にし、左の面の下の3分の1を市松のディザで暗くしています。

この見下ろしの絵では、どれを手前に描くかの判定が難しく、社員が椅子をすり抜けたり、家具にもぐったりする問題が出ました。その話は開発の記録に書いています。

まとめ

• 絵は2回、すべて描き直した。32ドット → スーファミ風の16×24ドット → メガドライブ風
• どの版も「1ドットずつ」「半透明なし」「光は左上」
• メガドライブ風は、赤・緑・青を各8段階の色だけ、黒い輪郭、白いつや、市松のディザ、冷たい影
• 文字の型紙から描いているので、塗り方を変えるだけで全部を描き直せた

いまのメガドライブ風の画面は、公式サイトの無料体験版で見られます。発売は2026年12月の予定です。

出典とリンク

• IT起業伝 公式サイト・体験版：itkigyoden.com
• 開発：北海道のWEB屋

この記事は2026年11月8日に、絵をメガドライブ風に描き直したことに合わせて書き直しました（最初はスーファミ風への描き直しの記事として公開）。