BufferGeometry
Object3D
Raycaster
Camera
CubeCamera
PerspectiveCamera
OrthographicCamera
StereoCamera
Clock
Curve
CurvePath
Path
Shape
ShapePath
ArrowHelper
AxesHelper
BoxHelper
Box3Helper
CameraHelper
DirectionalLightHelper
GridHelper
PolarGridHelper
HemisphereLightHelper
PlaneHelper
PointLightHelper
SkeletonHelper
SpotLightHelper
Light
PointLight
RectAreaLight
SpotLight
DirectionalLight
HemisphereLight
LightShadow
PointLightShadow
AnimationLoader
AudioLoader
BufferGeometryLoader
CompressedTextureLoader
CubeTextureLoader
DataTextureLoader
FileLoader
ImageBitmapLoader
ImageLoader
Loader
LoaderUtils
MaterialLoader
ObjectLoader
TextureLoader
LoadingManager
Material
Box2
Box3
Color
Cylindrical
Euler
Frustum
Interpolant
Line3
MathUtils
Matrix3
Matrix4
Plane
Quaternion
AnimationAction
AnimationClip
AnimationMixer
AnimationObjectGroup
AnimationUtils
keyframeTrack
PropertyBinding
PropertyMixer
BooleanKeyframeTrack
QuaternionKeyframeTrack
StringKeyframeTrack
Audio
AudioAnalyser
AudioContext
AudioListener
PositionalAudio

Clock.getElapsedTime()

Clock.getElapsedTime()是three.js中的一个函数,主要用于获取从clock启动的时刻到当前时刻的时间差。

语法

clock.getElapsedTime();

参数

该函数不需要传递任何参数。

返回值

函数返回一个浮点数,表示从clock启动的时刻到当前时刻的时间差,单位为秒(s)。

用法示例

var clock = new THREE.Clock();
clock.start();

// ...

function render() {
    requestAnimationFrame(render);
    var elapsedTime = clock.getElapsedTime();
    // 在控制台输出从启动clock到当前时刻经过的时间
    console.log(elapsedTime);
    // 更新场景、相机、灯光等等
}

在这个示例中,我们创建了一个Clock对象,并启动了它。然后在渲染函数中,我们使用clock.getElapsedTime()获取从启动时刻到当前时刻的时间差,并将其输出到控制台。在实际应用中,我们可以根据这个时间差来控制场景中的物体运动、动画播放等等。

注意事项

  • Clock对象使用起来比较简单,但一定要注意调用start()方法,否则getElapsedTime()将一直返回0。
  • Clock对象只能计算从启动时刻到当前时刻的时间差,无法指定一个“起点时间”计算时间差。如果需要计算任意时间段的时间差,需要自行编写相关函数。