HTML5キャンバスのシンプルな3Dレンダリングを手にする最速の方法は何ですか？

Question

<canvas>で2Dレンダリングの経験は豊富ですが、3Dオブジェクトをその中心に沿って左に回転させる必要があるプロジェクトがあります（私はz軸と考えています）。幸いにも、これは私が達成する必要があるすべてです。このページは、次回のイベントでiPadsで実行されます。

私はFlashでPapervision 3Dを使用することを除いて、3Dソフトウェア/ライブラリに慣れていません。

私はそう、かなり簡単に物事を拾うことができます。

1. は、私は最初のものの世話をするために使用できる任意のフレームワークはありますか？
2. 上記のコードを含むオープンソースプロジェクトはありますか？そうでなければ、それを行うチュートリアルは問題ありません。
3. 3Dオブジェクトを作成するにはどうすればよいですか？これはPapervisionのBitmapMaterialと同じですか？

Answer 1

Threejsでも、このライブラリを使い始めるとよいでしょう。

彼らの"getting started"の記事は素晴らしいです。

Answer 2

例えば、GLGEがあります。

GLGEはWebGLの使用を容易にするためのjavascriptライブラリです。基本的にはネイティブブラウザのjavascript APIで、OpenGL ES2に直接アクセスできるため、プラグインをダウンロードすることなく、ハードウェアアクセラレーションされた2D/3Dアプリケーションを使用できます。

GLGEの目的は、ウェブ開発者からWebGLの関連する性質を隠すことです。ウェブデベロッパーは、ウェブの豊かなコンテンツを作成するために自分の時間を費やすことができます。

Answer 3

Three.jsは、チェックアウトの例をhttp://lamberta.github.com/html5-animation/だけでも、このgithubのレポにあなたを指すように望んでいた

、すごいです一部で4

ビリーLambertaは素晴らしい本の教育である、Foundation HTML5 Animation with JavaScriptを執筆しましたあなたは数学/ etc。あなたが少し深い理解を得ることに興味があるなら、このようなことをやること。