私はプログラミング (C++ や Java など) の初心者ではありませんが、JavaScript と three.js の初心者です。取り組みたいプロジェクトのために three.js を学びたいのですが、どこから始めればよいかわかりません。私は github のソース コードに飛び込んでみましたが、特に JavaScript を初めて使用する人にとっては、その多くが時々混乱する可能性があります。three.jsライブラリの基本を説明するチュートリアル、ビデオ、本、Webサイトなどがあるかどうか疑問に思っていましたか?
3 に答える
Three.jsをダウンロードすると、非常に多くの例があります。それらを使ってみませんか?それらのほぼ200があります。
ソースコードを見ると、私はあなたがどのように感じているかを知っています。javascriptは風変わりで、継承のような単純なことを行うための確立された方法はありません。ただし、Three.jsは非常によく書かれていて、理解しやすいと言わざるを得ません。javascriptの達人がどのように優れたjavascriptを書くかを見る時間があれば、Three.jsがそれです。非常によくレイアウトされており、間接参照が多すぎず、オブジェクトが適切に抽象化されており、階層は理にかなっており、メソッドは、多すぎず、少なすぎず、そのように聞こえます。
プロジェクトを分割し、プロジェクトのその部分が行うことを実行する最も近い例を採用することから始めることをお勧めします。3つまたは4つの側面を実行するまでに、それを非常によく感じ、直面する各問題に似た例を探すことでプロジェクトを構築できます。
ただし、3Dプログラミングは単純ではありません。したがって、2倍の急な学習曲線になります。通常のjavascriptプログラミングとは対照的に、Three.jsでの3Dプログラミング(他の3D javascriptライブラリと同様)で私が見つけた問題は、エラーに関するフィードバックがほとんどないことです。したがって、何が問題になっているのかを知ることは非常に困難です。javascriptのデバッグに慣れる必要があります。あなたの進歩が私のようであるならば、あなたはあなたがスタック交換で助けを求めることができる小さなデモンストレーション可能なスニペットに個々の問題を洗練しなければならないことになります。問題を切り分けてjsfiddleに貼り付けます。最も一般的なバグは、構成する必要のある微妙なプロパティに起因します。たとえば、円を描くと、どちらの側が表示されていても表示されると予想されますが、そうではありません。ただし、そのような状況でのスタックオーバーフローに関する簡単な質問が役立ちます。
グーグルを試してみてください。たくさん見つかると思います:)これを試してください http://www.aerotwist.com/tutorials/getting-started-with-three-js/
YouTube には優れた初心者向けチュートリアルがいくつかあります: Three.js - YouTube
Nikita Severinov という人が素晴らしい紹介シリーズを作成しましたが、残念ながらロシア語のみです。
WebGL Three.js - 太陽系チュートリアル シリーズ
少なくとも少しは役立つことを願っています。