three.js 学习系列05

这一节我们学习 使用几何体

planeGeometry
three.js 学习系列05
three.js 学习系列05
CircleGeometry
three.js 学习系列05
three.js 学习系列05
ShapeGeometry
three.js 学习系列05
three.js 学习系列05
BoxGeometry
three.js 学习系列05
three.js 学习系列05
SphereGeometry 球几何体
three.js 学习系列05
three.js 学习系列05
CylinderGeometry 圆柱几何体
three.js 学习系列05
three.js 学习系列05
TorusGeometry 圆环几何体
three.js 学习系列05
three.js 学习系列05
TorusKnotGeometry 圆环扭结几何体
three.js 学习系列05
three.js 学习系列05
PolyhedronGeometry 多面几何体
three.js 学习系列05
three.js 学习系列05

  • 开始创建几何体时选择一种合适的材质。不要直接使用那些复杂的材质,可以从简单的MeshBasicMaterial 材质开始并将 wireframe 属性设置为true 或者可以使用 MeshNormalMaterial 材质可以
  • 创建二维几何体的时候 Z轴没有考虑,如果你想拥有一个水平的二维图形,那么你必须将这个网格绕X轴旋转 -0.5*Pi
  • 如果你要旋转一个二维图形,或者一个开放的三维图形 例如圆柱或者管子 记住要将材质设置成THREE.DoubleSide