7/7/2026,

ドット絵エディタ(自作)

画像

概要

  • Electron上で動かしている
    • Webブラウザでもできるとは思う(挙動をあちこち変える必要があるので試していない)
  • table内のtd要素にイベントリスナーを色々指定して色々操作できるようにしている
  • 作ったものはSVGを使って画像化
    • 同時にpngファイルを生成
  • データは簡単なjsonファイルで保存
    • どの色を使っているか
    • どの位置にどの色を指定しているか

四代目の泡を吐く蟹もこのツールで描いた。(ツールのスクリーンショットは途中段階のもの)
画像画像

ちなみに大昔にはEDGEというツールを使っていました。
高機能ドット絵エディタ EDGE | TAKABO SOFT
他にも色々ドット絵を描くエディタはあります。

記事