第十一回

https://tinyurl.com/TDWS-2018

本日のtoeファイル ← ダウンロードしておいてください

今日は、これといってまとまりはないのですが、作品制作にむけてなるべく実践的なTIPsをいくつか紹介していきたいと思っております

ブレンドモード

/project1/blendmode_add を参照

TouchDesignerで映像を作る時には、ブレンドモード を上手い事設定するとカッコいい感じになりがちです。

ブレンドモードは、ジオメトリがレンダリングされる時に、それ以前に書かれていたものとどういうふうにして色をかさねるかという設定なのですが、OpenGLの世界だと デプステスト と呼ばれる仕組みと密接な関係にあります

↑ の動画は、ブレンドモードを加算、デプステストを切る という設定をしているもので、シーンを作るときによく使うものなのですが、それがどういう事なのかをさらっとやっていきたいと思います

デプステスト

/project1/depth_test を参照

適当なジオメトリを作って、Geometry COMP に接続した後、 Phone MAT を作ってアタッチします。

その後、Phone MAT の、 Common > Depth Test を入り切りしてみると表示がバグったりするのがわかると思います。

デプステストは、新しいポリゴンが描画されようとする時に、以前に書かれたポリゴンより手前にあったら新しいポリゴンを描画、奥にあったら何もせずにスルー という処理をするものです。それを繰り返すことで、不透明な物であれば問題なく描画されます。

アルファブレンディング

ですが、半透明な物を描画しようとすると結構ハマります… 透明度の設定は、Phone MAT の Alpha > Alpha Front のパラメタで調整できるのですが、それと同時に Common > Blending (Transparency) のトグルも On にする必要があります。

なのですが、それだけだとまたバグった表示になります。さらに上記のように Depth Test を切ると多少マシにはなりますが、まだアーティファクト(描画の不具合)が出ています。

これは、OpenGLの描画システムが半透明処理(アルファブレンディング)と相性が悪い という問題から生じておりまして、高速な描画とのトレードオフになっております。。自動では面倒を見てくれないので、作る側がどうにかちゃんとした見た目になるように調整する必要があります。

(詳しくは、その17 Zバッファとアルファブレンドの嫌な関係あたりを参照)

なのですが、要はアルファブレンディングを使わなければ問題がないので、そのあたりが加算合成がよく使われる理由です。

加算合成

ブレンドモードを加算合成にするには、MAT の、Common > Source Color 、 Distnation Color をともに One に設定します。

また、Source Color を One 、 Distnation Color を One Minus Source Alpha に設定すると、両方とも One にした時よりも比較的綺麗に合成されます。

加算合成の時は、Depth Test は Off にしておいたほうがエッジが綺麗になるので必ず切っておきましょう。

Source Color 、 Distnation Color の両方の設定によって他のブレンドモードの設定もできるので、興味のある人は OpenGLの画像合成時のブレンドモードよく使うもの抜粋あたりを参考にしてやってみてください。

また、 /project1/blendmode にもサンプルをつくっておきました。

簡単に解決

なのですが、TouchDesignerには半透明処理に関わる問題を簡単に解決してくれる機能も搭載されています。

Render TOP の Advanced > Order-Independent Transparency のトグルがそれです。On にすると半透明のものでも自動的にいい感じにしてくれます。Transparency/Peel Laters のパラメタの数字を増やすと、半透明なものが重なる上限数を設定することができます。

この方法はお手軽ですが、それなりに処理負荷がかかるものだと思うので注意して使ってください！