CLIP STUDIO PAINTの.lipファイルをハックして作業動画を書き出すWindowsアプリを作った

フロントエンド担当の萬成です。

デジタルイラストを描いていると、描いた後に作業動画を早回しで見たくなることがたまにあります。
しかし、普段使っているお絵かきソフト「CLIP STUDIO PAINT」（以下、クリスタ）にそんな機能はありません。そこで、クリスタの保存形式である.lipファイルを使って作業動画を書き出すWindowsアプリを作ることにしました。

今回開発するアプリ

今回はクリスタで作成した.lipファイル（Photoshopで言うと.psdファイル）が更新されたタイミングでPNG画像を書き出して行き、イラストが完成したらそれらを結合してアニメーションGIFを生成するWindowsアプリを作ります。ちなみに名前は「LIP2GIF」です。

動作の流れはおおよそ以下のようになります。

※2がtrueの間、3〜5を繰り返します。

さて、上の表のうち4以外の実装は、「C#での実装」の欄に書いたとおりパッと思いつきます。
4を実装するためには、.lipファイルをもう少し知る必要があります。

.lipファイルの正体

単刀直入に言うと、クリスタの.lipファイルはSQLiteデータベースです。

クリスタで絵を描き、ターミナルで以下のコマンドを打ってみましょう。

$ sqlite3 ./吹雪ちゃん.lip

すると、

$ sqlite3 ./吹雪ちゃん.lip
SQLite version 3.8.5 2014-08-15 22:37:57
Enter ".help" for usage hints.
sqlite> .table
Canvas          ElemScheme      Mipmap          ParamScheme
CanvasNode      Layer           MipmapInfo      Project
CanvasPreview   LayerThumbnail  Offscreen
sqlite> .schema
CREATE TABLE Project(_PW_ID INTEGER PRIMARY KEY AUTOINCREMENT, …

こんな塩梅です。

それっぽいテーブルがたくさん並んでいますね。CanvasPreviewなんか今回実現したい.lip→.png 変換を実現させてくれそうな香りが漂っています。

sqlite> SELECT * FROM CanvasPreview;
1|1|1|1|1000|708|�PNG

SELECTするとレコードが１行入っていました。最後のカラムはBLOB型で、PNGのバイナリが入っています。

SQLiteからBLOB型の値をバイナリで書き出すコマンドがあったのでやってみます。

CanvasPreview.ImageDataからPNGファイルを書き出せることが分かりました。
先ほどの手順表４が以下のように埋まったので、アプリを実装できます。

アプリの実装

ここからLIP2GIFの開発の話に入ります。が、特に真新しいことはないのでWindowsアプリ開発初心者としてハマった点を書きたいと思います。

タスクトレイ常駐型のアプリケーションの作成

Visual Studioで新規にWindowsフォームアプリケーションを作成すると、空のウィンドウが一つ開くアプリケーションが作られます。

namespace WindowsFormsApplication1 {
	static class Program {
		[STAThread]
		static void Main() {
			Application.EnableVisualStyles();
			Application.SetCompatibleTextRenderingDefault(false);
			Application.Run(new Form1());
		}
	}
}

Main()はプログラムを起動した時に一番最初に走る部分です。new Form1()がこのアプリのメインのウィンドウで、通常はこのForm1にGUIや処理を書きます。

余談ですが、Macのアプリは×ボタンでウィンドウを閉じてもアプリ自体は生き残るものがほとんどなのに対し、Windowsアプリは×ボタンを押すとプロセスも終了します。この挙動は上記のひな形に現れており、Application.Run(new Form1())を実行すると、Form1ウィンドウが閉じるまでメインのスレッドはこの行で待機します。ウィンドウを閉じるとこの行を抜けるため、プロセスが終了します。

さて、今回作るアプリはウィンドウの無い、タスクトレイに常駐するタイプのアプリにしたかったので、ひな形のMain()の中をすべて消してから以下のようにプログラムを書いていました。

namespace WindowsFormsApplication1 {
	static class Program {
		[STAThread]
		static void Main() {
			//　メインの処理
			//　:
		}
	}
}

ところが、WindowsAPI的にApplication.Run()は必ず呼ばなければならないらしく、上のコードでは非同期処理がうまく動かないことがありました。そこで、以下のようにFormの代わりにApplicationContextに処理を書くことで、ウィンドウが立ち上がらないアプリが書けるようになりました。

namespace WindowsFormsApplication1 {
	static class Program {
		[STAThread]
		static void Main() {
			Application.EnableVisualStyles();
			Application.SetCompatibleTextRenderingDefault(false);
			Application.Run(new Processor());
		}
	}
	
	class Processor : ApplicationContext {
		public Processor() {
			//　メインの処理
			//　:
		}
	}
}

LIP2GIF

試行錯誤の末、クリスタの作業動画を書き出すWindowsアプリが完成しました。アプリ開発のため僕のMacは１営業日の間Boot Campでした。というのは嘘で本当はVMwareFusionでした。

• ソースコード：https://github.com/manse/LIP2GIF
• インストーラ：https://github.com/manse/LIP2GIF/blob/master/LIP2GIF_setup.exe
  ※使用は自己責任でお願いします。
  ※アセンブリに署名していないため、アプリ起動時にWindowsの保護機能が働くことがあります（不安な方はソースからコンパイルをお願いします）。

使い方

1. クリスタを起動して新規キャンバスを作り、.lipファイルを保存します。
2. LIP2GIFを起動して先ほど作成した.lipファイルを選択します。
3. LIP2GIFによる監視が始まります。以降、.lipファイルを保存するたびに、.lipファイルと同じ階層に作られたディレクトリにPNGファイルが書き出されます。監視中はタスクトレイのアプリアイコンとして保存回数が表示されます。
4. クリスタを終了すると、書き出されたPNGファイルからアニメーションGIFを生成し、デスクトップに保存します。PNGファイルを書き出していたディレクトリは削除されます。

監視対象の.lipファイルと同じ場所に「(.lipファイル名)$LIP2GIF」という名前でフォルダが作られ、その中にPNGが次々と保存されます。見られたくないタイミングで保存してしまった時は、GIFアニメーションを作成する前（クリスタを終了する前）にこのフォルダの中からファイルを消すことで、作業動画から省くことが出来ます。

デモ

記事のヘッダー用に正規空母と空也上人を描きました。

空也 pic.twitter.com/1htWYN6VmG

— まんせー (@manse) 2015, 9月 15

空也でお茶を濁すつもりだったけどしっくり来なかった感じです。

まとめ

この手の作業動画はPCの画面を録画する方法が一般的ですが、見られてはいけない作業が写ってしまったり、後で動画を編集したりといろいろ面倒です。
対してLIP2GIFは、自分の好きなタイミングで作業のスナップショットを撮ることが出来、書き出しが楽なのが利点です。
エンジニア的な観点では、画像を保存した時に作業記録が残るあたり git commit 感出てて面白いです。

皆さんの創作活動にお役立ていただければ幸いです。

おまけ

空也を配布します。Twitterアイコンにお役立ていただければ幸いです。

百合	向日葵