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

PlaneHelper.updateMatrixWorld()

概述

在three.js中,PlaneHelper是一个帮助类,用于创建一个平面表示一个Three.js中的平面。updateMatrixWorld()方法用于更新该对象及其所有子元素的世界矩阵。

语法

PlaneHelper.updateMatrixWorld(force);

参数

  • force (Boolean): 如果为true,强制应用该对象的世界变换(默认为false)。

描述

如果对象的本地矩阵或世界矩阵被修改,则需要调用updateMatrixWorld()方法以确保正确更新每个对象的位置、旋转、缩放等属性。

默认情况下,当需要更新MatrixWorld时,Three.js会在渲染前自动调用updateMatrixWorld()方法。因此,只有在更改对象或场景时,才需要手动调用这个方法。

示例

以下示例演示了如何使用PlaneHelper.updateMatrixWorld()方法更新PlaneHelper对象的世界矩阵:

const plane = new THREE.Plane(new THREE.Vector3(0,1,0), 0);

const helper = new THREE.PlaneHelper(plane, 10, 0xffffff);
helper.position.set(0, 5, 0);
helper.updateMatrix();

const scene = new THREE.Scene();
scene.add(helper);

helper.updateMatrixWorld(true);

在上面的代码中,我们首先创建一个包含的PlaneHelper对象,并设置其位置。然后我们手动调用了updateMatrix()方法,强制更新对象矩阵。最后,我们通过调用updateMatrixWorld()方法更新对象及其子元素的世界矩阵。

参考