hirax.net::inside out::2014年08月11日

■月岡芳年の浮世絵をタブレットでリアルに手にしてみよう!?　

　幕末から明治にかけての浮世絵師「月岡芳年」の作品を３次元的に眺めてみよう!? で月岡芳年の浮世絵の見え方を復元し、見る方向で姿が変わるリアルな浮世絵を３次元的にグリグリ眺めてみよう!?では、Three.jsでそれを３次元的に眺めてみました。そこで今日は、月岡芳年の浮世絵をタブレットでリアルに手にしてみることにしました。

　…というわけで、早速「作ってみた」のが下の画像です。月岡芳年の浮世絵に当たる光や眺め方（持ち方）を反映して、本物と同じように（誇張も混じった”多分”ですけど）眺めることができます。タブレット内の月岡芳年の浮世絵にスポットライト光があたれば、版画の上の艶がある部分は刷り模様を反映した（スポットライトに対する）反射光を返しますし、眺める向きを変えればギラギラとした反射光から逃げることもできます。もちろん、照明光の色が変化すれば、その色で照らされた時に見えるはずの反射光を返します。

　といっても、やった作業はとても簡単で、実質１０分ほどの作業に過ぎません＊。（結構前ですが）前回の記事作ったデータを、iOS上で動くGLSL Studioに読み込んで、前面カメラ（フェイスカメラ）で周囲の環境光をリアルタイムに認識することで周りから浮世絵に照射される光線を推定し（適当にね！）、（浮世絵を眺める人の視線方向に対して）浮世絵から反射されるはずの光・色を液晶画面に映し出すことで＊＊、「周りからの光と自分自身の反射率特性に応じて、周りに光を返す」という反射物体が持つ特性と同じ挙動をさせる、という具合です。…こう書くと複雑そうですが、実際のところはほんの１０行足らずのコードを書いてみたに過ぎません。

　最近のスマホなら、前面カメラを使うことで環境光分布の推定も容易にできますし、浮世絵のような反射物が持つh反射率分布関数(BRDF)の再現・表示もスマホ搭載のGPU・LCDならある程度行うことができます。…となると、もはや反射物体としての浮世絵とかアートの再現なんてスマホで十分可能だぜ！という時代が訪れているようにも思われます。

---

＊以前iOS上でネイティブアプリで作成したことがあるのですが、それと同じようなことはGLSL Studioを使うと（できないこともあるのであくまで簡易的にとはなりますが）ものの５分ほどで、ほんの１０行弱ほどのコードを叩くことで実現することができるのです。

＊＊ちなみに、iPadのフェイスカメラ部分にティッシュペーパーを貼りつけてあるのは、環境光分布を畳み込む計算を行うのがGLSL Studioでは重かった（不要な重複計算が生じてしまう）から、ティッシュペーパーで超アナログな畳み込み計算をしてみた…という具合です。