satsuei-lab

  • anime
  • three.js
  • webgl

アニメのエンドロールにある「撮影」が何をしているかを、1 カットで確かめられるようにした。 夕方の自室で窓のほうを向く人物のカットを、原画、仕上げ、撮影の合成、撮影処理の 4 段階で切り替えて見られる。

夕景カット撮影ラボでは、パラ、リム光、背景のボケ、T 光、ディフュージョン、フレアの 6 つの撮影処理を 1 つずつ外せる。 スライダーを動かすと、処理前の画と左右に並べて比べられる。 背景は three.js で組んだ 3D の部屋である。 カメラを回り込ませると背景だけが動き、人物は画面の同じ位置に残る。

人物のセルは画像生成モデルで描き、原画の線と影指定はそのセルから OpenCV で抜き出した。 撮影処理はすべてページの中のシェーダーでかけている。

実際の制作では、夕方用の色を色指定の段階で用意することが多い。 このページはノーマル色のセルに撮影で夕方の色を乗せているので、撮影の受け持ちは実際より広く見える。