3D 探索 - ThreeJS API

May 10

常用的 API

场景、相机、渲染器 三大部分组成

场景 scene

容纳一切(渲染器除外)

相机 camera

眼睛

  • PerspectiveCamera - 近大远小的相机
  • OrthographicCamera - 远近大小一样的相机

渲染器 renderer

将相机在场景里看到的内容渲染/绘制到画布

灯光 light

  • AmbientLight - 环境光,没有方向全局打亮,不会产生明暗
  • DirectionLight - 平行光,日光
  • PointLight - 点光源,灯泡
  • SpotLight - 聚光灯

贴图 texture

就是一张图,但有各种类型的图来表现物体表面纹理

  • map - 颜色贴图
  • emissiveMap - 自发光贴图
  • normalMap - 法线贴图
  • bumpMap - 凹凸贴图
  • envMap - 环境贴图
  • specularMap - 高光贴图
  • lightMap - 光照贴图(阴影贴图)
  • metalnessMap - 金属度贴图
  • roughnessMap - 粗糙度贴图

材质 material

基于各种贴图以及提供的参数来反映 物体与光的交互
常用 ↓

  • MeshPhongMaterial
  • PBR 材质
    • MeshStandardMaterial
    • MeshPhysicalMaterial

几何体 geometry

几何体,一个 3D 模型就是一堆几何体

网格 Mesh

几何体 + 材质