sermonis / webgl-math

A Mathematics Library for WebGL

WebGL-Math

A functional mathematics library for WebGL.

Usage

Getting Started

Install with npm or yarn

npm install webgl-math
// or
yarn add webgl-math

then

const GLMath = require('webgl-math')
// or
import GLMath from 'webgl-math'

Example

Here's a simple example to create Model, View and Projection Matrices.

For more, see the docs

import { Vector, Matrix } from 'webgl-math';

const scaleMatrix = Matrix.Transform.scale(
  Matrix.idendity(4), 
  Float32Array.of(2, 2, 1) // Scale Vector
);

const translateMatrix  = Matrix.Transform.translate(
  Matrix.idendity(4),
  Float32Array.of(4, 0, 0) // Position Vector
);

// Creating 4x4 Model Matrix except rotation
const modelMatrix = Matrix.multiply(
  translateMatrix,
  scaleMatrix
);

// Creating Perspective Projection Matrix with fovy and aspect ratio
const projectionMatrix = Matrix.Camera.perspective(Math.PI / 4, 1, 0.1, 100);

// Creating View Matrix
const viewMatrix = Matrix.Camera.lookAt(
  Float32Array.of(0, 0, 10), // Eye Position
  Float32Array.of(0, 0, -1), // Target
  Float32Array.of(0, 1, 0)   // Up Vector
);

License

Licensed under the MIT license.