Three.js API文档

最新推荐文章于 2024-08-29 15:43:23 发布
转载 最新推荐文章于 2024-08-29 15:43:23 发布 · 7.4k 阅读 · 4
文章标签：

#api #constructor #animation #parameters #n2 #hex

本文档概述了Three.js中各类的基本构造与方法属性，包括动画、摄像机、颜色、几何体、矩阵、对象、四元数等核心类。通过这些类的介绍，读者可以了解到如何使用Three.js创建和操作3D场景。
部署运行你感兴趣的模型镜像

 

 THREE.Animation

  • Constructor

    • ( root, data, interpolationType, JITCompile )

  • Methods

    • play ( loop <Boolean>, startTimeMS <Number> )
    • pause ()
    • stop ()
    • update ( deltaTimeMS <Number> )

 THREE.AnimationHandler

  • Methods

    • update ( deltaTimeMS <Number> )
    • addToUpdate ( animation )
    • removeFromUpdate ( animation )
    • add ( data )
    • get ( name )
    • parse ( root )

 THREE.Camera

(extends THREE.Object3D)

  • Constructor

    • ( fov <Number>, aspect <Number>, near <Number>, far <Number>, target <THREE.Object3D> )

  • Properties

    • fov <Number>
    • aspect <Number>
    • near <Number>
    • far <Number>
    • target <THREE.Vector3>
    • useTarget <Boolean>
    • matrixWorldInverse <THREE.Matrix4>
    • projectionMatrix <THREE.Matrix4>

  • Methods

    • updateProjectionMatrix ()
    • update ( parentMatrixWorld <THREE.Matrix4>, forceUpdate <Boolean>, camera <THREE.Camera> )

 THREE.QuakeCamera

(extends THREE.Object3D, extends THREE.Camera)

TODO: We need to find a better name for this one.

  • Constructor

    • ( parameters <JSON> )

  • Properties

    • movementSpeed <Number>
    • lookSpeed <Number>
    • noFly <Boolean>
    • lookVertical <Boolean>
    • autoForward <Boolean>
    • heightSpeed: <Boolean>
    • heightCoef: <Number>
    • heightMin: <Number>
    • heightMax: <Number>
    • domElement <HTMLElement>

 THREE.Color

  • Constructor

    • ( hex <Number> )

  • Properties

    • hex <Number>
    • r <Number>
    • g <Number>
    • b <Number>
    • autoUpdate <Boolean>

  • Methods

    • copy ( color <THREE.Color> )
    • setRGB ( r <Number>, g <Number>, b <Number> )
    • setHSV ( h <Number>, s <Number>, v <Number> )
    • setHex ( hex <Number> )
    • updateHex ()
    • updateRGB ()
    • updateStyleString ()
    • clone ()

 THREE.Edge

  • Constructor

    • ( v1 <THREE.Vertex>, v2 <THREE.Vertex>, vi1 <Number>, vi2 <Number> )

  • Properties

    • vertices <Array>
    • vertexIndices <Array>
    • faces <Array>
    • faceIndices <Array>

 THREE.Face3

  • Constructor

    • ( a <Number>, b <Number>, c <Number>, normal <THREE.Vector3>, color <THREE.Color>, materials <Array> )

  • Properties

    • a <Number>
    • b <Number>
    • c <Number>
    • normal <THREE.Vector3>
    • vertexNormals [ <THREE.Vector3>, <THREE.Vector3>, <THREE.Vector3> ]
    • color <THREE.Color>
    • vertexColors [ <THREE.Color>, <THREE.Color>, <THREE.Color> ]
    • vertexTangents <Array>
    • materials <Array>
    • centroid <THREE.Vector3>

 THREE.Face4

  • Constructor

    • ( a <Number>, b <Number>, c <Number>, d <Number>, normal <THREE.Vector3>, color <THREE.Color>, materials <Array> )

  • Properties

    • a <Number>
    • b <Number>
    • c <Number>
    • d <Number>
    • vertexNormals [ <THREE.Vector3>, <THREE.Vector3>, <THREE.Vector3>, <THREE.Vector3> ]
    • color <THREE.Color>
    • vertexColors [ <THREE.Color>, <THREE.Color>, <THREE.Color>, <THREE.Color> ]
    • vertexTangents <Array>
    • materials <Array>
    • centroid <THREE.Vector3>

 THREE.Geometry

  • Constructor

    • ()

  • Properties

    • id <String>
    • vertices <Array>
    • colors <Array>
    • faces <Array>
    • faceUvs <Array><Array>
    • faceVertexUvs <Array><Array>
    • morphTargets <Array><Array>
    • skinWeights <Array>
    • skinIndices <Array>
    • boundingBox <Array>
    • boundingSphere <Number>
    • hasTangents <Boolean>

  • Methods

    • computeCentroids ()
    • computeFaceNormals ( userVertexNormals <Boolean> )
    • computeVertexNormals ()
    • computeTanges ()
    • computeBoundingBox ()
    • computeBoundingSphere ()

 THREE.Matrix3

  • Constructor

    • ()

  • Properties

    • m <Array>

  • Methods

    • transpose ()
    • transposeIntoArray ( r <Array> )

 THREE.Matrix4

  • Constructor

    • ( n11 <Number>, n12 <Number>, n13 <Number>, n14 <Number>, n21 <Number>, n22 <Number>, n23 <Number>, n24 <Number>, n31 <Number>, n32 <Number>, n33 <Number>, n34 <Number>, n41 <Number>, n42 <Number>, n43 <Number>, n44 <Number> )

  • Properties

    • n11 <Number>
    • n12 <Number>
    • n13 <Number>
    • n14 <Number>
    • n21 <Number>
    • n22 <Number>
    • n23 <Number>
    • n24 <Number>
    • n31 <Number>
    • n32 <Number>
    • n33 <Number>
    • n34 <Number>
    • n41 <Number>
    • n42 <Number>
    • n43 <Number>
    • n44 <Number>
    • flat <Array>
    • m33 <THREE.Matrix3>

  • Methods

    • set ( n11 <Number>, n12 <Number>, n13 <Number>, n14 <Number>, n21 <Number>, n22 <Number>, n23 <Number>, n24 <Number>, n31 <Number>, n32 <Number>, n33 <Number>, n34 <Number>, n41 <Number>, n42 <Number>, n43 <Number>, n44 <Number> )
    • identity ()
    • copy ( m <THREE.Matrix4> )
    • lookAt ( eye <THREE.Vector3>, center <THREE.Vector3>, up <THREE.Vector3> )
    • multiplyVector3 ( v <THREE.Vector3> )
    • multiplyVector4 ( v <THREE.Vector3> )
    • rotateAxis ( v <THREE.Vector3> )
    • crossVector ( a <THREE.Vector3> )
    • multiply ( a <THREE.Matrix4>, b <THREE.Matrix4> )
    • multiplyToArray ( a <THREE.Matrix4>, b <THREE.Matrix4>, r <Array> )
    • multiplySelf ( m <THREE.Matrix4> )
    • multiplyScalar ( s <Number> )
    • determinant ()
    • transpose ()
    • clone ()
    • flatten ()
    • flattenToArray ( flat <Array> )
    • flattenToArrayOffset ( flat <Array>, offset <Number> )
    • setTranslation ( x <Number>, y <Number>, z <Number> )
    • setScale ( x <Number>, y <Number>, z <Number> )
    • setRotationX ( theta <Number> )
    • setRotationY ( theta <Number> )
    • setRotationZ ( theta <Number> )
    • setRotAxis ( axis <THREE.Vector3>, angle <Number> )
    • setPosition ( v <THREE.Vector3> )
    • setRotationFromEuler ( v <THREE.Vector3> )
    • setRotationFromQuaternion ( v <THREE.Quaternion> )
    • scale ( v <THREE.Vector3> )
    • extractPosition ( m <THREE.Matrix4> )
    • extractRotation ( m <THREE.Matrix4>, s <Number> )

  • Static

    • makeInvert ( m1 <THREE.Matrix4>, m2 <THREE.Matrix4> )
    • makeInvert3x3 ( m1 <THREE.Matrix4> )
    • makeFrustum ( left <Number>, right <Number>, bottom <Number>, top <Number>, near <Number>, far <Number> )
    • makePerspective ( fov <Number>, aspect <Number>, near <Number>, far <Number> )
    • makeOrtho ( left <Number>, right <Number>, bottom <Number>, top <Number>, near <Number>, far <Number> )

 THREE.Object3D

  • Properties

    • parent <THREE.Object3D>
    • children <THREE.Object3D>
    • position <THREE.Vector3>
    • rotation <THREE.Vector3>
    • scale <THREE.Vector3>
    • up <THREE.Vector3>
    • matrix
    • matrixWorld
    • matrixRotationWorld
    • matrixWorlNeedsUpdate <Boolean>
    • matrixdAutoUpdate <Boolean>
    • quaternion
    • useQuaternion <Boolean>
    • boundRadius
    • boundRadiusScale
    • visible <Boolean>

  • Methods

    • addChild
    • removeChild
    • updateMatrix
    • update

 THREE.Quaternion

  • Properties

    • x
    • y
    • z
    • w

  • Methods

    • set
    • setFromEuler
    • calculateW
    • inverse
    • length
    • normalize
    • multiplySelf
    • multiplyVector3

  • Static

    • slerp

 THREE.Ray

  • Properties

    • origin
    • direction

  • Methods

    • intersectScene
    • intersectObject

 THREE.Rectangle

  • Methods

    • resize
    • getX
    • getY
    • getWidth
    • getHeight
    • getLeft
    • getTop
    • getRight
    • getBottom
    • set
    • addPoint
    • add3Points
    • addRectangle
    • inflate
    • minSelf
    • intersects
    • empty
    • isEmpty

 THREE.UV

  • Properties

    • u
    • v

  • Methods

    • set
    • copy

 THREE.Vector2

  • Properties

    • x
    • y

  • Methods

    • set
    • copy
    • addSelf
    • add
    • subSelf
    • sub
    • multiplyScalar
    • negate
    • unit
    • length
    • lengthSq
    • clone

 THREE.Vector3

  • Properties

    • x
    • y
    • z

  • Methods

    • set
    • copy
    • add
    • addSelf
    • addScalar
    • sub
    • subSelf
    • cross
    • crossSelf
    • multiply
    • multiplySelf
    • multiplyScalar
    • divideSelf
    • divideScalar
    • negate
    • distanceTo
    • distanceToSquared
    • length
    • lengthSq
    • lengthManhattan
    • normalize
    • setLength
    • isZero
    • clone

 THREE.Vector4

  • Properties

    • x
    • y
    • z
    • w

  • Methods

    • set
    • copy
    • add
    • addSelf
    • sub
    • subSelf
    • multiplyScalar
    • divideScalar
    • lerpSelf
    • clone

 THREE.Vertex

  • Properties

    • position

 THREE.Light

(extends THREE.Object3D)

  • Properties

    • color

 THREE.AmbientLight

(extends THREE.Object3D, THREE.Light)

 THREE.DirectionalLight

(extends THREE.Object3D, THREE.Light)

  • Properties

    • position
    • intensity

 THREE.PointLight

(extends THREE.Object3D, THREE.Light)

  • Properties

    • position
    • intensity

 THREE.Material

 THREE.FlatShadding

 THREE.SmoothShading

 THREE.NormalBlending

 THREE.AdditiveBlending

 THREE.SubtractiveBlending

 THREE.LineBasicMaterial

(extends THREE.Material)

  • Properties

    • id
    • color
    • opacity
    • blending
    • depthTest
    • linewidth
    • linecap
    • linejoin
    • vertexColors

 THREE.MeshBasicMaterial

(extends THREE.Material)

  • Properties

    • id
    • color
    • opacity
    • map
    • lightMap
    • envMap
    • combine
    • reflectivity
    • refractionRatio
    • fog
    • shading
    • blending
    • depthTest
    • wireframe
    • wireframeLinewidth
    • wireframeLinecap
    • wireframeLinejoin
    • vertexColors
    • skinning

 THREE.MeshDepthMaterial

(extends THREE.Material)

  • Properties

    • id
    • opacity
    • shading
    • blending
    • depthTest
    • wireframe
    • wireframeLinewidth

 THREE.MeshFaceMaterial

 THREE.MeshLambertMaterial

(extends THREE.Material)

  • Properties

    • id
    • color
    • opacity
    • map
    • lightMap
    • envMap
    • combine
    • reflectivity
    • refractionRatio
    • fog
    • shading
    • blending
    • depthTest
    • wireframe
    • wireframeLinewidth
    • wireframeLinecap
    • wireframeLinejoin
    • vertexColors
    • skinning

 THREE.MeshNormalMaterial

(extends THREE.Material)

  • Properties

    • id
    • opacity
    • shading
    • blending
    • depthTest
    • wireframe
    • wireframeLinewidth

 THREE.MeshPhongMaterial

(extends THREE.Material)

  • Properties

    • id
    • color
    • ambient
    • specular
    • shininess
    • opacity
    • map
    • lightMap
    • envMap
    • combine
    • reflectivity
    • refractionRatio
    • fog
    • shading
    • blending
    • depthTest
    • skinning

 THREE.MeshShaderMaterial

(extends THREE.Material)

  • Properties

    • id
    • fragmentShader
    • vertexShader
    • uniforms
    • opacity
    • shading
    • blending
    • depthTest
    • wireframe
    • wireframeLinewidth
    • wireframeLinecap
    • wireframeLinejoin
    • vertexColors
    • skinning

 THREE.ParticleBasicMaterial

(extends THREE.Material)

  • Properties

    • id
    • color
    • opacity
    • map
    • size
    • blending
    • depthTest
    • offset
    • vertexColors

 THREE.ParticleCanvasMaterial

(extends THREE.Material)

  • Properties

    • id
    • program
    • opacity
    • blending

 THREE.ParticleDOMMaterial

(extends THREE.Material)

  • Properties

    • id
    • domElement

 THREE.CubeReflectionMapping

 THREE.CubeRefractionMapping

 THREE.LatitudeReflectionMapping

 THREE.LatitudeRefractionMapping

 THREE.SphericalReflectionMapping

 THREE.SphericalRefractionMapping

 THREE.UVMapping

 THREE.UniformsUtils

  • Properties

    • merge
    • clone

 THREE.Texture

  • Properties

    • image
    • mapping
    • wrapS
    • wrapT
    • magFilter
    • minFilter
    • needsUpdate

  • Methods

    • clone

 THREE.MultiplyOperation

 THREE.MixOperation

 THREE.RepeatWrapping

 THREE.ClampToEdgeWrapping

 THREE.MirroredRepeatWrapping

 THREE.NearestFilter

 THREE.NearestMipMapNearestFilter

 THREE.NearestMipMapLineaFilter

 THREE.LinearFilter

 THREE.LinearMipMapNearestFilter

 THREE.LinearMipMapLinearFilter

 THREE.ByteType

 THREE.UnsignedByteType

 THREE.ShortType

 THREE.UnsignedShortType

 THREE.FloatType

 THREE.AlphaFormat

 THREE.RGBFormat

 THREE.RGBAFormat

 THREE.LuminanceFormat

 THREE.LuminanceAlphaFormat

 THREE.Bone

(extends THREE.Object3D)

  • Properties

    • skin
    • skinMatrix
    • hasNoneBoneChildren

  • Methods

    • update
    • addChild

 THREE.Line

(extends THREE.Object3D)

  • Properties

    • geometry
    • materials
    • type

 THREE.LineStrip

THREE.Pieces

 THREE.LOD

(extends THREE.Object3D)

  • Properties

    • LODs

  • Methods

    • add
    • update

 THREE.Mesh

(extends THREE.Object3D)

  • Properties

    • geometry
    • materials
    • filpSided
    • doubleSided
    • overdraw
    •  THREE.Particle

(extends THREE.Object3D)

  • Properties

    • materials
    • matrixAutoUpdate

THREE.ParticleSystem

(extends THREE.Object3D)

  • Properties

    • geometry
    • materials
    • sortParticles

THREE.Ribbon

(extends THREE.Object3D)

  • Properties

    • geometry
    • materials
    • flipSided
    • doubleSided

THREE.SkinnedMesh

(extends THREE.Object3D, THREE.Mesh)

  • Properties

    • identityMatrix
    • bones
    • bonesMatrices

  • Methods

    • update
    • addBone
    • pose

 THREE.Sound

(extends THREE.Object3D)

  • Properties

    • isLoaded
    • isAddedToDOM
    • isPlaying
    • duration
    • radius
    • volume
    • domElement
    • sources

  • Methods

    • onLoad
    • addToDOM
    • play
    • pause
    • stop
    • calculateVolumeAndPan
    • update

 THREE.Scene

(extends THREE.Object3D)

  • Properties

    • objects
    • lights
    • sounds
    • fog
    • matrixAutoUpdate

  • Methods

    • addChild
    • addChildRecurse
    • removeChild
    • removeChildRecurse
    • addObject
    • removeObject
    • addLight
    • removeLight

THREE.Fog

  • Properties

    • color
    • near
    • far

THREE.FogExp2

  • Properties

    • color
    • density

 THREE.Projector

  • Methods

    • projectObjects
    • projectScene
    • unprojectVector

THREE.CanvasRenderer

  • Properties

    • domElement
    • autoClear
    • sortObjects
    • sortElements

  • Methods

    • setSize
    • setClearColor
    • setClearColorHex
    • clear
    • render

 THREE.DOMRenderer

  • Properties

    • domElement

  • Methods

    • setSize
    • render

 THREE.SoundRenderer

  • Properties

    • volume
    • domElement
    • cameraPosition
    • soundPosition

  • Methods

    • render

 THREE.SVGRenderer

  • Properties

    • domElement
    • autoClear
    • sortObjects
    • sortElements

  • Methods

    • setQuality
    • setSize
    • clear
    • render

THREE.WebGLRenderer

  • Constructor

    • ( parameters <JSON> )

  • Properties

    • domElement <HTMLElement>
    • autoClear <Boolean>
    • sortObjects <Boolean>
    • context <WebGLContext>

  • Methods

    • clear
    • render ( scene <THREE.Scene>, camera <THREE.Camera>, renderTarget <THREE.RenderTarget>, forceClear <Boolean> )
    • setSize ( width <Number>, height <Number> )
    • setScissor ( x <Number>, y <Number>, width <Number>, height <Number> )
    • setViewport ( x <Number>, y <Number>, width <Number>, height <Number> )
    • setClearColorHex ( hexColor <Number>, opacity <Number> )
    • setClearColor ( color <THREE.Color>, opacity <Number> )
    • setFaceCulling ( cullFace [ "front" / "back" ], frontFace [ "cw" / "ccw" ] )
    • initMaterial ( material <THREE.Material>, lights <Array>, fog <THREE.Fog> )
    • initWebGLObjects ( scene <THREE.Scene> )
    • enableScissorTest ( enable <Boolean> )
    • enableDepthBufferWrite ( enable <Boolean> )
    • supportsVertexTextures

THREE.WebGLRenderTarget

  • Properties

    • width
    • height
    • wrapS
    • wrapT
    • magFilter
    • minFilter
    • format
    • type

 

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

精选资源
three.js-r133.zip
06-16
3. **更新的文档**：随着版本迭代，Three.js的官方文档也会相应更新，为开发者提供更准确的API参考和示例教程。 三、核心组件解析 1. **场景(Scene)**：所有3D对象都包含在一个场景中，场景是3D世界的容器，可以...
ArcGIS JS API+Three.js实现下雪特效.zip
04-19
ArcGIS JS API+Three.js实现下雪特效的代码。查看效果https://blog.csdn.net/qq_37155408/article/details/115864931
ThreeJSAPI文档（中文）
08-25
THREEJS 的中文API文档
three.js 函数说明
02-27
three.js 函数说明;
ThreeJS中文API文档
02-09
原创 THREEJS 的中文API文档 作为大家分享
three.js基础杂物
大兔纸的博客
06-14 677
/*** 场景（scene） ***/ var scene = new THREE.Scene(); // 创建场景 scene.add(x); // 插入场景 /*** 相机（camera） ***/ // 正交投影相机 var camera = new THREE.OrthographicCamera(left, right, top, bottom, ne
THREE.js英文API参考教程
08-16
THREE.js英文API参考教程 英文好的可以看看，有些地方不全的可以直接点击进入guthub官网添加或者修改
ThreeJS中文文档
08-09
Three.js中文文档 包含demo
精选资源
三维模型-three.js-PCD模型文件，用于three.js显示pcd文件
07-25
在三维可视化领域，Three.js是一个非常流行的JavaScript库，它允许开发者在Web浏览器中创建和展示复杂的3D模型。本资源是关于使用Three.js处理PCD（Point Cloud Data）模型文件的，这是一种常见的3D点云数据格式。在...
Three.js学习1：threejs简介及文档本地部署
九天翔龙的技术博客
02-01 4776
开一个天坑，Three.js 学习笔记。我觉得未来3D页面一定是一个趋势。
web3.js API中文文档
04-03
以太坊应用开发必用的web3.js库,官方API的中文翻译，PDF格式
Android官方API文档（最新）
02-26
( 第一行Android代码，适合初学者来查看，学习，参考，查阅
Three.js模型导入报错THREE.WebGLProgram_shadererror_12813…….html
最新发布
02-26
WebGL是基于OpenGL ES 2.0的一套JavaScript API，可以调用显卡硬件加速渲染。 要解决这个问题，需要按照以下步骤进行排查： 首先，需要检查当前着色器的编译状态，Three.js在控制台通常会输出具体的错误信息。错误...
three.js基础API的使用与理解
qq_65325528的博客
08-29 1491
首先创建vue3的项目：`npm create vite@latest`然后通过命令行下载three依赖：`npm install three@0.157.0 -S` 漫反射材质：就是当光源照射到几何体身上时，光不会有固定的反射角将光源反射出去，而是想四方周围反射。 高光材质：就是当光源照射到几何体身上时，光会根据照射的角度来确定一个固定的反射角，由反射角反射出去。高光的地方更加明显，渲染出来的几何体更加逼真。 PerspectiveCamera透视投影相机、OrthographicCamera正投影相机
【ThreeJs 初学习】基本API的使用方式
weixin_42373116的博客
01-29 1411
1. OrbitControls 轨道控制器 以及如何开启惯性 2. AxesHelper 添加坐标辅助线 3. position.set 物体移动 4. scale.set/ rotation.set 物体的旋转以及缩放 5. Clock 来获取执行时间 控制匀速移动 6. GSAP 使用插件来设置动画 7. 监听window尺寸发生变化，渲染renderer 也发生变化 8. js 控制 渲染页面进入全屏模式 以及退出全屏模式 9. 通过插件实现图形界面修改变量 10.通过【Texture】实
Three.js（1）：API结构图-1
碰碰的博客
09-03 806
1.1、程序框架 2.2、顶点概念 2.7、BufferGeometry 2.8、几何体旋转、缩放、平移 3.1、材质Material 4.1、点线面模型 4.2、模型对象旋转平移变换 4.3、复制和克隆 5.1、光源 6.1、层级模型 ...
【threeJS】API操作
liuzhicheng1845的博客
09-03 456
设置背景 scene.background = new THREE.Color( 0x1fa0b0 );
Three.js（2）：API结构图-2
碰碰的博客
09-03 542
7.1、基类Geometry
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值