Comments
Description
Transcript
WebGLを用いた3D画像の Web配信技術について
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.