Run results for: Mat3 Multiplication 2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36

Browser: Chrome 73

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Store values in consts first	6941802.5 Ops/sec
Store values in consts first (arranged)	5830831.0 Ops/sec
Access values directly	6307825.0 Ops/sec
Store values in consts first (arranged2)	7071929.5 Ops/sec
Store values in consts first (arranged3)	6780948.0 Ops/sec
Store values in consts first (arranged4)	7074127.0 Ops/sec
Store values in consts first (arranged5)	6936924.5 Ops/sec

Script Preparation code:

class Mat3_Consts extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    const x1 = this[0];
    const x2 = this[1];
    const x3 = this[2];
    const y1 = this[3];
    const y2 = this[4];
    const y3 = this[5];
    const z1 = this[6];
    const z2 = this[7];
    const z3 = this[8];
    const a1 = that[0];
    const a2 = that[1];
    const a3 = that[2];
    const b1 = that[3];
    const b2 = that[4];
    const b3 = that[5];
    const c1 = that[6];
    const c2 = that[7];
    const c3 = that[8];

    this[0] = x1 * a1 + x2 * b1 + x3 * c1;
    this[1] = x1 * a2 + x2 * b2 + x3 * c2;
    this[2] = x1 * a3 + x2 * b3 + x3 * c3;
    this[3] = y1 * a1 + y2 * b1 + y3 * c1;
    this[4] = y1 * a2 + y2 * b2 + y3 * c2;
    this[5] = y1 * a3 + y2 * b3 + y3 * c3;
    this[6] = z1 * a1 + z2 * b1 + z3 * c1;
    this[7] = z1 * a2 + z2 * b2 + z3 * c2;
    this[8] = z1 * a3 + z2 * b3 + z3 * c3;
    return this;
  }
}

class Mat3_ConstsArranged extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    const x1 = this[0];
    const a1 = that[0];
    
    const x2 = this[1];
    const b1 = that[3];
    
    const x3 = this[2];
    const c1 = that[6];
    
    const y1 = this[3];
    const a2 = that[1];
    
    const y2 = this[4];
    const b2 = that[4];
    
    const y3 = this[5];
    const c2 = that[7];
    
    const z1 = this[6];
    const a3 = that[2];
    
    const z2 = this[7];
    const b3 = that[5];
    
    const z3 = this[8];
    const c3 = that[8];

    this[0] = x1 * a1 + x2 * b1 + x3 * c1;
    this[1] = x1 * a2 + x2 * b2 + x3 * c2;
    this[2] = x1 * a3 + x2 * b3 + x3 * c3;
    this[3] = y1 * a1 + y2 * b1 + y3 * c1;
    this[4] = y1 * a2 + y2 * b2 + y3 * c2;
    this[5] = y1 * a3 + y2 * b3 + y3 * c3;
    this[6] = z1 * a1 + z2 * b1 + z3 * c1;
    this[7] = z1 * a2 + z2 * b2 + z3 * c2;
    this[8] = z1 * a3 + z2 * b3 + z3 * c3;
    return this;
  }
}

class Mat3_ConstsArranged2 extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    const x1 = this[0];
    const a1 = that[0];
    const x2 = this[1];
    const b1 = that[3];
    const x3 = this[2];
    const c1 = that[6];
    this[0] = x1 * a1 + x2 * b1 + x3 * c1;
    
    const y1 = this[3];
    const a2 = that[1];
    const y2 = this[4];
    const b2 = that[4];
    const y3 = this[5];
    const c2 = that[7];
    this[4] = y1 * a2 + y2 * b2 + y3 * c2;
    
    const z1 = this[6];
    const a3 = that[2];
    const z2 = this[7];
    const b3 = that[5];
    const z3 = this[8];
    const c3 = that[8];
    this[8] = z1 * a3 + z2 * b3 + z3 * c3;

    this[1] = x1 * a2 + x2 * b2 + x3 * c2;
    this[2] = x1 * a3 + x2 * b3 + x3 * c3;
    this[3] = y1 * a1 + y2 * b1 + y3 * c1;
    this[5] = y1 * a3 + y2 * b3 + y3 * c3;
    this[6] = z1 * a1 + z2 * b1 + z3 * c1;
    this[7] = z1 * a2 + z2 * b2 + z3 * c2;
    return this;
  }
}

class Mat3_ConstsArranged3 extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    const x1 = this[0];
    const a1 = that[0];
    const x2 = this[1];
    const b1 = that[3];
    const x3 = this[2];
    const c1 = that[6];
    this[0] = x1 * a1 + x2 * b1 + x3 * c1;
    
    const y1 = this[3];
    const a2 = that[1];
    const y2 = this[4];
    const b2 = that[4];
    const y3 = this[5];
    const c2 = that[7];
    this[4] = y1 * a2 + y2 * b2 + y3 * c2;
    this[1] = x1 * a2 + x2 * b2 + x3 * c2;
    this[3] = y1 * a1 + y2 * b1 + y3 * c1;
    
    const z1 = this[6];
    const a3 = that[2];
    const z2 = this[7];
    const b3 = that[5];
    const z3 = this[8];
    const c3 = that[8];
    this[8] = z1 * a3 + z2 * b3 + z3 * c3;
    this[2] = x1 * a3 + x2 * b3 + x3 * c3;
    this[5] = y1 * a3 + y2 * b3 + y3 * c3;
    this[6] = z1 * a1 + z2 * b1 + z3 * c1;
    this[7] = z1 * a2 + z2 * b2 + z3 * c2;
    return this;
  }
}

class Mat3_ConstsArranged4 extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    const x1 = this[0];
    const x2 = this[1];
    const x3 = this[2];
    const a1 = that[0];
    const b1 = that[3];
    const c1 = that[6];
    this[0] = x1 * a1 + x2 * b1 + x3 * c1;
    
    const y1 = this[3];
    const y2 = this[4];
    const y3 = this[5];
    const a2 = that[1];
    const b2 = that[4];
    const c2 = that[7];
    this[4] = y1 * a2 + y2 * b2 + y3 * c2;
    this[1] = x1 * a2 + x2 * b2 + x3 * c2;
    this[3] = y1 * a1 + y2 * b1 + y3 * c1;
    
    const z1 = this[6];
    const z2 = this[7];
    const z3 = this[8];
    const a3 = that[2];
    const b3 = that[5];
    const c3 = that[8];
    this[8] = z1 * a3 + z2 * b3 + z3 * c3;
    this[2] = x1 * a3 + x2 * b3 + x3 * c3;
    this[5] = y1 * a3 + y2 * b3 + y3 * c3;
    this[6] = z1 * a1 + z2 * b1 + z3 * c1;
    this[7] = z1 * a2 + z2 * b2 + z3 * c2;
    return this;
  }
}

class Mat3_ConstsArranged5 extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    const x1 = this[0];
    const x2 = this[1];
    const x3 = this[2];
    const a1 = that[0];
    const b1 = that[3];
    const c1 = that[6];
    
    const y1 = this[3];
    const y2 = this[4];
    const y3 = this[5];
    const a2 = that[1];
    const b2 = that[4];
    const c2 = that[7];
    
    const z1 = this[6];
    const z2 = this[7];
    const z3 = this[8];
    const a3 = that[2];
    const b3 = that[5];
    const c3 = that[8];
    this[0] = x1 * a1 + x2 * b1 + x3 * c1;
    this[4] = y1 * a2 + y2 * b2 + y3 * c2;
    this[1] = x1 * a2 + x2 * b2 + x3 * c2;
    this[3] = y1 * a1 + y2 * b1 + y3 * c1;
    this[8] = z1 * a3 + z2 * b3 + z3 * c3;
    this[2] = x1 * a3 + x2 * b3 + x3 * c3;
    this[5] = y1 * a3 + y2 * b3 + y3 * c3;
    this[6] = z1 * a1 + z2 * b1 + z3 * c1;
    this[7] = z1 * a2 + z2 * b2 + z3 * c2;
    return this;
  }
}

class Mat3_Accesses extends Float32Array {
  constructor() {
    super(9);
    
    this[0] = Math.random();
    this[1] = Math.random();
    this[2] = Math.random();
    this[3] = Math.random();
    this[4] = Math.random();
    this[5] = Math.random();
    this[6] = Math.random();
    this[7] = Math.random();
    this[8] = Math.random();
  }

  mul(that) {
    this[0] = this[0] * that[0] + this[1] * that[3] + this[2] * that[6];
    this[1] = this[0] * that[1] + this[1] * that[4] + this[2] * that[7];
    this[2] = this[0] * that[2] + this[1] * that[5] + this[2] * that[8];
    this[3] = this[3] * that[0] + this[4] * that[3] + this[5] * that[6];
    this[4] = this[3] * that[1] + this[4] * that[4] + this[5] * that[7];
    this[5] = this[3] * that[2] + this[4] * that[5] + this[5] * that[8];
    this[6] = this[6] * that[0] + this[7] * that[3] + this[8] * that[6];
    this[7] = this[6] * that[1] + this[7] * that[4] + this[8] * that[7];
    this[8] = this[6] * that[2] + this[7] * that[5] + this[8] * that[8];
    return this;
  }
}




var MatA1 = new Mat3_Consts();
var MatA2 = new Mat3_Consts();

var MatB1 = new Mat3_ConstsArranged();
var MatB2 = new Mat3_ConstsArranged();

var MatC1 = new Mat3_Accesses();
var MatC2 = new Mat3_Accesses();

var MatD1 = new Mat3_ConstsArranged2();
var MatD2 = new Mat3_ConstsArranged2();

var MatE1 = new Mat3_ConstsArranged3();
var MatE2 = new Mat3_ConstsArranged3();

var MatF1 = new Mat3_ConstsArranged4();
var MatF2 = new Mat3_ConstsArranged4();

var MatG1 = new Mat3_ConstsArranged5();
var MatG2 = new Mat3_ConstsArranged5();

Tests:

Store values in consts first
MatA1.mul(MatA2);
Store values in consts first (arranged)
MatB1.mul(MatB2);
Access values directly
MatC1.mul(MatC2);
Store values in consts first (arranged2)
MatD1.mul(MatD2);
Store values in consts first (arranged3)
MatE1.mul(MatE2);
Store values in consts first (arranged4)
MatF1.mul(MatF2);
Store values in consts first (arranged5)
MatG1.mul(MatG2);

Run results for: Mat3 Multiplication 2

Store values in consts first

Store values in consts first (arranged)

Access values directly

Store values in consts first (arranged2)

Store values in consts first (arranged3)

Store values in consts first (arranged4)

Store values in consts first (arranged5)