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

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

[読了時間: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が話題になる中、現在配布されているブラウザでもここまでできるといいたかった次第です。