5章ジオメトリ

これまでの章でThree.jsの使い方について多くを学びました。基本的なシーンの作成方法やライティングの追加方法、メッシュのマテリアルの設定方法はすでに身についています。しかし、「2章 シーンの基本要素」で少し触れましたが、Three.jsで3Dオブジェクトを作成するために利用できるジオメトリの詳細についてはまだ説明していません。この章と次の章でThree.jsが初めから用意している(前の章で説明したTHREE.Lineを除く)すべてのジオメトリをひとつずつ説明します。この章ではまず次のジオメトリを紹介します。

  • THREE.CircleGeometry
  • THREE.RingGeometry
  • THREE.PlaneGeometry
  • THREE.ShapeGeometry
  • THREE.BoxGeometry
  • THREE.SphereGeometry
  • THREE.CylinderGeometry
  • THREE.ConeGeometry
  • THREE.TorusGeometry
  • THREE.TorusKnotGeometry
  • THREE.PolyhedronGeometry
  • THREE.IcosahedronGeometry
  • THREE.OctahedronGeometry
  • THREE.TetraHedronGeometry
  • THREE.DodecahedronGeometry

そしてその次の章で以下の複雑なジオメトリを紹介します。

  • THREE.ConvexGeometry
  • THREE.LatheGeometry
  • THREE.ExtrudeGeometry
  • THREE.TubeGeometry
  • THREE.ParametricGeometry
  • THREE.TextGeometry ...

Get 初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.