shear.ts

index.html

@@ -15,6 +15,6 @@
     <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/testing.ts"></script>
+    <script type="module" src="/src/cg/shear.ts"></script>
   </body>
 </html>

src/cg/shear.ts

+import Playground from "./playground";
+import * as Utils from './utils';
+
+const pg = new Playground();
+pg.gridXZ();
+
+const points = [
+    [0,0,0],[0,0,1],[0,1,0],[0,1,1],[1,0,0],[1,0,1],[1,1,0],[1,1,1]
+]
+
+for(let p of points){
+    pg.visPoint(p);
+}
+
+const shear = [
+    1, 0, 0.5,
+    0, 1, 0,
+    0, 0, 1
+]
+pg.visVector([shear[0], shear[1], shear[2]], { color: "red" });
+pg.visVector([shear[3], shear[4], shear[5]], { color: "green" })
+pg.visVector([shear[6], shear[7], shear[8]], { color: "blue" })
\ No newline at end of file