HTML5 WebGLについて #TechLunch

HTML5 WebGLについて

WebGLとは？ • ブラウザをプレステにしてしまう技術 • 2011年3月に1.0が勧告されたばかりの今一番ホットな仕組み • OpenGLがWebGLのもとになっている

OpenGL • OpenGL グラフィックスを高速に描画するための専用ハードウェアを使うためのAPI

GPU(Graphics Processing Unit) nVidiaのGPU

GPU nVidiaのGPU VGAカード

HTML5 HTML5では、これまで単に文章を構造化するのみから、動画、オーディを扱えるようになった。 →クロスプラットホーム環境を実現

canvas HTML5のcanvas要素では3次元グラフィックスを描画することができる。 • 2次元や3次元グラフィックスをプラグインなしに HTML上に直接描画することができる。 • 原理的にはどのような3次元グラフィックスも描画することが可能。

WebGL • Webブラウザで3DCGが表示できる • Flash、SilverLight等のプラグイン不要 • 勝手にGPUを叩いてくれる • インターフェースはJavaScript 動作するブラウザ
• FireFox、Chrome、Safari、Opera • IEではIEWebGL、JebGL、ChromeFrameなどを使うことで動作させることができる

WebGLの実行環境 • WebブラウザがWebGLに対応していること • PCに搭載されているグラフィックカードの OpenGLのバージョンが2.0以上である必要 (2012年2月現在) →古いPCでは対応してないのが現状 • スマートフォンなどでのWebGLの対応は現在
(2012年2月)準備中段階。 →一気にウェブブラウザ用3次元グラフィックスAPI の地位を築く!?

WebGLの問題 IEがWebGLとは反対の立場をとっている →「OpenGL」と「DirectX」はライバル ↓ DirectXはMS関連製品でしか動作しないため勝敗は明らか!?

セキュリティーホール WebGLはその機能要件ゆえにセキュリティが危険に晒される可能性がある 1. ハードウェアの機能がWeb側につつぬけ 2. Webの利用体験を確保するためにサードパーティを放任しすぎている 3. DoS攻撃に対する不備

デモ • Flash、Unity、WebGLの動作を確認 • ジニーエフェクト • Google Labsが公開するBody • Google
Chrome専用のWebGLコンテンツ • プレゼンテーションをWebGLで加工 • Aquarium

まとめ • WebGLは扱いが難しい？ • 仕様策定の行く末やブラウザ対応など課題はある • Web上でできることの幅が一段と広がる

次回 WebGL WebSockets WebWorkers WebStorage

HTML5 WebGLについて #TechLunch

HTML5 WebGLについて #TechLunch

Livesense Inc.

More Decks by Livesense Inc.

Other Decks in Technology

Featured

Transcript