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

B4-0
2014/2/28

3D インターフェースによるプレゼンテーションツールの可能性提案
黒田宙馬†1

笠原信一†1安藤大地†1

本研究は、プレゼンテーションという分野に特化した 3 次元技術の応用研究である．現在幅広く使われている 2D
プレゼンテーションの現状を分析すると，スライドの直列性、表示スペースや構造的限界等の様々な問題が挙げられ，それぞれに対し 3D 技術を用いることによって解決することができることを 3D プログラムの実制作例を通して示し，プレゼンテーション分野での３D 表現の可能性を提示した．

Proposal about Possibility of Presentation Tool Using 3D Interface
CHUMA KURODA†1

SHIN-ICHI KASAHARA†1

DAICHI ANDO†1This study is an application of 3-Dimentional technology about Presentation. Analyzing the 2D presentations used in presenttimes,there are various problems like slides being connected in series and limits of space or structure. We give examples bymaking 3D presentation program and show that 3D technology can resolve those problems and have possibility of newexpression.

1. はじめにョンを使用していることになる．
PowerPoint 等のプレゼンソフトを使っていると，わたし

現在、３次元化の流れは世界中で進行しており，日夜新たちは無意識のうちにそのソフトでできる範囲で資料を作しい技術が研究、開発されている．映画で CG が使われるのるため，あまり不自由さを感じていないかもしれない．しは当たり前になり，現実と区別がつかないレベルの映像表

かし視野を広げてみると，できていないことはたくさんあ現ができるようになってきた．工業分野では完成品や設計る．そこでまずは，そういった２D スライドショー形式に図が CG で表現され実制作前から正確なイメージを把握しおいて発生する問題点を挙げる．

シミュレーションできる．

2.1 スライドプレゼンテーションの直列性

３D 技術はそういった｢正確でリアルな｣方向への動きは

スライドショー形式では各ページが直列に並んでいてよく活用され研究されているが、｢2 次元と 3 次元の構造と順番に次のスライドに切り替えていくだけなので，今見てしての違い｣に着目した研究は少ない．本研究では，x 軸といる内容がプレゼンテーション全体のどの部分か，現在位y 軸だけでなくそこに z 軸が加わることによってどんな表置や他の内容との関連性がわかりづらくなっている．

現の変化があるかを分析し，その特性を活かした新たな表

2.2 複雑な構造の表示限界

現の形を模索する．

会社の組織図やソフトウェアの流れ図，アローダイヤグその表現を活用する分野として，｢プレゼンテーション｣

ラムを用いた工程表など各要素が複雑に絡み合っているもというテーマを設定した．PowerPoint a)のような一般的なのは，平面上におさめようとしても線がクロスしてしまっ

プレゼンツールという視点から，３Dの特性を活かした｢新たりして互いの関係がつかみにくくなる場合がある．

しいプレゼンの形｣を提案する．

2.3 表示スペースの限界

2. ２Dプレゼンテーションの現状
今日，プレゼンテーションと聞けばまず大概の人はスクリーン上に映して見るスライドショータイプのものを思い浮かべるだろう．インターネットコムとgooリサーチの調査
1によれば，プレゼンテーションの際にどのソフトを最も使ったことがあるか，という質問に対し、PowerPointを使う
人は 97.4 パーセントにものぼり，keynote b)の 1.0%と合わせると 98.4％もの人がスライドショー形式のプレゼンテーシ†1 首都大学東京
Tokyo Metropolitan Universitya) Microsoft，Microsoft PowerPoint は，米国 Microsoft Corporation の米国およびその他の国における登録商標です．
b) keynote はアップルの登録商標です。

© 2014 Information Processing Society of Japan

スライドは 2 次元である以上，一画面に入れられる情報の数には限界がある．
また，現在数多くあるグラフでは x 軸と y 軸のみである
ため基本的には２つのデータを視覚的に表すことになる．
今まではほかに変数が出てきた場合，ほかのグラフを用意して並べるしかなかった。時にはそれが見づらく，よく二つを見比べないと関係が理解しにくいものもある．

3. ３Dの特性を活用した解決策
2 次元プレゼンテーションの問題点を踏まえた上で，それを解決するために３D がどのように活用できるかを見ていく．

468

3.1 視点移動による多角的プレゼンテーション
３D 空間は，拡大縮小，あらゆる方向への移動，回転が自由自在である．また，各項目の配置も平面的な制約がないので，その内容にとって最も良い構造にすることができる．こういった面から，全体を見せつつ時には一部分にクローズアップして，ミクロとマクロ，あらゆる視点から内容を見せ，聴衆に現在位置を把握してもらいながらプレゼンテーションを進めることができる．
また，ダイナミックな動きをつけることによって見る人を引き込み，プレゼンテーションのインパクトを強める効果も期待できる．
3.2 3 次元の構造的優位性
図 1

2 次元平面では交差したりしてうまく表示できないもの

全体図

でも，3 次元上であれば配置を工夫するだけできちんとお互いの関連性をわかりやすく表現することができる．
3.3 表示スペースの広さ
平面の中に情報を入れようとするとすぐに限界が来てしまうが，3 次元上ではそこに奥行のスペースも加わるのではるかに多くの情報を入れることができる．また，ディ
図 2スプレイやスクリーン等，表示する媒体が平面なので結局視点移動中2 次元と同じ大きさにしか入らない，という問題は視点移動によってカバーすることができる．
ほかには，z 軸が一本増えることによって同時に比較できる要素が増す，ということもあげられる．これも２D と３D の構造的な特性に着目している．今までｘ軸とｙ軸で二つのものしか比較できなかったグラフにｚ軸が加わることによって，もう一つの比較要素を同時に見比べることができるようになる．

4. ３Dプレゼンテーションの実制作サンプル
これらの３Dの有用性を示すために制作したプログラム
例を示す．比較項目それぞれに対して一つずつ，計 3 種類を実際に見ながら検証していく．制作にあたっては，３D

図 3 クローズアップ画面ライブラリであるOpenGL 2を使用した．
4.1 視点移動の自由性
図１～３は日本の大都市の概要を示した簡単な３D サンプルプログラムである．日本と、東京・大阪・愛知の３つ

4.2 奥行の追加
次は，平面から空間になることによって得られるスペースについてのサンプルを示す．の都市との関係を正四面体の各頂点に配置してある．図１

図４～図６は天皇家の家系図 3を２D，３D両方で作成しからはそれぞれの要素の包括関係，また全体像が把握できたものである．特に家系図や組織図など膨大な情報量をまる．そして，図２での視点移動は大きくダイナミックに回とめて表示したい場合において，２Dではあっという間に転しながら一つの要素に視点が寄っていくのがわかる．

スペースがなくなってしまう．また、通常の家系図では一そして，図３では日本が大きく表示され，全体図では見つの核となる家族単位が一見しただけではつかみにくい．

にくかった詳細もつかめるようになる．これを見るとわか

しかし，図５と６を見てもらうと，正多角錐の構造を上るように，3 次元では立体的構造の工夫と視点移動によっ手く利用することによって１つ１つの家族をコンパクトかて非常に整理されてわかりやすく，今までにないプレゼン

つわかりやすくまとめているのがわかる．また，世代や兄テーションが可能である．

弟を増やしていったとしても平面ほど追加のスペースを必要としない．視点を回転させたり拡大縮小できる，ということも効果がある．

© 2014 Information Processing Society of Japan469

二つを見比べながら間の関連については自分の頭の中で補完しなければならない．
しかし，図２のように３D でこれを表した場合，縦，横に奥行が加わったことによって同時に全ての情報を入れることができている．これによって、グラフを見た瞬間に直感的に比較ができるようになる．頭の中で二つのグラフを見比べ、関連付ける必要もない．
また，内訳をもっと詳しく見ることができるようにカメラを寄せたり回転させたりして，一瞬で自分の最も見たい見方にすることができるのも 3 次元グラフの強みである．
図 4

図 5

図 6

２D での天皇家家系図３D での天皇家家系図（全体図）

図 7

歳出の推移（内訳・総額）２D

図 8

歳出の推移（内訳・総額）３D

３D での天皇家家系図（クローズアップ）

4.3 グラフ表示
図７～図９は日本の歳出の推移 4をグラフにしたものである．図７はMicrosoft Office Word c)で作成した通常のグラフで，図８，９はOpenGLで作成した．
国の歳出について内訳と総額の二つのデータがあった
場合，２D では同時に一つのグラフで表すことができず，
c) Microsoft，Microsoft Office Word は，米国 Microsoft Corporation の米国およびその他の国における登録商標です．

© 2014 Information Processing Society of Japan470

Html 版 Version : 1.0.1 Last Update: 2001/02/09 Original: Mark J.
Kilgard
http://opengl.jp/glut/spec3.html（2013 年 11 月 22 日取得）

図 9

視点変更後

5. まとめ3 次元にすると有効なものもあれば，文章情報のようにどうしても 2 次元のほうがいいものもある．それらの特性を理解し，3 次元空間上に平面や立体を複合的に配置しながらつなげていくことで既存の２D プレゼンテーションよりもはるかに見やすく，印象的で，訴求力のあるプレゼンができるようになることを確認した．
３D のプレゼンテーションにはまだまだ工夫次第で大きな成長の可能性がある．プログラミングの知識がない一般ユーザーもプレゼンテーションを作成できるようなアプリ
ケーションの開発により導入の敷居を低くすることを今後進めていく．

参考文献
1) Daily Research
http://japan.internet.com/research/20130625/1.html（2013 年 11 月21 日取得）
2) OpenGL Khronos グループのグラフィックスハードウェア API
http://www.opengl.org/（2013 年 11 月 21 日取得）
3) 宮内庁ホームページ―皇室の構成図
http://www.kunaicho.go.jp/about/kosei/koseizu.html（2013 年 11 月21 日取得）
4) 財務省ホームページ（2013 年 11 月 22 日取得）
http://www.mof.go.jp/index.htm5) 林武文 加藤清敬(2003.4)｢OpenGL による 3 次元 CG プログラミング｣,コロナ社
6) OpenGL プログラミングメモ
http://www21.atwiki.jp/opengl/ （2013 年 11 月 22 日取得）
7) ライティング色設定のコツ
http://sky.geocities.jp/freakish_osprey/opengl/opengl_lighting.htm（2013 年 11 月 22 日取得）
8) OpenGL de プログラミング
http://wiki.livedoor.jp/mikk_ni3_92/d/%B4%F0%CB%DC%CA%D4
17%3A%3Abitmap%A5%D5%A5%A9%A5%F3%A5%C8 （2013年 11 月 22 日取得）
9) The OpenGL Utility Toolkit (GLUT) Programming Interface API
Version 3(C) 1998 OpenGL-FAQ ML (opengl@a1.goodml.com)© 2014 Information Processing Society of Japan471