vecNormalize

index.html

@@ -13,7 +13,8 @@
     <script type="module" src="/src/cg/pgIntro.ts"></script>
     <script type="module" src="/src/cg/vector.ts"></script>
     <script type="module" src="/src/cg/perspectiveDivide.ts"></script>
-    <script type="module" src="/src/cg/walkToVec.ts"></script-->
-    <script type="module" src="/src/cg/basis.ts"></script>
+    <script type="module" src="/src/cg/walkToVec.ts"></script>
+    <script type="module" src="/src/cg/basis.ts"></script-->
+    <script type="module" src="/src/cg/testing.ts"></script>
   </body>
 </html>

src/cg/testing.ts

+import Playground from "./playground";
+import { vecNormalize } from "./utils";
+import { vecLength } from "./utils";
+
+const pg = new Playground();
+
+// Some vectors
+const v = [2,2,3]
+
+const normalized = vecNormalize(v);
+
+console.log(vecLength(normalized));
+
+// Visualize
+pg.gridXZ(); // Grid
+
+pg.visVector(v,{color:"orange",label:"V"});
+pg.visVector(normalized,{color:"red",label:"normalized"});

src/cg/utils.ts

@@ -33,4 +33,19 @@ export function vecLength(vec: Array<number>){
     length = Math.sqrt(vec[0]*vec[0] + vec[1]*vec[1] + vec[2]*vec[2]);
     return length;
 }
+
+export function vecNormalize(vec: Array<number>){
+    let computedLength = vecLength(vec);
+    if(computedLength == 0){computedLength = 1};
+
+    let inverse = 1 / computedLength;
+
+    let normalized: Array<number> = new Array;
+
+    normalized[0] = vec[0] * inverse;
+    normalized[1] = vec[1] * inverse;
+    normalized[2] = vec[2] * inverse;
+
+    return normalized;
+}
 //
\ No newline at end of file