THREE.JS手册

起步

  • 创建一个场景
  • 通过模块来引入
  • 浏览器支持
  • WebGL兼容性检查
  • 如何在本地运行Three.js
  • 如何使用WebGL 2
  • 画线
  • 创建文字
  • 载入3D模型
  • 常见问题
  • 一些有用的链接

进阶

  • 如何更新场景
  • 如何废置对象
  • 如何创建VR内容
  • 如何使用后期处理
  • 矩阵变换
  • 动画系统

构建工具

  • 使用NPM进行测试

参考

动画

  • AnimationAction
  • AnimationClip
  • AnimationMixer
  • AnimationObjectGroup
  • AnimationUtils
  • KeyframeTrack
  • PropertyBinding
  • PropertyMixer

动画 / 轨道

  • BooleanKeyframeTrack
  • ColorKeyframeTrack
  • NumberKeyframeTrack
  • QuaternionKeyframeTrack
  • StringKeyframeTrack
  • VectorKeyframeTrack

音频

  • Audio
  • AudioAnalyser
  • AudioContext
  • AudioListener
  • PositionalAudio

摄像机

  • ArrayCamera
  • Camera
  • CubeCamera
  • OrthographicCamera
  • PerspectiveCamera
  • StereoCamera

常量

  • Animation
  • Core
  • CustomBlendingEquation
  • DrawModes
  • Materials
  • Renderer
  • Textures

核心

  • BufferAttribute
  • BufferGeometry
  • Clock
  • DirectGeometry
  • EventDispatcher
  • Face3
  • Geometry
  • InstancedBufferAttribute
  • InstancedBufferGeometry
  • InstancedInterleavedBuffer
  • InterleavedBuffer
  • InterleavedBufferAttribute
  • Layers
  • Object3D
  • Raycaster
  • Uniform

核心 / BufferAttributes

  • BufferAttribute Types

弃用列表

  • DeprecatedList

附件

  • Earcut
  • ShapeUtils

附件 / 核心

  • Curve
  • CurvePath
  • Font
  • Interpolations
  • Path
  • Shape
  • ShapePath

附件 / 曲线

  • ArcCurve
  • CatmullRomCurve3
  • CubicBezierCurve
  • CubicBezierCurve3
  • EllipseCurve
  • LineCurve
  • LineCurve3
  • QuadraticBezierCurve
  • QuadraticBezierCurve3
  • SplineCurve

附件 / 物体

  • ImmediateRenderObject

几何体

  • BoxBufferGeometry
  • BoxGeometry
  • CircleBufferGeometry
  • CircleGeometry
  • ConeBufferGeometry
  • ConeGeometry
  • CylinderBufferGeometry
  • CylinderGeometry
  • DodecahedronBufferGeometry
  • DodecahedronGeometry
  • EdgesGeometry
  • ExtrudeBufferGeometry
  • ExtrudeGeometry
  • IcosahedronBufferGeometry
  • IcosahedronGeometry
  • LatheBufferGeometry
  • LatheGeometry
  • OctahedronBufferGeometry
  • OctahedronGeometry
  • ParametricBufferGeometry
  • ParametricGeometry
  • PlaneBufferGeometry
  • PlaneGeometry
  • PolyhedronBufferGeometry
  • PolyhedronGeometry
  • RingBufferGeometry
  • RingGeometry
  • ShapeBufferGeometry
  • ShapeGeometry
  • SphereBufferGeometry
  • SphereGeometry
  • TetrahedronBufferGeometry
  • TetrahedronGeometry
  • TextBufferGeometry
  • TextGeometry
  • TorusBufferGeometry
  • TorusGeometry
  • TorusKnotBufferGeometry
  • TorusKnotGeometry
  • TubeBufferGeometry
  • TubeGeometry
  • WireframeGeometry

辅助对象

  • ArrowHelper
  • AxesHelper
  • BoxHelper
  • Box3Helper
  • CameraHelper
  • DirectionalLightHelper
  • FaceNormalsHelper
  • GridHelper
  • PolarGridHelper
  • PositionalAudioHelper
  • HemisphereLightHelper
  • PlaneHelper
  • PointLightHelper
  • RectAreaLightHelper
  • SkeletonHelper
  • SpotLightHelper
  • VertexNormalsHelper

灯光

  • AmbientLight
  • DirectionalLight
  • HemisphereLight
  • Light
  • PointLight
  • RectAreaLight
  • SpotLight

灯光 / 阴影

  • LightShadow
  • PointLightShadow
  • DirectionalLightShadow
  • SpotLightShadow

加载器

  • AnimationLoader
  • AudioLoader
  • BufferGeometryLoader
  • Cache
  • CompressedTextureLoader
  • CubeTextureLoader
  • DataTextureLoader
  • FileLoader
  • FontLoader
  • ImageBitmapLoader
  • ImageLoader
  • Loader
  • LoaderUtils
  • MaterialLoader
  • ObjectLoader
  • TextureLoader

加载器 / 管理器

  • DefaultLoadingManager
  • LoadingManager

材质

  • LineBasicMaterial
  • LineDashedMaterial
  • Material
  • MeshBasicMaterial
  • MeshDepthMaterial
  • MeshDistanceMaterial
  • MeshLambertMaterial
  • MeshMatcapMaterial
  • MeshNormalMaterial
  • MeshPhongMaterial
  • MeshPhysicalMaterial
  • MeshStandardMaterial
  • MeshToonMaterial
  • PointsMaterial
  • RawShaderMaterial
  • ShaderMaterial
  • ShadowMaterial
  • SpriteMaterial

数学库

  • Box2
  • Box3
  • Color
  • Cylindrical
  • Euler
  • Frustum
  • Interpolant
  • Line3
  • Math
  • Matrix3
  • Matrix4
  • Plane
  • Quaternion
  • Ray
  • Sphere
  • Spherical
  • Triangle
  • Vector2
  • Vector3
  • Vector4

数学库 / 插值

  • CubicInterpolant
  • DiscreteInterpolant
  • LinearInterpolant
  • QuaternionLinearInterpolant

物体

  • Bone
  • Group
  • Line
  • LineLoop
  • LineSegments
  • LOD
  • Mesh
  • Points
  • Skeleton
  • SkinnedMesh
  • Sprite

渲染器

  • WebGLMultisampleRenderTarget
  • WebGLRenderer
  • WebGLRenderTarget
  • WebGLRenderTargetCube

渲染器 / 着色器

  • ShaderChunk
  • ShaderLib
  • UniformsLib
  • UniformsUtils

场景

  • Fog
  • FogExp2
  • Scene

纹理贴图

  • CanvasTexture
  • CompressedTexture
  • CubeTexture
  • DataTexture
  • DataTexture3D
  • DepthTexture
  • Texture
  • VideoTexture

示例

动画

  • CCDIKSolver
  • MMDAnimationHelper
  • MMDPhysics

控制

  • DeviceOrientationControls
  • DragControls
  • FirstPersonControls
  • FlyControls
  • OrbitControls
  • PointerLockControls
  • TrackballControls
  • TransformControls

几何体

  • ConvexBufferGeometry
  • ConvexGeometry
  • DecalGeometry

加载器

  • BasisTextureLoader
  • DRACOLoader
  • GLTFLoader
  • MMDLoader
  • MTLLoader
  • OBJLoader
  • OBJLoader2
  • PCDLoader
  • PDBLoader
  • PRWMLoader
  • SVGLoader
  • TGALoader

物体

  • Lensflare

后期处理

  • EffectComposer

导出器

  • GLTFExporter
  • PLYExporter
  • ColladaExporter

插件

  • LookupTable

QuickHull

  • Face
  • HalfEdge
  • ConvexHull
  • VertexNode
  • VertexList

渲染器

  • CSS2DRenderer
  • CSS3DRenderer
  • SVGRenderer

实用工具

  • BufferGeometryUtils
  • SceneUtils
  • SkeletonUtils

开发者参考

差异化支持

  • Polyfills

WebGL渲染器

  • WebGLProgram
  • WebGLShader
  • WebGLState