Canvas 2Dコンテキストのバックグラウンドがありますが、このような3Dアニメーションを実行したいのですが、Three.jsライブラリはそのようなアニメーションを実行するための最良の選択ですか?役立つかもしれないいくつかの有用なチュートリアルまたはドキュメントを教えていただけますか。よろしくお願いします。
2 に答える
これは最も一般的な選択肢の1つです。
WebGLはライブラリを必要とせずにOpenGLを有効にするので、Vanilla JSだけでそれを行うこともできますが、WebGLは未加工のOpenGLよりもはるかに洗練されていないため、それは困難です。
three.jsとは別に、 GLGEまたはPhiloGLを試すこともできますが、Three.jsが最も人気があるため、特定の要件がない場合は、それを使用することをお勧めします。
リンクしたデモは、Clay.jsというキャンバスライブラリを使用しているようです。今まで個人的に聞いたことのないものです。キャンバスの3dについては、すでに述べたように、私が知っている中で最も人気のあるThree.jsです。webGL(ブラウザベースのopenGLバリアント)もサポートするという利点があります。
Three.jsには限られたドキュメントといくつかの 例がありますが、購入する可能性のある一部の本以外では、手持ちはあまりありません。基本的に、飛び込んでコーディングを開始する必要があります。始めるのに役立つかもしれないいくつかのオンラインリソースがあります(必ずしもすべてがTHREE.jsに焦点を合わせているわけではありません):
http://aerotwist.com/tutorials/getting-started-with-three-js/
http://learningwebgl.com/blog/
THREE.jsでの作業を簡単にするために、JérômeEtienneは、jQueryのようなものと考えることができるtQueryというプロジェクトを作成しました。手を汚しやすくするためのラッパー。これは、彼が10分でwebGLゲームを作成する方法を示すビデオです。