Run results for: Matrix multiplication - TypedArray vs Object Class

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Browser: Chrome 103

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Matrix Object	6210210.0 Ops/sec
Matrix Array	6136163.0 Ops/sec

Script Preparation code:

class Matrix {
    a = 1;
    b = 0;
    c = 0
    d = 1;
    tx = 0
    ty = 0;
}

var matrixObject = new Matrix();
var matrixObject2 = new Matrix();
var matrixObjectOut = new Matrix();

var matrixArray = new Float32Array([1, 0, 0, 1, 0, 0]);
var matrixArray2 = new Float32Array([1, 0, 0, 1, 0, 0]);
var matrixArrayOut = new Float32Array([1, 0, 0, 1, 0, 0]);

function multiplyMatrixObject(m1, m2, out) {
    out.a = (m1.a * m2.a) + (m1.b * m2.c);
    out.b = (m1.a * m2.b) + (m1.b * m2.d);
    out.c = (m1.c * m2.a) + (m1.d * m2.c);
    out.d = (m1.c * m2.b) + (m1.d * m2.d);
    out.tx = (m1.tx * m2.a) + (m1.ty * m2.c) + m2.tx;
    out.ty = (m1.tx * m2.b) + (m1.ty * m2.d) + m2.ty;
}

function multiplyMatrixArray(m1, m2, out) {
    out[0] = (m1[0] * m2[0]) + (m1[1] * m2[2]);
    out[1] = (m1[0] * m2[1]) + (m1[1] * m2[3]);
    out[2] = (m1[2] * m2[0]) + (m1[3] * m2[2]);
    out[3] = (m1[2] * m2[1]) + (m1[3] * m2[3]);
    out[4] = (m1[4] * m2[0]) + (m1[5] * m2[2]) + m2[4];
    out[5] = (m1[4] * m2[1]) + (m1[5] * m2[3]) + m2[5];
}

Tests:

Matrix Object
multiplyMatrixObject(matrixObject,matrixObject2, matrixObjectOut);
Matrix Array
multiplyMatrixArray(matrixArray,matrixArray2, matrixArrayOut);

Run results for: Matrix multiplication - TypedArray vs Object Class

Matrix Object

Matrix Array