現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」 【増田(@maskin)真樹】

[読了時間:2分]

　ブラウザエンジンWebKitベースのウェブブラウザ「Safari」や「Google Chrome」で簡単に高度な3D表現を可能にするJavaScriptライブラリ(プログラムから利用できるコード群)「Sprite3D.js」が話題となっている。例えばこのような (iPhoneでみてみて)ことが、特別なプラグイン不要で実現できてしまう。iPhoneやiPad上でも再生可能だ。

　ウェブ上の3D表現といえば、HTML5のcanvas上でリアルタイム3Dを実現するWebGLという仕様があるが、ハードウェア演算のために、適切なグラフィックチップが利用できる端末が必要となる。当然、非力なパソコンでは実行すらできない可能性がある。

　Sprite3D.jsは、CSSを使って3D表現をするというもの。WebGLなどと比較すれば、3D表現に限界があるのだろうが、サンプルを見る限りウェブ上のコンテンツとしては十分という印象。

　しかも今後、FirefoxなどWebKit以外のブラウザ以外にも対応していくということで、HTML5の仕様策定を中心とした次世代ウェブの流れとは別に、ウェブコンテンツのリッチ化が促進されるということに期待が高まっている。

■ 関連URL
・Sprite3D.js, a javascript library for 3D positionning in WebKit
http://minimal.be/lab/Sprite3D/

蛇足：僕はこう思ったッス
HTML5の仕様はすばらしいが、実は革命の推進役になるのはJavaScriptだったりする。これはその象徴的な例。先日の湯川さんによる「フリーミアム→コンテンツキング」の新潮流論の影に、JavaScriptによるクリエイションの変容が介在する。というわけで、これも夏休みプログラミングの一環ということでオススメ。
(追記)WebKitについての表現がわかりにくいので追記。WebKitはブラウザのレンダリング(HTMLファイルなどを画面上で実行する)エンジンです。SafariやGoogle Chromeに搭載されています。現行ブラウザとしたのは、将来仕様が策定されるHTML5が話題になる中、現在配布されているブラウザでもここまでできるといいたかった次第です。