Fix confusing code in deferredRendering

I modified the Deferred Rendering implementation due to some confusing code:

* The initialization of `viewMatrix` incorrectly uses `mat4.inverse` with `mat4.lookAt`.
* The `getCameraViewProjMatrix` function has a local variable of the same name, so it's not used.
* `rotation` matrix is applied twice within the `getCameraViewProjMatrix` function.
* I've changed `viewProjMatrix` to not reserve space in advance for the result matrix, similar to other matrices like `rotation` that don't do this.

src/sample/deferredRendering/main.ts

@@ -487,10 +487,6 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
     2000.0
   );
 
-  const viewMatrix = mat4.inverse(mat4.lookAt(eyePosition, origin, upVector));
-
-  const viewProjMatrix = mat4.multiply(projectionMatrix, viewMatrix);
-
   // Move the model so it's centered.
   const modelMatrix = mat4.translation([0, -45, 0]);
 
@@ -519,13 +515,11 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
 
     const rad = Math.PI * (Date.now() / 5000);
     const rotation = mat4.rotateY(mat4.translation(origin), rad);
-    vec3.transformMat4(eyePosition, rotation, eyePosition);
     const rotatedEyePosition = vec3.transformMat4(eyePosition, rotation);
 
     const viewMatrix = mat4.lookAt(rotatedEyePosition, origin, upVector);
 
-    mat4.multiply(projectionMatrix, viewMatrix, viewProjMatrix);
-    return viewProjMatrix as Float32Array;
+    return mat4.multiply(projectionMatrix, viewMatrix) as Float32Array;
   }
 
   function frame() {