Simplify vec3 usage.

There were lots of superfluous calls to `vec3.fromValues`
and `vec3.create`. The library is designed to accept
native arrays to be easy to use and the code gets simpler.

Author: greggman

meshes/mesh.ts

@@ -74,7 +74,7 @@ export const getMeshPosAtIndex = (mesh: Mesh, index: number) => {
     index * mesh.vertexStride + 0,
     3
   );
-  return vec3.fromValues(arr[0], arr[1], arr[2]);
+  return [arr[0], arr[1], arr[2]];
 };
 
 export const getMeshNormalAtIndex = (mesh: Mesh, index: number) => {
@@ -83,7 +83,7 @@ export const getMeshNormalAtIndex = (mesh: Mesh, index: number) => {
     index * mesh.vertexStride + 3 * Float32Array.BYTES_PER_ELEMENT,
     3
   );
-  return vec3.fromValues(arr[0], arr[1], arr[2]);
+  return [arr[0], arr[1], arr[2]];
 };
 
 export const getMeshUVAtIndex = (mesh: Mesh, index: number) => {

sample/a-buffer/main.ts

@@ -514,9 +514,9 @@ const configure = () => {
       2000.0
     );
 
-    const upVector = vec3.fromValues(0, 1, 0);
-    const origin = vec3.fromValues(0, 0, 0);
-    const eyePosition = vec3.fromValues(0, 5, -100);
+    const upVector = [0, 1, 0];
+    const origin = [0, 0, 0];
+    const eyePosition = [0, 5, -100];
 
     const rad = Math.PI * (Date.now() / 5000);
     const rotation = mat4.rotateY(mat4.translation(origin), rad);

sample/cornell/common.ts

@@ -1,4 +1,4 @@
-import { mat4, vec3 } from 'wgpu-matrix';
+import { mat4 } from 'wgpu-matrix';
 import commonWGSL from './common.wgsl';
 
 /**
@@ -80,13 +80,9 @@ export default class Common {
     const viewRotation = params.rotateCamera ? this.frame / 1000 : 0;
 
     const viewMatrix = mat4.lookAt(
-      vec3.fromValues(
-        Math.sin(viewRotation) * 15,
-        5,
-        Math.cos(viewRotation) * 15
-      ),
-      vec3.fromValues(0, 5, 0),
-      vec3.fromValues(0, 1, 0)
+      [Math.sin(viewRotation) * 15, 5, Math.cos(viewRotation) * 15],
+      [0, 5, 0],
+      [0, 1, 0]
     );
     const mvp = mat4.multiply(projectionMatrix, viewMatrix);
     const invMVP = mat4.invert(mvp);

sample/cubemap/main.ts

@@ -1,4 +1,4 @@
-import { mat4, vec3 } from 'wgpu-matrix';
+import { mat4 } from 'wgpu-matrix';
 
 import {
   cubeVertexArray,
@@ -193,7 +193,7 @@ const renderPassDescriptor: GPURenderPassDescriptor = {
 const aspect = canvas.width / canvas.height;
 const projectionMatrix = mat4.perspective((2 * Math.PI) / 5, aspect, 1, 3000);
 
-const modelMatrix = mat4.scaling(vec3.fromValues(1000, 1000, 1000));
+const modelMatrix = mat4.scaling([1000, 1000, 1000]);
 const modelViewProjectionMatrix = mat4.create();
 const viewMatrix = mat4.identity();
 
@@ -204,13 +204,8 @@ const tmpMat4 = mat4.create();
 function updateTransformationMatrix() {
   const now = Date.now() / 800;
 
-  mat4.rotate(
-    viewMatrix,
-    vec3.fromValues(1, 0, 0),
-    (Math.PI / 10) * Math.sin(now),
-    tmpMat4
-  );
-  mat4.rotate(tmpMat4, vec3.fromValues(0, 1, 0), now * 0.2, tmpMat4);
+  mat4.rotate(viewMatrix, [1, 0, 0], (Math.PI / 10) * Math.sin(now), tmpMat4);
+  mat4.rotate(tmpMat4, [0, 1, 0], now * 0.2, tmpMat4);
 
   mat4.multiply(tmpMat4, modelMatrix, modelViewProjectionMatrix);
   mat4.multiply(

sample/deferredRendering/main.ts

@@ -14,8 +14,8 @@ import {
 } from '../util';
 
 const kMaxNumLights = 1024;
-const lightExtentMin = vec3.fromValues(-50, -30, -50);
-const lightExtentMax = vec3.fromValues(50, 50, 50);
+const lightExtentMin = [-50, -30, -50];
+const lightExtentMax = [50, 50, 50];
 
 const canvas = document.querySelector('canvas') as HTMLCanvasElement;
 const adapter = await navigator.gpu?.requestAdapter({
@@ -458,9 +458,9 @@ const lightsBufferComputeBindGroup = device.createBindGroup({
 //--------------------
 
 // Scene matrices
-const eyePosition = vec3.fromValues(0, 50, -100);
-const upVector = vec3.fromValues(0, 1, 0);
-const origin = vec3.fromValues(0, 0, 0);
+const eyePosition = [0, 50, -100];
+const upVector = [0, 1, 0];
+const origin = [0, 0, 0];
 
 const projectionMatrix = mat4.perspective((2 * Math.PI) / 5, aspect, 1, 2000.0);
 

sample/fractalCube/main.ts

@@ -1,4 +1,4 @@
-import { mat4, vec3 } from 'wgpu-matrix';
+import { mat4 } from 'wgpu-matrix';
 
 import {
   cubeVertexArray,
@@ -158,14 +158,9 @@ const modelViewProjectionMatrix = mat4.create();
 
 function getTransformationMatrix() {
   const viewMatrix = mat4.identity();
-  mat4.translate(viewMatrix, vec3.fromValues(0, 0, -4), viewMatrix);
+  mat4.translate(viewMatrix, [0, 0, -4], viewMatrix);
   const now = Date.now() / 1000;
-  mat4.rotate(
-    viewMatrix,
-    vec3.fromValues(Math.sin(now), Math.cos(now), 0),
-    1,
-    viewMatrix
-  );
+  mat4.rotate(viewMatrix, [Math.sin(now), Math.cos(now), 0], 1, viewMatrix);
 
   mat4.multiply(projectionMatrix, viewMatrix, modelViewProjectionMatrix);
 

sample/instancedCube/main.ts

@@ -1,4 +1,4 @@
-import { mat4, Mat4, vec3 } from 'wgpu-matrix';
+import { mat4, Mat4 } from 'wgpu-matrix';
 
 import {
   cubeVertexArray,
@@ -131,18 +131,16 @@ const step = 4.0;
 let m = 0;
 for (let x = 0; x < xCount; x++) {
   for (let y = 0; y < yCount; y++) {
-    modelMatrices[m] = mat4.translation(
-      vec3.fromValues(
-        step * (x - xCount / 2 + 0.5),
-        step * (y - yCount / 2 + 0.5),
-        0
-      )
-    );
+    modelMatrices[m] = mat4.translation([
+      step * (x - xCount / 2 + 0.5),
+      step * (y - yCount / 2 + 0.5),
+      0,
+    ]);
     m++;
   }
 }
 
-const viewMatrix = mat4.translation(vec3.fromValues(0, 0, -12));
+const viewMatrix = mat4.translation([0, 0, -12]);
 
 const tmpMat4 = mat4.create();
 
@@ -156,11 +154,7 @@ function updateTransformationMatrix() {
     for (let y = 0; y < yCount; y++) {
       mat4.rotate(
         modelMatrices[i],
-        vec3.fromValues(
-          Math.sin((x + 0.5) * now),
-          Math.cos((y + 0.5) * now),
-          0
-        ),
+        [Math.sin((x + 0.5) * now), Math.cos((y + 0.5) * now), 0],
         1,
         tmpMat4
       );

sample/normalMap/main.ts

@@ -329,11 +329,11 @@ function frame() {
   ]);
 
   // Update mapInfoBuffer
-  const lightPosWS = vec3.create(
+  const lightPosWS = [
     settings.lightPosX,
     settings.lightPosY,
-    settings.lightPosZ
-  );
+    settings.lightPosZ,
+  ];
   const lightPosVS = vec3.transformMat4(lightPosWS, viewMatrix);
   const mode = getMode();
   device.queue.writeBuffer(

sample/particles/main.ts

@@ -1,4 +1,4 @@
-import { mat4, vec3 } from 'wgpu-matrix';
+import { mat4 } from 'wgpu-matrix';
 import { GUI } from 'dat.gui';
 
 import particleWGSL from './particle.wgsl';
@@ -388,7 +388,7 @@ function frame() {
   device.queue.writeBuffer(simulationUBOBuffer, 0, uboDataF32);
 
   mat4.identity(view);
-  mat4.translate(view, vec3.fromValues(0, 0, -3), view);
+  mat4.translate(view, [0, 0, -3], view);
   mat4.rotateX(view, Math.PI * -0.2, view);
   mat4.multiply(projection, view, mvp);
 

sample/primitivePicking/main.ts

@@ -295,9 +295,9 @@ const pickBindGroup = device.createBindGroup({
 //--------------------
 
 // Scene matrices
-const eyePosition = vec3.fromValues(0, 12, -25);
-const upVector = vec3.fromValues(0, 1, 0);
-const origin = vec3.fromValues(0, 0, 0);
+const eyePosition = [0, 12, -25];
+const upVector = [0, 1, 0];
+const origin = [0, 0, 0];
 
 const projectionMatrix = mat4.perspective((2 * Math.PI) / 5, aspect, 1, 2000.0);