Class Mat4

A 4x4 Matrix

Hierarchy

  • Float32Array
    • Mat4

Instance Methods

  • Returns IterableIterator<number>

  • Returns an array of key, value pairs for every entry in the array

    Returns IterableIterator<[number, number]>

  • Returns an list of keys in the array

    Returns IterableIterator<number>

  • Returns an list of values in the array

    Returns IterableIterator<number>

  • Determines whether an array includes a certain element, returning true or false as appropriate.

    Parameters

    • searchElement: number

      The element to search for.

    • Optional fromIndex: number

      The position in this array at which to begin searching for searchElement.

    Returns boolean

  • Returns the item located at the specified index.

    Parameters

    • index: number

      The zero-based index of the desired code unit. A negative index will count back from the last item.

    Returns number

  • Returns the value of the last element in the array where predicate is true, and undefined otherwise.

    Type Parameters

    • S extends number

    Parameters

    • predicate: ((value: number, index: number, array: Float32Array) => value is S)

      findLast calls predicate once for each element of the array, in descending order, until it finds one where predicate returns true. If such an element is found, findLast immediately returns that element value. Otherwise, findLast returns undefined.

        • (value: number, index: number, array: Float32Array): value is S
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns value is S

    • Optional thisArg: any

      If provided, it will be used as the this value for each invocation of predicate. If it is not provided, undefined is used instead.

    Returns S

  • Parameters

    • predicate: ((value: number, index: number, array: Float32Array) => unknown)
        • (value: number, index: number, array: Float32Array): unknown
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns unknown

    • Optional thisArg: any

    Returns number

  • Returns the index of the last element in the array where predicate is true, and -1 otherwise.

    Parameters

    • predicate: ((value: number, index: number, array: Float32Array) => unknown)

      findLastIndex calls predicate once for each element of the array, in descending order, until it finds one where predicate returns true. If such an element is found, findLastIndex immediately returns that element index. Otherwise, findLastIndex returns -1.

        • (value: number, index: number, array: Float32Array): unknown
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns unknown

    • Optional thisArg: any

      If provided, it will be used as the this value for each invocation of predicate. If it is not provided, undefined is used instead.

    Returns number

  • Returns the this object after copying a section of the array identified by start and end to the same array starting at position target

    Parameters

    • target: number

      If target is negative, it is treated as length+target where length is the length of the array.

    • start: number

      If start is negative, it is treated as length+start. If end is negative, it is treated as length+end.

    • Optional end: number

      If not specified, length of the this object is used as its default value.

    Returns Mat4

  • Determines whether all the members of an array satisfy the specified test.

    Parameters

    • predicate: ((value: number, index: number, array: Float32Array) => unknown)

      A function that accepts up to three arguments. The every method calls the predicate function for each element in the array until the predicate returns a value which is coercible to the Boolean value false, or until the end of the array.

        • (value: number, index: number, array: Float32Array): unknown
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns unknown

    • Optional thisArg: any

      An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.

    Returns boolean

  • Changes all array elements from start to end index to a static value and returns the modified array

    Parameters

    • value: number

      value to fill array section with

    • Optional start: number

      index to start filling the array at. If start is negative, it is treated as length+start where length is the length of the array.

    • Optional end: number

      index to stop filling the array at. If end is negative, it is treated as length+end.

    Returns Mat4

  • Returns the elements of an array that meet the condition specified in a callback function.

    Parameters

    • predicate: ((value: number, index: number, array: Float32Array) => any)

      A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.

        • (value: number, index: number, array: Float32Array): any
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns any

    • Optional thisArg: any

      An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.

    Returns Float32Array

  • Returns the value of the first element in the array where predicate is true, and undefined otherwise.

    Parameters

    • predicate: ((value: number, index: number, obj: Float32Array) => boolean)

      find calls predicate once for each element of the array, in ascending order, until it finds one where predicate returns true. If such an element is found, find immediately returns that element value. Otherwise, find returns undefined.

        • (value: number, index: number, obj: Float32Array): boolean
        • Parameters

          • value: number
          • index: number
          • obj: Float32Array

          Returns boolean

    • Optional thisArg: any

      If provided, it will be used as the this value for each invocation of predicate. If it is not provided, undefined is used instead.

    Returns number

  • Returns the index of the first element in the array where predicate is true, and -1 otherwise.

    Parameters

    • predicate: ((value: number, index: number, obj: Float32Array) => boolean)

      find calls predicate once for each element of the array, in ascending order, until it finds one where predicate returns true. If such an element is found, findIndex immediately returns that element index. Otherwise, findIndex returns -1.

        • (value: number, index: number, obj: Float32Array): boolean
        • Parameters

          • value: number
          • index: number
          • obj: Float32Array

          Returns boolean

    • Optional thisArg: any

      If provided, it will be used as the this value for each invocation of predicate. If it is not provided, undefined is used instead.

    Returns number

  • Performs the specified action for each element in an array.

    Parameters

    • callbackfn: ((value: number, index: number, array: Float32Array) => void)

      A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.

        • (value: number, index: number, array: Float32Array): void
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns void

    • Optional thisArg: any

      An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.

    Returns void

  • Returns the index of the first occurrence of a value in an array.

    Parameters

    • searchElement: number

      The value to locate in the array.

    • Optional fromIndex: number

      The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.

    Returns number

  • Adds all the elements of an array separated by the specified separator string.

    Parameters

    • Optional separator: string

      A string used to separate one element of an array from the next in the resulting String. If omitted, the array elements are separated with a comma.

    Returns string

  • Returns the index of the last occurrence of a value in an array.

    Parameters

    • searchElement: number

      The value to locate in the array.

    • Optional fromIndex: number

      The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.

    Returns number

  • Calls a defined callback function on each element of an array, and returns an array that contains the results.

    Parameters

    • callbackfn: ((value: number, index: number, array: Float32Array) => number)

      A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.

        • (value: number, index: number, array: Float32Array): number
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns number

    • Optional thisArg: any

      An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.

    Returns Float32Array

  • Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.

    Parameters

    • callbackfn: ((previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number)

      A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.

        • (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array): number
        • Parameters

          • previousValue: number
          • currentValue: number
          • currentIndex: number
          • array: Float32Array

          Returns number

    Returns number

  • Parameters

    • callbackfn: ((previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number)
        • (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array): number
        • Parameters

          • previousValue: number
          • currentValue: number
          • currentIndex: number
          • array: Float32Array

          Returns number

    • initialValue: number

    Returns number

  • Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.

    Type Parameters

    • U

    Parameters

    • callbackfn: ((previousValue: U, currentValue: number, currentIndex: number, array: Float32Array) => U)

      A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.

        • (previousValue: U, currentValue: number, currentIndex: number, array: Float32Array): U
        • Parameters

          • previousValue: U
          • currentValue: number
          • currentIndex: number
          • array: Float32Array

          Returns U

    • initialValue: U

      If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.

    Returns U

  • Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.

    Parameters

    • callbackfn: ((previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number)

      A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.

        • (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array): number
        • Parameters

          • previousValue: number
          • currentValue: number
          • currentIndex: number
          • array: Float32Array

          Returns number

    Returns number

  • Parameters

    • callbackfn: ((previousValue: number, currentValue: number, currentIndex: number, array: Float32Array) => number)
        • (previousValue: number, currentValue: number, currentIndex: number, array: Float32Array): number
        • Parameters

          • previousValue: number
          • currentValue: number
          • currentIndex: number
          • array: Float32Array

          Returns number

    • initialValue: number

    Returns number

  • Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.

    Type Parameters

    • U

    Parameters

    • callbackfn: ((previousValue: U, currentValue: number, currentIndex: number, array: Float32Array) => U)

      A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.

        • (previousValue: U, currentValue: number, currentIndex: number, array: Float32Array): U
        • Parameters

          • previousValue: U
          • currentValue: number
          • currentIndex: number
          • array: Float32Array

          Returns U

    • initialValue: U

      If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.

    Returns U

  • Reverses the elements in an Array.

    Returns Float32Array

  • Sets a value or an array of values.

    Parameters

    • array: ArrayLike<number>

      A typed or untyped array of values to set.

    • Optional offset: number

      The index in the current array at which the values are to be written.

    Returns void

  • Returns a section of an array.

    Parameters

    • Optional start: number

      The beginning of the specified portion of the array.

    • Optional end: number

      The end of the specified portion of the array. This is exclusive of the element at the index 'end'.

    Returns Float32Array

  • Determines whether the specified callback function returns true for any element of an array.

    Parameters

    • predicate: ((value: number, index: number, array: Float32Array) => unknown)

      A function that accepts up to three arguments. The some method calls the predicate function for each element in the array until the predicate returns a value which is coercible to the Boolean value true, or until the end of the array.

        • (value: number, index: number, array: Float32Array): unknown
        • Parameters

          • value: number
          • index: number
          • array: Float32Array

          Returns unknown

    • Optional thisArg: any

      An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.

    Returns boolean

  • Sorts an array.

    Parameters

    • Optional compareFn: ((a: number, b: number) => number)

      Function used to determine the order of the elements. It is expected to return a negative value if first argument is less than second argument, zero if they're equal and a positive value otherwise. If omitted, the elements are sorted in ascending order.

      [11,2,22,1].sort((a, b) => a - b)
      
        • (a: number, b: number): number
        • Parameters

          • a: number
          • b: number

          Returns number

    Returns Mat4

  • Gets a new Float32Array view of the ArrayBuffer store for this array, referencing the elements at begin, inclusive, up to end, exclusive.

    Parameters

    • Optional begin: number

      The index of the beginning of the array.

    • Optional end: number

      The index of the end of the array.

    Returns Float32Array

  • Converts a number to a string by using the current locale.

    Returns string

  • Returns a string representation of an array.

    Returns string

  • Returns the primitive value of the specified object.

    Returns Float32Array

  • Set this to the identity matrix Equivalent to Mat4.identity(this)

    Returns

    this

    Returns Mat4

  • Multiplies this Mat4 against another one Equivalent to Mat4.multiply(this, this, b);

    Returns

    this

    Parameters

    • b: Readonly<Mat4Like>

      The second operand

    Returns Mat4

  • Rotates this Mat4 by the given angle around the given axis Equivalent to Mat4.rotate(this, this, rad, axis);

    Returns

    out

    Parameters

    • rad: number

      the angle to rotate the matrix by

    • axis: Readonly<Vec3Like>

      the axis to rotate around

    Returns Mat4

  • Scales this Mat4 by the dimensions in the given vec3 not using vectorization Equivalent to Mat4.scale(this, this, v);

    Returns

    this

    Parameters

    Returns Mat4

  • Rotates this Mat4 by the given angle around the X axis Equivalent to Mat4.rotateX(this, this, rad);

    Returns

    this

    Parameters

    • rad: number

      the angle to rotate the matrix by

    Returns Mat4

  • Rotates this Mat4 by the given angle around the Y axis Equivalent to Mat4.rotateY(this, this, rad);

    Returns

    this

    Parameters

    • rad: number

      the angle to rotate the matrix by

    Returns Mat4

  • Rotates this Mat4 by the given angle around the Z axis Equivalent to Mat4.rotateZ(this, this, rad);

    Returns

    this

    Parameters

    • rad: number

      the angle to rotate the matrix by

    Returns Mat4

  • Generates a perspective projection matrix with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1], which matches WebGL/OpenGL's clip volume. Passing null/undefined/no value for far will generate infinite projection matrix. Equivalent to Mat4.perspectiveNO(this, fovy, aspect, near, far);

    Returns

    this

    Parameters

    • fovy: number

      Vertical field of view in radians

    • aspect: number

      Aspect ratio. typically viewport width/height

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum, can be null or Infinity

    Returns Mat4

  • Generates a perspective projection matrix suitable for WebGPU with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1], which matches WebGPU/Vulkan/DirectX/Metal's clip volume. Passing null/undefined/no value for far will generate infinite projection matrix. Equivalent to Mat4.perspectiveZO(this, fovy, aspect, near, far);

    Returns

    this

    Parameters

    • fovy: number

      Vertical field of view in radians

    • aspect: number

      Aspect ratio. typically viewport width/height

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum, can be null or Infinity

    Returns Mat4

  • Generates a orthogonal projection matrix with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1], which matches WebGL/OpenGL's clip volume. Equivalent to Mat4.orthoNO(this, left, right, bottom, top, near, far);

    Returns

    this

    Parameters

    • left: number

      Left bound of the frustum

    • right: number

      Right bound of the frustum

    • bottom: number

      Bottom bound of the frustum

    • top: number

      Top bound of the frustum

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum

    Returns Mat4

  • Generates a orthogonal projection matrix with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1], which matches WebGPU/Vulkan/DirectX/Metal's clip volume. Equivalent to Mat4.orthoZO(this, left, right, bottom, top, near, far);

    Returns

    this

    Parameters

    • left: number

      Left bound of the frustum

    • right: number

      Right bound of the frustum

    • bottom: number

      Bottom bound of the frustum

    • top: number

      Top bound of the frustum

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum

    Returns Mat4

  • Returns a new array from a set of elements.

    Parameters

    • Rest ...items: number[]

      A set of elements to include in the new array object.

    Returns Float32Array

  • Creates an array from an array-like or iterable object.

    Parameters

    • arrayLike: ArrayLike<number>

      An array-like or iterable object to convert to an array.

    Returns Float32Array

  • Creates an array from an array-like or iterable object.

    Type Parameters

    • T

    Parameters

    • arrayLike: ArrayLike<T>

      An array-like or iterable object to convert to an array.

    • mapfn: ((v: T, k: number) => number)

      A mapping function to call on every element of the array.

        • (v: T, k: number): number
        • Parameters

          • v: T
          • k: number

          Returns number

    • Optional thisArg: any

      Value of 'this' used to invoke the mapfn.

    Returns Float32Array

  • Creates an array from an array-like or iterable object.

    Parameters

    • arrayLike: Iterable<number>

      An array-like or iterable object to convert to an array.

    • Optional mapfn: ((v: number, k: number) => number)

      A mapping function to call on every element of the array.

        • (v: number, k: number): number
        • Parameters

          • v: number
          • k: number

          Returns number

    • Optional thisArg: any

      Value of 'this' used to invoke the mapfn.

    Returns Float32Array

Static Methods

  • Create a new mat4 with the given values

    Returns

    A new Mat4

    Parameters

    • Rest ...values: number[]

      Matrix components

    Returns Mat4

  • Set the components of a mat4 to the given values

    Returns

    out

    Parameters

    • out: Mat4Like

      The receiving matrix

    • Rest ...values: number[]

      Matrix components

    Returns Mat4Like

  • Calculates the determinant of a Mat4

    Returns

    determinant of a

    Parameters

    • a: Readonly<Mat4Like>

      the source matrix

    Returns number

  • Rotates a Mat4 by the given angle around the given axis

    Returns

    out or null if axis has a length of 0

    Parameters

    • out: Mat4Like

      the receiving matrix

    • a: Readonly<Mat4Like>

      the matrix to rotate

    • rad: number

      the angle to rotate the matrix by

    • axis: Readonly<Vec3Like>

      the axis to rotate around

    Returns Mat4Like

  • Creates a Mat4 from a vector translation This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.translate(dest, dest, vec);

    Returns

    out

    Parameters

    Returns Mat4Like

  • Creates a Mat4 from a given angle around a given axis This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.rotate(dest, dest, rad, axis);

    Returns

    out or null if axis has a length of 0

    Parameters

    • out: Mat4Like

      Mat4 receiving operation result

    • rad: number

      the angle to rotate the matrix by

    • axis: Readonly<Vec3Like>

      the axis to rotate around

    Returns Mat4Like

  • Creates a matrix from the given angle around the X axis This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.rotateX(dest, dest, rad);

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 receiving operation result

    • rad: number

      the angle to rotate the matrix by

    Returns Mat4Like

  • Creates a matrix from the given angle around the Y axis This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.rotateY(dest, dest, rad);

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 receiving operation result

    • rad: number

      the angle to rotate the matrix by

    Returns Mat4Like

  • Creates a matrix from the given angle around the Z axis This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.rotateZ(dest, dest, rad);

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 receiving operation result

    • rad: number

      the angle to rotate the matrix by

    Returns Mat4Like

  • Creates a matrix from a quaternion rotation and vector translation This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.translate(dest, vec);
    let quatMat = mat4.create();
    quat4.toMat4(quat, quatMat);
    mat4.multiply(dest, quatMat);

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 receiving operation result

    • q: Readonly<Vec4Like>

      Rotation quaternion

    • v: Readonly<Vec3Like>

      Translation vector

    Returns Mat4Like

  • Returns the translation vector component of a transformation matrix. If a matrix is built with fromRotationTranslation, the returned vector will be the same as the translation vector originally supplied.

    Returns

    out

    Parameters

    • out: Vec3Like

      Vector to receive translation component

    • mat: Readonly<Mat4Like>

      Matrix to be decomposed (input)

    Returns Vec3Like

  • Returns the scaling factor component of a transformation matrix. If a matrix is built with fromRotationTranslationScale with a normalized Quaternion parameter, the returned vector will be the same as the scaling vector originally supplied.

    Returns

    out

    Parameters

    • out: Vec3Like

      Vector to receive scaling factor component

    • mat: Readonly<Mat4Like>

      Matrix to be decomposed (input)

    Returns Vec3Like

  • Returns a quaternion representing the rotational component of a transformation matrix. If a matrix is built with fromRotationTranslation, the returned quaternion will be the same as the quaternion originally supplied.

    Returns

    out

    Parameters

    • out: Vec4Like

      Quaternion to receive the rotation component

    • mat: Readonly<Mat4Like>

      Matrix to be decomposed (input)

    Returns Vec4Like

  • Decomposes a transformation matrix into its rotation, translation and scale components. Returns only the rotation component

    Returns

    out_r

    Parameters

    • out_r: Vec4Like

      Quaternion to receive the rotation component

    • out_t: Vec3Like

      Vector to receive the translation vector

    • out_s: Vec3Like

      Vector to receive the scaling factor

    • mat: Readonly<Mat4Like>

      Matrix to be decomposed (input)

    Returns Vec4Like

  • Creates a matrix from a quaternion rotation, vector translation and vector scale This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.translate(dest, vec);
    let quatMat = mat4.create();
    quat4.toMat4(quat, quatMat);
    mat4.multiply(dest, quatMat);
    mat4.scale(dest, scale);

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 receiving operation result

    • q: Readonly<Vec4Like>

      Rotation quaternion

    • v: Readonly<Vec3Like>

      Translation vector

    • s: Readonly<Vec3Like>

      Scaling vector

    Returns Mat4Like

  • Creates a matrix from a quaternion rotation, vector translation and vector scale, rotating and scaling around the given origin This is equivalent to (but much faster than):

    mat4.identity(dest);
    mat4.translate(dest, vec);
    mat4.translate(dest, origin);
    let quatMat = mat4.create();
    quat4.toMat4(quat, quatMat);
    mat4.multiply(dest, quatMat);
    mat4.scale(dest, scale)
    mat4.translate(dest, negativeOrigin);

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 receiving operation result

    • q: Readonly<Vec4Like>

      Rotation quaternion

    • v: Readonly<Vec3Like>

      Translation vector

    • s: Readonly<Vec3Like>

      Scaling vector

    • o: Readonly<Vec3Like>

      The origin vector around which to scale and rotate

    Returns Mat4Like

  • Generates a frustum matrix with the given bounds The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1], which matches WebGL/OpenGL's clip volume. Passing null/undefined/no value for far will generate infinite projection matrix.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • left: number

      Left bound of the frustum

    • right: number

      Right bound of the frustum

    • bottom: number

      Bottom bound of the frustum

    • top: number

      Top bound of the frustum

    • near: number

      Near bound of the frustum

    • far: number = Infinity

      Far bound of the frustum, can be null or Infinity

    Returns Mat4Like

  • Generates a frustum matrix with the given bounds The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1], which matches WebGPU/Vulkan/DirectX/Metal's clip volume. Passing null/undefined/no value for far will generate infinite projection matrix.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • left: number

      Left bound of the frustum

    • right: number

      Right bound of the frustum

    • bottom: number

      Bottom bound of the frustum

    • top: number

      Top bound of the frustum

    • near: number

      Near bound of the frustum

    • far: number = Infinity

      Far bound of the frustum, can be null or Infinity

    Returns Mat4Like

  • Generates a perspective projection matrix with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1], which matches WebGL/OpenGL's clip volume. Passing null/undefined/no value for far will generate infinite projection matrix.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • fovy: number

      Vertical field of view in radians

    • aspect: number

      Aspect ratio. typically viewport width/height

    • near: number

      Near bound of the frustum

    • far: number = Infinity

      Far bound of the frustum, can be null or Infinity

    Returns Mat4Like

  • Generates a perspective projection matrix suitable for WebGPU with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1], which matches WebGPU/Vulkan/DirectX/Metal's clip volume. Passing null/undefined/no value for far will generate infinite projection matrix.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • fovy: number

      Vertical field of view in radians

    • aspect: number

      Aspect ratio. typically viewport width/height

    • near: number

      Near bound of the frustum

    • far: number = Infinity

      Far bound of the frustum, can be null or Infinity

    Returns Mat4Like

  • Generates a perspective projection matrix with the given field of view. This is primarily useful for generating projection matrices to be used with the still experiemental WebVR API.

    Returns

    out

    Deprecated

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • fov: any

      Object containing the following values: upDegrees, downDegrees, leftDegrees, rightDegrees

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum

    Returns Mat4Like

  • Generates a orthogonal projection matrix with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1], which matches WebGL/OpenGL's clip volume.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • left: number

      Left bound of the frustum

    • right: number

      Right bound of the frustum

    • bottom: number

      Bottom bound of the frustum

    • top: number

      Top bound of the frustum

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum

    Returns Mat4Like

  • Generates a orthogonal projection matrix with the given bounds. The near/far clip planes correspond to a normalized device coordinate Z range of [0, 1], which matches WebGPU/Vulkan/DirectX/Metal's clip volume.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • left: number

      Left bound of the frustum

    • right: number

      Right bound of the frustum

    • bottom: number

      Bottom bound of the frustum

    • top: number

      Top bound of the frustum

    • near: number

      Near bound of the frustum

    • far: number

      Far bound of the frustum

    Returns Mat4Like

  • Generates a look-at matrix with the given eye position, focal point, and up axis. If you want a matrix that actually makes an object look at another object, you should use targetTo instead.

    Returns

    out

    Parameters

    • out: Mat4Like

      mat4 frustum matrix will be written into

    • eye: Readonly<Vec3Like>

      Position of the viewer

    • center: Readonly<Vec3Like>

      Point the viewer is looking at

    • up: Readonly<Vec3Like>

      vec3 pointing up

    Returns Mat4Like

  • Returns Frobenius norm of a Mat4

    Returns

    Frobenius norm

    Parameters

    • a: Readonly<Mat4Like>

      the matrix to calculate Frobenius norm of

    Returns number

  • Adds two mat4's after multiplying each element of the second operand by a scalar value.

    Returns

    out

    Parameters

    • out: Mat4Like

      the receiving vector

    • a: Readonly<Mat4Like>

      the first operand

    • b: Readonly<Mat4Like>

      the second operand

    • scale: number

      the amount to scale b's elements by before adding

    Returns Mat4Like

  • Returns whether or not two Mat4s have exactly the same elements in the same position (when compared with ===)

    Returns

    True if the matrices are equal, false otherwise.

    Parameters

    • a: Readonly<Mat4Like>

      The first matrix.

    • b: Readonly<Mat4Like>

      The second matrix.

    Returns boolean

  • Returns whether or not two Mat4s have approximately the same elements in the same position.

    Returns

    True if the matrices are equal, false otherwise.

    Parameters

    • a: Readonly<Mat4Like>

      The first matrix.

    • b: Readonly<Mat4Like>

      The second matrix.

    Returns boolean

  • Returns a string representation of a Mat4

    Returns

    string representation of the matrix

    Parameters

    • a: Readonly<Mat4Like>

      matrix to represent as a string

    Returns string

Properties

[toStringTag]: "Float32Array"
BYTES_PER_ELEMENT: number

The size in bytes of each element in the array.

buffer: ArrayBufferLike

The ArrayBuffer instance referenced by the array.

byteLength: number

The length in bytes of the array.

byteOffset: number

The offset in bytes of the array.

length: number

The length of the array.

BYTES_PER_ELEMENT: number

The size in bytes of each element in the array.

BYTE_LENGTH: number = ...

The number of bytes in a Mat4.

Constructors

  • Create a Mat4.

    Parameters

    • Rest ...values: number[] | [ArrayBufferLike | Readonly<Mat4Like>, number?]

    Returns Mat4

Accessors

  • get str(): string
  • A string representation of this Equivalent to Mat4.str(this);

    Returns string

Generated using TypeDoc