情報処理学会 インタラクション 2014
IPSJ Interaction 2014

B2-0
2014/2/28

プロジェクションマッピングのコンテンツにおける視覚的認知効果を用いた演出技法の体系化
古郡唯希†1	  	  Campana Rojas Jose Maria†1

小林孝浩†1	 

平林真実†1	 

「プロジェクションマッピング」は，建築物や立体に映像を投影し実物と映像をシンクロさせる映像手法で，実物の「質感や存在感」を変化させることで，鑑賞者の認知に働きかけ，様々な感情を喚起させることができる手法である．本稿では，我々が実際に制作したコンテンツを元に，それらを効果的に見せている要因を分類・説明し，コンテンツのための技法として明らかにし，学術的に体系化することを目的とする．

Systematization of the Representation Techniques of Contents forProjection Mapping
YUKI FURUGORI†1	  	  JOSÉ MARÍA CAMPAÑA ROJAS†1
TAKAHIRO KOBAYASHI†1	  MASAMI HIRABAYASHI†1
There are several ways to evoke feelings by changing the observer’s perception of an object like a building or a solid body by
projecting synchronized movies on them using Projection Mapping techniques. This manuscript, using as a starting point theprojection mapping we made with academic purposes, is aiming to systematize and make clear the techniques of the constructionof the contents, explain them and classify them by the effects that create them.

1. は じ め に a	  プロジェクションマッピング（以下 PM）は，立体物や凹凸面をスクリーンに見立て，キャリブレーション（位置	  本稿では，筆者らの制作したコンテンツと先行作品を例に挙げ，PM の「存在感や質感」の変化を効果的に表す表
現・技法を体系化することが目的である．

や色合いの調整）を施した映像を投影する手法である[1]．

2. 設 営 ・ 準 備

プロジェクタの高機能化，低価格化によって，大画面投影	  コンテンツは，立方体の３つの表面と，右左の壁を合わが可能になり，大規模な屋外，建物への投影が可能となっせて，合計５つの面で構成した．まず，After	 Effects（映た今日，PM は各地で様々なプロモーションやイベントの像制作のためのソフトウェア）を利用して映像コンテンツ目玉として注目を集めている．対象のデザインや表面のテ自体をそれぞれの面ごとに作成し，その後 C++のオープンクスチャ，あるいは歴史的背景などを利用した上で，映像ソースツールキットである openFrameworks を使用し，１つによる光や陰影，テクスチャを投影することによって，対の映像に合成した．キャリブレーションの工程もこのプロ象物の「質感や存在感」を変化させ，観客に様々な感情をグラムで行う．現実にある立方体に表面を合わせるために，喚起させる可能性を持つ．

映像の四隅に表されているマーカーを移動させることで，	  筆者らも実際に PM コンテンツを作成する機会を得たが，歪みに沿わせる．その後に，５つの映像のデータを読み込

これまでに経験のない作業のため，様々な既存の PM 作品

んで，同時に映すことができるプログラムとなっている．

や記述を参考に制作を始めた．しかしかながら，PM 作品

After	 Effects での作業の際に，PM の視点の情報をカメラの多くはプロフェッショナルの映像作家やクリエイター，位置として入力することで構成した三次元の立方体を見な

つまり，技法や表現に精通し経験によって体得された知識がら，指定の位置から見た際に想定通りの映像が投影されに基づいて制作されたものであり，PM コンテンツ作成のるように，対象の歪みに合わせたコンテンツを作成した．	 

ための技法，特に PM における「存在感や質感」の変化を効果的に表現するための技法を，体系的に記した文献は見受けられなかった．そのため，今回の制作で得られた知見を元にして認知心理学の見地から見つめ直すことで，PMに精通していない人に情報を共有すべく，本稿の執筆に至った．
†1 情報科学芸術大学院大学（IAMAS）© 2014 Information Processing Society of Japan	 
左図 1	  AfterEffects の作業画面	 
右図 2	  openFrameworks を用いた映像の再生	 

391

	  近距離，小規模な PM においては，視点の位置が非常にそれをふまえ，PM の「質感や存在感」を決める軸を，３重要になるため，設営図を作成し，位置と角度のシミュレつに分類した．

ーションを行った．投影の対象は，70×70×70 の立方体で	  一般的な平面のスクリーンに投影する場合でも効果を持ある．建物のような大きなものに投影するのではなく，今つ，「視覚効果・映像技法」の軸と，もう一点，PM の場合回のように小さい対象に投影する場合は，鑑賞者が見上げには，「立体の認知」の軸が存在していると考えた．

るのではなく，見下ろすというシチュエーションになりが3.1 視 覚 効 果

ちである．その場合，鑑賞者の頭部が投影に干渉しないよ	  視覚効果とは，ヒトがものを見る際，特に立体を認識す

うに，プロジェクタは高所に設置する必要がある．プロジる際に手がかりとしている要素の分類とする．今回は，「人ェクタ〜立方体間の距離は，約 400cm，角度は 45 度，高さ間の脳内の知識処理にかかわる感覚的立体視要素」[2]に基は，約 290cm の位置に設定した．また，視点位置は，できづいて，さらに細かく分類する．

るだけ対象と離れた方が映像の歪みを少なくできるため，大小：小さい物は遠くに，大きい物は近くに感じる．

視点を固定する役割と，鑑賞者が干渉しないように，座る

粗密：密集した所は遠くに，粗い所は近くに感じる．と 140cm の高さとなるような，椅子を用意し，なるべく立運動：遅く動く物は遠くに，速く動く物は近くに感じる．

方体から離れた位置に設置した．壁は 91×182cm 発泡スチ

遮蔽：重なり隠れる物は遠くに，隠す物は近くに感じる．

ロールを 4 枚を繋ぎあわせて作られたものであり，映像の明暗：暗い所は遠くに，明るい所は近くに感じる．

投影は，およそ 140×140cm の範囲で行われる．

鮮明：霞んだ所は遠くに，鮮明な所は近くに感じる．
陰影：影（光源）の位置による距離の判断．
濃淡：淡い所は遠くに，濃い色は近くに感じる．

230cm45

色相：寒色は遠くに，暖色は近くに感じる．

cm

80cm

203.2 映 像 技 法

80cm

40cm	  主に，色やエフェクトによる素材の調整，音に合わせる
4080cm

164cmなどといった，映像作家やクリエイターが感覚的・あるい
230cm

図 3	  設営図

は記憶や経験に基づいて行っている技法についての軸である．これらは，全て「観察による世界の再現」であるともいえる．例えば，発光している物体の表現として選択するエフェクトとして，グロー効果によって四隅をぼかし，色を落とすことによって，単に表面が発光しているのではな
く，箱の内部から光が発生しているような，蛍光灯のような光の表現を得ることができる．これらは，「蛍光灯らしさ」の再現に過ぎないが，映像の質を左右する重要な技法となる． PM において，音の要素は重要だが，本稿においては，詳細は取り扱わない．

図 4	  実際の設営

3. 質 感 ・ 存 在 感

3.3 立 体 の 認 知	  上記の二つとは別に，もう一点，PM において最も重要な条件である，投影する対象が立体であるという軸が加わ	  本稿で述べる「質感や存在感」とは，映像表面のテクスる．先述した context effect を前提として，鑑賞者は PM とチャ，エフェクトによって表現されるもののことである．

対峙し，そこに沿うことで，あるいは裏切られることで，「質感や存在感」の変化によって，映像に対して感じる印立体が変化する様を楽しむことができる．PM では，スク象や認知も変化する．例えば，PM のコンテンツの場合でリーン面とは異なる空間への映像表現がしばしば行われる．

あれば，「立体が飛び出している印象」や「立体が発光してこれはいわゆる，映像が飛び出たり，へこんだりする表現いる印象」などである．
「質感や存在感」を感じるのは，認である．

知心理学の分野における「Context effect」に理由があると	  歪みの現れ方は，スクリーンからの飛び出し距離と鑑賞考えられる[3]．これは，環境に存在するものを「そこ」に者までの距離，および本来見るべき位置からのずれで表さ現実に存在する「もの」として他との空間的・時間的・意れる．その際，単に 3D で作られた映像を流せばいいとい味的関係性の中で認知する現象であり，つまり，我々が物うわけではない．物体との結びつきが強い PM の場合，輪を認識する際，物を独立的に判断するのではなく，それが郭線，色，大きさ，飛び出す距離など，そこにかかわる様々おかれている周辺環境を基に判断しており，特に，人々のな要素をもって，映像を認知することになる．

事前経験や周辺脈略が刺激の認知に大きく影響している．	  これに関する表現としては，以下のものが挙げられる．

© 2014 Information Processing Society of Japan392

・歪みを判りにくくする表現（境界を曖昧に／飛び出した	 ものを動かす／提示を一瞬に留める，など）
・歪みが出ない表現（スクリーンへのドロップシャドウ／ライティングで，光源等を感じさせる，など）
また，手法として，・対象を強調する手法（壁面への反射効果によって，立体の形状が際立つ，など）
・対象を目立たせなくする手法	 

（黒と彩度を下げた色でミニマルなテクスチャを描くことで別の図形を浮かび上がらせる，など）

図 6	  シーン 2
映像技法：視点位置と水の屈折を考慮して，インクが水槽に落ち広がる表現を再現したものだが，屈折表現が不十分	  これらの三つの軸は，独立するわけではなく，それぞれで，水槽としての認知にまでは至らない．	 に重複する領域を持っている．映像技法が，視覚効果にお立体認知：曖昧な水のテクスチャを使用することで，歪みける概念を前提としている表現である場合や，立体の表現をわかりにくくしている．	 

が，映像技法の一つとして扱われる場合もあると思われる	 

が，筆者らは，これらの複合的な組み合わせによって PMのコンテンツに質感の変化がうまれ，鑑賞者の感覚に影響を与えるものと考える．これがつまり，「PM らしさ」という感覚に結びつくと考えた．	  PM が，各所で話題を集め多数のイベントで利用されているため，もはや一般的な事象になりつつあるということを考慮すると，鑑賞者にいわゆる「PM らしさ」という感	 
図 7	  シーン 2性が発生する可能性がある．それは多くのコンテンツにおいて見られる，「飛び出す」「光る」「崩れる」といった質感

映像技法：ミニマルなテクスチャ	 の変化によって満たされると，コンテンツに対する満足度，立体認知：単純な直線によって構成することで，歪みを意あるいは会場の盛り上がりは高まると感じた．鑑賞への態識させない．彩度の低い色で形成された直線のアニメーシ

度は，PM へ期待するものが影響するという仮定をもって，ョンによって生じる三角形によって立方体を目立たなくさ

次項で展開するコンテンツの表現中には，鑑賞者の刺激のせている．	 

捉え方についての実験的な表現も一部含まれることを留意	 

願いたい．

4. コ ン テ ン ツ	  前項の分類に従って，作品を解説する．http://youtu．
be/0ixvWJzSlVg/ で本作品は視聴できる。	 
図 8	  シーン 3
映像技法：反射光，スポットライト，音楽に合わせた変化	 
立体認知：光とその反射を利用して，立方体から LED（あるいはスポットライト）が光っているようにみえる．立方	 図 5	  シーン 1
映像技法：グロー（ぼかし），スリット上の光の漏れ，光の体のグリッドに沿った光を形成することで，対象の形状を強調している．	 	 

強度差	 
立体認知：エフェクトの発生していない部分を黒で塗りつぶすことによってそこに生じる反射と，光線を沿わせることで，立方体の形を強調している．光線の表現を選択することで，歪みの影響を受けない．	 

© 2014 Information Processing Society of Japan393

小さな立方体がみえるようにしている．歪みの影響を考慮していないため，小さな立方体は正しく認知されない．	 	 	 図 9	  シーン 4
視覚効果：陰影	 
映像技法：反射，ドロップシャドウ，グロー	 	 

立体認知：立方体の四隅をぼかし，暗くすることで，立方図 13	  シーン 8

体の中から光が漏れているように見える．	 

視覚効果：明暗，濃淡，陰影	 	 

映像技法：壁が崩れるアニメーション	 
立体認知：影と光を調整して，壁に映されているイメージが落下し，崩れているように見える表現．立体の歪みに依存しない，本来崩れないものが崩れることで，対象への認知を変容させる．	 	 	 図 10	  シーン 5

視覚効果：明暗	 
立体認知：ラインを細い白で描き，それ以外を黒く塗りつぶすことで，立方体への認知を消し，真っ暗な空間に，三角形が浮かび上がるような表現である．	 	 	 図 14	  シーン 9
視覚効果：大小，遮蔽（前後関係），鮮明，色相，粗密（きめの勾配）	 
映像技法：グロー，曖昧なテクスチャ	 
立体認知：視覚効果によってドットの前後関係が変化する，テクスチャが内部にゆらめいているように見える．曖昧なテクスチャと，ドットの動きの組み合わせが，立方体の歪	 
図 11	  シーン 6

みを目立たせなくさせている．	 	 

視覚効果：遮蔽（前後関係）	 
立体認知：境界線と面の色を調整して，奥行きの位置を変化させている，立方体の中が見えるような感覚．前後関係が次々と変わる表現．立体を強調する．	 	 	 図 15	  シーン 10
視覚効果：明暗，陰影	 
立体認知：丸の中にある影（グラデーション）の方向を調節して，丸の凹凸に対する認知が変わる．	 	 	 図 12	  シーン 7
立体認知：立方体のテクスチャを利用して，立方体の中に© 2014 Information Processing Society of Japan394	 	 図 16	  シーン 11

図 20	  シーン 14

視覚効果：陰影，錯視（coffer	 illusion）	 

視覚効果:	 大小（透視図法）	 

立体認知：テクスチャとして coffer	 illusion という錯視

映像技法：グロー，反射	 を用いている．丸に描かれたグラデーションと背景のグラ

立体認知：壁の奥に，線が広がっているように見える表現．

デーションが合わさることで，四角のテクスチャであるよ歪みによる影響を受けやすい．	 

うに見える．グラデーションのパターンをかえることで，	 アニメーションの速度を速く設定しているので，歪みの影響をうけず，四角のテクスチャが変動し，立方体の表面が動いて見える．	 	 	 図 20	  シーン 15
視覚効果:	 透視図法，反射	 
立体認知：下から立方体が徐々に現れるような表現．正し	 
図 17	  シーン 12

い視点から見ると，立方体の形状が変動して見える．歪みによる影響を受けやすい．	 

視覚効果：反射	 	 

映像技法：パーティクル，グロー	 
立体認知：光パーティクルが立方体と衝突し，壁に描かれた反射によって立方体表面が発光しているように見える表
現，立方体に直接光を当てること無く，対象を強調している．	 	 	 図 21	  シーン 16
視覚効果：大小（透視図法），遮蔽，鮮明（大気遠近法），粗密（きめの勾配）	 
映像技法：反射，グロー	 
立体認知：立方体の表面に四角のテクスチャを描いて，立	 
図 18	  シーン 13

方体が存在感を増す．実在する立方体の隣に，４つの立方体が壁の奥に見える．壁面には，遠くから前にのびる平面

視覚効果：粗密（線遠近法），運動	 が見える．奥行き感の近くを増すために，消失点ときめの映像技法：フレームの中心に，消失点として利用している勾配の効果を利用している．	 

白い光があり，その光を取り囲む線によって，奥行きを生	 んでいる．映像の動きは，立方体がトンネルの中を進むよ
うな没入感につながる表現である．	 	 

© 2014 Information Processing Society of Japan395

技術として存在しているが，これは，一視点からのみの観察となる．そのため，多視点からのプロジェクションマッ
ピングは，今後の課題の一つとなる．
5.2 「 作 品 」 と し て の PM	  PM が人々の話題を集め，鑑賞される大きな要因の一つに，「建物の歴史的背景」がある．これは重要な context effect	 の１つとなり得る．これが，PM を単なる派手な映像の範図 22	  シーン 17

疇から脱却させ，文脈を持った「作品」としての意味を与

視覚効果:	 濃淡，陰影，大小（透視図法），鮮明（大気遠近え，作家の感性によって作られた映像に，深みを与える．

法）	 

人はそうした物語や，文脈を好む傾向がある．例えば，東

映像技法：パーティクルによる演出，反射，飛び出す立方

京駅「TOKYO STATION VISION」では，東京駅丸の内駅

体	 舎保存・復原工事の完成を祝う記念イベントで，創建当時

立体認知：白い光が壁に反射して，立方体を光るようにしの姿に生まれ変わった駅舎「時空を超えた旅」をテーマに，ている．影と視点のパースペクティブの調節を利用して，東京駅や鉄道をめぐる 100 年の歴史を表現している[5]．し立方体から，もう一つの立方体が出ているように見える．

ばしば PM の説明として用いられる「実空間と仮想空間の立方体の突出は，境界線を描かず，陰影と濃淡で描くこと融合」ということばが意味する，超越感，トリップ感，アによって自然な表現にしている．またアニメーション速度

ート的な空間の構築，没入による身体感の変動は人々に情を速めることで，歪みを認知しにくくしている．	 

動の変化を与えやすい．エンタテイメント性，つまり，楽しませることを意識するならば，文化的要素が質感の認知に影響を与えるということは，PM のコンテンツを制作する際の意識として重要である．
5.3 イ ン タ ラ ク テ ィ ブ で あ る と い う こ と	  映像作品である以上，鑑賞者と作品の間で投影⇔見るというインタラクションは発生しているが，映像が鑑賞者に	 
図 23	  シーン 18

よって変動するという要素は，より鑑賞者の臨場感・没入感を高める．

視覚効果：大小・鮮明（大気遠近法），遮蔽（透視図法）	 	  このように，今回本稿で採用した分類以外にも，PM の映像技法：パーティクル，液体，反射	 質を向上させるための要素は存在している．またそれらは，立体認知：パーティクルの大小を変化させ，さらに大気遠「ありふれた PM」を変容させるヒントとなりえる．今後

近法効果を利用して，背景に奥行きを生んでいる．光る線

PM の要素に関するさらなる体系化と分析を目指したい．

を利用して，立方体の形を強調している．さらに，輪郭線の遮蔽関係を変えることで，立方体の中から液体があふれ謝辞る表現に見える．	 	  コンテンツ制作の機会を与えてくださった岐阜大学の木	 島竜吾准教授と，木島研究室の学生の皆様，コンテンツ制

5. お わ り に
5.1 視 点 が 限 定 さ れ な い 場 合 の 対 処	  PM のように立体に映像を投影する場合に問題とされる大きなものの一つに，「鑑賞者の視点位置」が挙げられる．
キャリブレーションでは調整できない映像の歪みや，人間の視覚の補完能力が影響し，プロジェクションマッピングに初めて取り組む人々に PM が難しいと感じさせる要因になる．イベントなどの建物への PM は，大きな建物に投影するため，観客との間に十分な距離がとられる．そのぶん歪みは少なくなり，視点位置に依存しない．	  三次元位置センサで計測される視点情報に追従して投影する画像を生成し直すという双対レンダリングという手法
が，木島研のバーチャル人体模型[4]などに使用されている© 2014 Information Processing Society of Japan

作において貴重なアドバイスをくださった本学浅羽氏に感謝の意を表します．

参考文献
1) 一般財団法人プロジェクションマッピング協会，
http://www.projection-mapping.jp/?page_id=948#content-top2) 牧野圭一，上島豊:視覚とマンガ表現 科学とマンガのナベ《鍋?》ゲーション，臨川書店(2007)3) 鄭熙珍:修士論文，映像を活用した空間の歪曲を感じさせるイベ
ント空間デザインの提案，慶應義塾大学大学院メディアデザイン研究科 (2012)，
http://koara.Lib.keio.ac.jp/xoonips/modules/xoonips/download．
php?file_id=64636
4) 近藤大祐，後藤敏之，河野誠 [他]，木島竜吾，高橋優三：自由曲面への投影を用いたバーチャル解剖模型，日本バーチャルリア
リティ学会論文誌 10(2)，201-208(2005)
5) ［劇的］GEKITEKI	  NHK エンタープライズによる体感型エンターテインメントプロジェクト，http://www．nhk-ep．co．jp/gekiteki/

396