点と面

THREE.JSの概要と位置づけ

3dcgの基本は点と面です。例として適当な四角形を想像してみましょう。4つの点があり、それらを適切に繋げると辺を作ることができますね。そして面を張ることが出来ます。四角形を構成するために必要な点群をジオメトリと呼び、張られた面がどのような質感(色・粗さ・メタリックなど)表面素材の事をマテリアルと呼びます。

そして、ジオメトリとマテリアルを融合したものをメッシュと呼びます。これが私たちのよく見るオブジェクトになります。

Three.jsでは簡単にオブジェクトを生成できるように、ジオメトリやマテリアルのプリセットが用意されています。次の章では、これらの基本プリセットを使ってみます。