株式会社八角研究所 > 【連載】JavaScript で 3D プログラミング - 第1回 O3Dを動かしてみよう！

エンジニア募集中！

独立心旺盛で、新しい技術で新しいWebサービスを作りたいと思っているけれど、ひとりでやることに限界を感じているフリーのエンジニアの方。あなたの期待にこたえられる仲間と環境を、八角研究所なら提供できると思います。社員としてではない関わり方も、あるかもしれません。

この会社の特徴を知る

岡田英久が語る未来を知る

このカテゴリの記事はまだ投稿されていません

株式会社八角研究所の雰囲気を知る

「少年、Nullについて想う」

など 3 記事

株式会社八角研究所の技術・仕事を知る

「jQuery の In Place Editor プラグインを作ってみた」

など 24 記事

JavaScript で 3D プログラミング
第1回 O3Dを動かしてみよう！

by boy

Tags: Java OpenGL O3D Google HTML5 javascript

JavaScript で 3D プログラミング

第1回 O3Dを動かしてみよう！
第2回 Canvas:3Dも動かしてみよう！

『3D に向けたオープン Web 標準－O3D の紹介』

まずはこちらをご覧ください！なんかもうすごいことになってるんですよ！

「パッション」とか聞くと、どうしてもパッション屋良を思い浮かべてしまう方も多いでしょうが、重要なのはそこではありません。そう。重要なのは、JavaScriptだけでこれだけの3Dグラフィックが表現できるようになってしまったということです！描画の美しさでもFlashを超えているのではないでしょうか。驚きです！！

3DグラフィックAPI : 「Google O3D」

先述のとおり、O3DはGoogleの発表したOpenGLベースのWebブラウザ向け3D APIです。 Google I/O 2009ではHTML 5の機能としても紹介されていました。

特徴を列挙してみましょう。

ブラウザ上で利用できる3D環境である
オープンソースである
JavaScriptだけで3D描画が扱える
JavaScriptを使用して3DデータとHTMLが連携できる
JavaScriptでキーイベントの取得もできるのでゲームコンテンツの制作も可能
GPU(※1)を直接使用できるので、ネイティブアプリのように描画処理を高速に行うことができる
コンバーターの使用(※2)により、既存のモデリングデータを簡単に使用することができる

う～む。かなり面白いことになってますね。

JavaScriptだけで3Dプログラミングができるという点は、開発者から見ても非常に大きな魅力だと思います。これまで3Dを利用したアプリケーションを作ろうとした場合、開発環境の準備に手間取ることが多かったように思います。それが、ブラウザとエディタだけあれば3Dプログラミングができるようになるわけで、興味があっても手が出なかった開発者には非常に嬉しいことです。

O3Dは現在プラグインとして提供されていて、IE、Firefox、Chrome、Safari、Operaの主要なブラウザで動作します。そして、すでに開発版のChromeには3D関連機能が統合されていてプラグインや拡張なしにO3Dが利用可能になっているようです。他のブラウザでの標準搭載が待ち遠しいところです。

※１：GPU
Graphics Processing Unitの略。描画専門の計算処理を行うハードウェアで、GPUがCPUの処理量を減らすことで高速な描画処理を実現する。

※２：コンバーターの使用
collada形式の3Dデータのインポートが可能。collada形式は Maya、 Softimage XSI、Google Sketchup など多くの3Dソフトで対応している。