@loaders.gl/math

Vector Operations

This feature allows you to perform vector operations such as addition, subtraction, and normalization. The code sample demonstrates how to create two vectors and add them together.

const { Vector3 } = require('@loaders.gl/math');

const v1 = new Vector3(1, 2, 3);
const v2 = new Vector3(4, 5, 6);
const v3 = v1.add(v2);
console.log(v3); // Vector3 { x: 5, y: 7, z: 9 }

Matrix Operations

This feature provides matrix operations such as multiplication, inversion, and transformation. The code sample shows how to create an identity matrix, apply a translation, and multiply two matrices.

const { Matrix4 } = require('@loaders.gl/math');

const m1 = new Matrix4().identity();
const m2 = new Matrix4().translate([1, 2, 3]);
const m3 = m1.multiplyRight(m2);
console.log(m3); // Matrix4 { elements: [1, 0, 0, 1, 0, 1, 0, 2, 0, 0, 1, 3, 0, 0, 0, 1] }

Geometric Transformations

This feature allows you to apply geometric transformations such as rotation, scaling, and translation to points and vectors. The code sample demonstrates how to rotate a point around the X-axis.

const { Vector3, Matrix4 } = require('@loaders.gl/math');

const point = new Vector3(1, 1, 1);
const transform = new Matrix4().rotateX(Math.PI / 4);
const transformedPoint = point.transform(transform);
console.log(transformedPoint); // Vector3 { x: 1, y: 0, z: 1.4142135623730951 }