threejs 案例整理

584 阅读4分钟

controls 控制器类

  • orbitControls 轨道控制器案例(相机围绕指定轨道控制,围绕target焦点) --- controls/orbit

Material (/məˈtɪəriəl/ - 材质类)

sprites (/spraɪts/ - 精灵图)

LineBasicMaterial (/ˈbeɪsɪk/ - 基础)

LineDashedMaterial (/dæʃt/ - 虚线材质)

MeshDistanceMaterial 阴影映射

MeshPhysicalMaterial 物理网格材质

MeshMatcapMaterial 基本网格材质

[MeshStandardMaterial]

MeshToonMaterial 卡通材质

PointsMaterial 点材质

RawShaderMaterial 原始着色器

ShaderMaterial 着色器材质

ShadowMaterial 阴影材质

SpriteMaterial 精灵图材质

TextGeometry (/dʒiˈɒmətri/ - 文字几何)

Loader

DefaultLoadingManager 加载器管理

导出器

平面切割

射线raycast

post-processing 后期处理

Animation 动画

GLTFLoader Animation

Audio 音乐

Camera 相机

CubeCamera

OrthographicCamera

PerspectiveCamera [/pəˈspektɪv ˈkæmərə/] 透视相机

StereoCamera [/ˈsteriəʊ ˈkæmərə/] 立体相机

常量设置

BufferAttribute/BuffterGeometry

InterleavedBuffer

-webgl_buffergeometry_points_interleaved 交叉存储

shape 几何

线

Helper 辅助案例

Light 光源类

管道视角案例

物体

  • BatchedMesh 批处理物体(性能优化)
  • InstancedMesh 实例化网格(对相同的物体进行优化)
  • lod 多层次优化,例如利用远近 显示不同的精细度
  • Lensflare 镜头光晕

渲染器

纹理

控制器

EffectComposer 后期处理

时间

全景图案例