M.js NPM | npm.io

alt M JS

M JS

3D math operations in JavaScript.

Install

In the browser just load the file m.js in a script tag at the bottom of its body.

<body>
    ...
    <script src="m.js">
    <!-- your scripts using m.js here -->
</body>

In node just install the package m.js and require (or import) it in your module.

$ npm i m.js

var M = require('m.js');

// or import it (e.g. in React, Vue... whatever)
import M from 'm.js';

Use

Demo code:

// define a matrix where to locate the vertices of a cube
var cube = [
    [],
    []
];

// define the length of the sides
var side = 100;

// define the vertices from one side
cube[0].push(M.p(0, 0, 0));
cube[0].push(M.p(0, side, 0));
cube[0].push(M.p(side, side, 0));
cube[0].push(M.p(side, 0, 0));

// define the vertices from the opposite side
cube[1].push(M.p(0, 0, side));
cube[1].push(M.p(0, side, side));
cube[1].push(M.p(side, side, side));
cube[1].push(M.p(side, 0, side));

for (var i in cube) {
    // translate the cube to locate its reference point (0, 0, 0) to its center
    M.t(cube[i], -side / 2, -side / 2, -side / 2);

    // rotate the cube a bit in z and x axis
    M.rzd(cube[i], 55);
    M.rxd(cube[i], 60);
}

// next render the geometry ...

alt cube-3d.js