WebGLを用いた3D画像の Web配信技術について ∼ネット住宅展示場などの事例を用いて∼ ©2015 INNOVERSE LLC. ■ テレビせとうちでは、昨年７月にネット住宅展示場「ななちゃんLAND」をオープン ■ 「ななちゃんLAND」ではWebGLの仕組みを利用して住宅の３次元CGでモデリングしたデータを配信 ■ 建物の中に入って自由に見ることができ、様々な角度から骨組みを見ることも可能 ©2015 INNOVERSE LLC. ３D・ＣＧネット住宅展示場「ななちゃんＬＡＮＤ」 ©2015 INNOVERSE LLC. 見えてきた課題 ■ 表示できるブラウザが限定される Internet ExplorerはVer.11からWebGLに対応しかし、表示できない建物もでてきたり、動きがぎこちなかったりと問題が多いため、早くからWebGLに対応しているGoogle Chromeを推奨 ■ スマホ・タブレットでは表示できない処理能力不足・・・代わりに動画を表示 ■ ３Dデータが大きく、配信に時間がかかる表示されるまでに時間かかりユーザにとっては不快 ■ ３Dデータは、ユーザの端末にデータが残る製作者の著作権を保護できない ©2015 INNOVERSE LLC. INNOVERSE LLC. 合同会社イノバース ■ 設立２０１４年７月 ■ ３Dを基軸とした各種デジタルテクノロジーとアイデアを掛け合わせた新しいビジネスを創出することを目的とする岡山のITベンチャー ■ SE / 建築士 / プランナーという異色のユニット ©2015 INNOVERSE LLC. 各種提供サービスの基本的な仕組み３Dモデルの制作 Webブラウザ表示 ©2015 INNOVERSE LLC. 一般的な３Ｄモデル制作方法３ＤＣＧソフト３Dスキャナーフォトグラメトリー ©2015 INNOVERSE LLC. フォトグラメトリーによる３Ｄモデル制作対象物の全周囲を写真撮影し、ソフトに写真データを読み込みます。 ©2015 INNOVERSE LLC. フォトグラメトリーによる３Ｄモデル制作ソフトで撮影位置を解析後、モデルを作成します。また他のソフトへデータを渡し、高解像度化・リファインなどを行ってデータの完成です。 ©2015 INNOVERSE LLC. ３ＤモデルのWEBブラウザ表示３ＤモデルデータをWEBブラウザの3DCG表示仕様である「WebGL」を用いて、ブラウザ上で３Ｄ表示します。クライアントサーバー WEB AP 3Dモデルファイルアクセスブラウザ WebGL ダウンロード OS OpenGL / OpenGL ES GPU ©2015 INNOVERSE LLC. ３ＤモデルのWEBブラウザ表示３ＤモデルデータをWEBブラウザの3DCG表示仕様である「WebGL」を用いて、ブラウザ上で３Ｄ表示します。 ©2015 INNOVERSE LLC. 動作環境 PC環境 OS（Windows） Vista、 7、 8、 8.1 OS（Macintosh） Mac OS X 10.9 ブラウザ Internet Explorer 11、Chrome、Firefox、Safari 6、7（Macのみ） CPU Intel Core2 Duo E6600以上メモリ 2GB以上（グラフィックメモリ512MB以上）スマホ・タブレット環境 OS iOS 8、 Android4.0 以上対応機種例 iPhone 4S、GALAXY S II 以上ブラウザ Google Chrome for Android、Firefox for Mobile、Safari 8（iOS8向け） ISEE3での非対応環境への対応方法ブラウザのバージョンが非対応の場合水平方向３６０の写真画像表示形式に切り替え表示をすることで対応している。 ©2015 INNOVERSE LLC. 現状の問題点 1. 3Dモデルデータはサイズ（ポリゴン）が⼤大きく、 Web配信および表⽰示処理理で負荷が⾼高いため、パフォーマンスが悪い。 2. 3Dモデルはクライアント側（テンポラリ）にダウンロードされ、データが残ってしまうため、セキュリティー上の懸念念がある。 ©2015 INNOVERSE LLC. 問題点「１」への現状の対応と課題 3Dソフト（ZBrush等）の機能により、低ポリゴン化処理理（デシメーション）をしている。 ※約１００万ポリゴンを５万ポリゴン程度まで縮減ファイルサイズは約５MB程度ただ、WEB配信での快適性を維持するまで低ポリゴン化（１万ポリゴン程度度）すると、画質が⼤大きく低下する。 ©2015 INNOVERSE LLC. 問題点「２」への現状の対応と課題 ■ 暗号化ファイルのデータ配信（現⾏行行）ダウンロードのみで暗号化によるサーバ負荷は低いセキュリティ確保クライアントサーバーテンポラリ領域暗号化済みファイル暗号化済みファイルファイルの中身ダウンロードテンポラリ領域に復号化処理が保存されてしまうボトルネック ©2015 INNOVERSE LLC. 問題点「２」への現状の対応と課題 ■ ＲＥＳＴによるデータ配信（対応案）サーバーに複合化処理が負荷が集中不要クライアントサーバーファイルテンポラリ領域 REST結果ファイルの中身ファイルの中身隠テンポラリには性が低い保存されない ©2015 INNOVERSE LLC. 今後の研究課題 ■ 新たな低ポリゴン化処理理の確⽴立立 ■ ファイルオープンの負荷軽減・分散⽅方法の確⽴立立 ■ REST形式のセキュリティを確保する⽅方式の確⽴立立⾒見見た⽬目の画質を保ったまま、 3Dモデルデータをコンパクト化するとともに、セキュリティー性⾼高く、レスポンスを改善する。 ©2015 INNOVERSE LLC. Thank you ご静聴ありがとうございました。 ©2015 INNOVERSE LLC.