@woosh/meep-engine/src/view/writeCssTransformMatrix.js

Pure JavaScript game engine. Fully featured and production ready.

/**
 *
 * @param {Float32Array} m3
 * @param {HTMLElement} domElement
 */
export function writeCssTransformMatrix(m3, domElement) {
    /*
     * CSS matrix is:
     *      a c e
     *      b d f
     *      0 0 1
     */

    const a = m3[0];
    const b = m3[3];
    const c = m3[1];
    const d = m3[4];
    const e = m3[2];
    const f = m3[5];

    const transform = "matrix(" + a + ',' + b + ',' + c + ',' + d + ',' + e + ',' + f + ")";

    const style = domElement.style;

    style.transform = transform;
}