@thi.ng/matrices v2.4.36
This project is part of the @thi.ng/umbrella monorepo.
About
Matrix & quaternion operations for 2D/3D geometry processing.
This package provides 160+ matrix & quaternion operations for 2D/3D geometry processing and acts as companion package for @thi.ng/vectors. Like with the vectors package, most functions are defined as multi-method dispatching to optimized implementations based on matrix size (which themselves are exposed for direct use too).
Any ArrayLike type can be used as matrix containers (e.g. JS arrays,
typed arrays, custom impls) and hence many other functions provided by
the vectors package can also be used directly with matrices (where
sensible).
Status
STABLE - used in production
Search or submit any issues for this package
Related packages
- @thi.ng/color - Array-based color types, CSS parsing, conversions, transformations, declarative theme generation, gradients, presets
- @thi.ng/geom - Functional, polymorphic API for 2D geometry types & SVG generation
- @thi.ng/vector-pools - Data structures for managing & working with strided, memory mapped vectors
- @thi.ng/vectors - Optimized 2d/3d/4d and arbitrary length vector operations
Installation
yarn add @thi.ng/matricesES module import:
<script type="module" src="https://cdn.skypack.dev/@thi.ng/matrices"></script>For Node.js REPL:
# with flag only for < v16
node --experimental-repl-await
> const matrices = await import("@thi.ng/matrices");Package sizes (gzipped, pre-treeshake): ESM: 4.92 KB
Dependencies
Usage examples
Several demos in this repo's /examples directory are using this package.
A selection:
| Screenshot | Description | Live demo | Source |
|---|---|---|---|
| Various hdom-canvas shape drawing examples & SVG conversion / export | Demo | Source | |
| 2D scenegraph & shape picking | Demo | Source | |
| 2D scenegraph & image map based geometry manipulation | Demo | Source | |
| Minimal shader graph developed during livestream #2 | Demo | Source | |
| Entity Component System w/ 100k 3D particles | Demo | Source | |
| 3D wireframe textmode demo | Demo | Source | |
| WebGL multi-colored cube mesh | Demo | Source | |
| WebGL cube maps with async texture loading | Demo | Source | |
| WebGL instancing, animated grid | Demo | Source | |
| WebGL MSDF text rendering & particle system | Demo | Source |
API
Constants
IDENT22/IDENT23/IDENT33/IDENT44
Matrix creation
rotation22/rotation23rotationAroundAxis33/rotationAroundAxis44rotationX33/rotationX44rotationY33/rotationY44rotationZ33/rotationZ44scale22/scale23/scale33/scale44scaleWithCenter23/scaleWithCenter44shearX22/shearY22shearX23/shearY23shearXY33/shearXZ33/shearYX33/shearYZ33/shearZX33/shearZY33shearXY44/shearXZ44/shearYX44/shearYZ44/shearZX44/shearZY44skewX22/skewY22skewX23/skewY23skewXY33/skewXZ33/skewYX33/skewYZ33/skewZX33/skewZY33skewXY44/skewXZ44/skewYX44/skewYZ44/skewZX44/skewZY44translation23/translation44transform23/transform44
WebGL related
frustum/frustumBoundslookAtorthoperspectiveviewport
Matrix conversion
mat22to23mat23to22/mat23to44mat33to44/mat44to33normal44
Setters
set/set22/set23/set33/set44identity/identity22/identity23/identity33/identity44
Row & column accessors
column/column22/column23/column33/column44row/row22/row23/row33/row44
Componentwise matrix - matrix
add/add22/add23/add33/add44div/div22/div23/div33/div44mul/mul22/mul23/mul33/mul44sub/sub22/sub23/sub33/sub44
Componentwise matrix - scalar
addN/addN22/addN23/addN33/addN44divN/divN22/divN23/divN33/divN44mulN/mulN22/mulN23/mulN33/mulN44subN/subN22/subN23/subN33/subN44
Matrix multiplication
mulM/mulM22/mulM23/mulM33/mulM44concat
Matrix - vector multiplication
mulV/mulV22/mulV23/mulV33/mulV344/mulV44projectunproject
Determinant & inversion
det22/det23/det33/det44det44FromCoeffs/detCoeffs44diag/diag22/diag23/diag33/diag44invert/invert22/invert23/invert33/invert44trace
Matrix transposition
transpose22/transpose33/transpose44
Quaternion
alignmentQuatconjugateQinvertQmixQmulQmulVQquatFromAxisAnglequatFromEulerquatToAxisAnglequatToMat33quatToMat44
Authors
Karsten Schmidt
If this project contributes to an academic publication, please cite it as:
@misc{thing-matrices,
title = "@thi.ng/matrices",
author = "Karsten Schmidt",
note = "https://thi.ng/matrices",
year = 2018
}License
© 2018 - 2021 Karsten Schmidt // Apache Software License 2.0
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago