update dotproduct

Author: dagda1

apps/threejs-project/src/scene.ts

@@ -1,23 +1,25 @@
 import './style.css';
+
 import { assert } from '@cutting/assert';
 import {
-  Scene,
-  WebGLRenderer,
-  MeshBasicMaterial,
-  Mesh,
-  LineBasicMaterial,
-  Vector3,
   ArrowHelper,
   BufferGeometry,
   Line,
+  LineBasicMaterial,
+  Mesh,
+  MeshBasicMaterial,
   OrthographicCamera,
+  Scene,
+  Vector3,
+  WebGLRenderer,
 } from 'three';
-import { addTick } from './utils/addTick';
-import { addAxis } from './utils/addAxis';
-import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry.js';
+import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js';
+
 import { axes } from './types';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+import { addTick } from './utils/addTick';
+import { addCylinderLine } from './utils/lines';
 
 const AxisLength = 3;
 
@@ -28,9 +30,9 @@ function run() {
 
   const scene = new Scene();
 
-  addAxis(scene, new Vector3(-AxisLength, 0, 0), new Vector3(AxisLength, 0, 0));
-  addAxis(scene, new Vector3(0, -AxisLength, 0), new Vector3(0, AxisLength, 0));
-  addAxis(scene, new Vector3(0, 0, -AxisLength), new Vector3(0, 0, AxisLength));
+  addCylinderLine(scene, new Vector3(-AxisLength, 0, 0), new Vector3(AxisLength, 0, 0));
+  addCylinderLine(scene, new Vector3(0, -AxisLength, 0), new Vector3(0, AxisLength, 0));
+  addCylinderLine(scene, new Vector3(0, 0, -AxisLength), new Vector3(0, 0, AxisLength));
 
   const tickPositions = [-3, -2, -1, 0, 1, 2, 3];
 
@@ -147,9 +149,9 @@ function run() {
     scene.add(line);
   }
 
-  addAxis(scene, new Vector3(0, 0, 0), new Vector3(2, 2, 2), 0xff0000);
+  addCylinderLine(scene, new Vector3(0, 0, 0), new Vector3(2, 2, 2), 0xff0000);
 
-  addAxis(scene, new Vector3(0, 0, 0), new Vector3(1, 0, 1), 0x0000ff);
+  addCylinderLine(scene, new Vector3(0, 0, 0), new Vector3(1, 0, 1), 0x0000ff);
 
   const sizes = {
     width: window.innerWidth,
@@ -168,16 +170,16 @@ function run() {
 
   const frustumSize = 8;
   const aspect = sizes.width / sizes.height;
-  
+
   const camera = new OrthographicCamera(
-    -aspect * frustumSize / 2,
-    aspect * frustumSize / 2,
+    (-aspect * frustumSize) / 2,
+    (aspect * frustumSize) / 2,
     frustumSize / 2,
     -frustumSize / 2,
     0.1,
     100,
   );
-  camera.position.set(5, 5, 5);
+  camera.position.set(2, 2, 6);
   camera.lookAt(0, 0, 0);
 
   const renderer = new WebGLRenderer({
@@ -202,4 +204,4 @@ function run() {
   tick();
 }
 
-run();
+run();

apps/threejs-project/src/style.css

@@ -17,6 +17,7 @@
 body {
   margin: 0;
   padding: 0;
+  background-color: #000000;
 }
 
 body,

apps/threejs-project/src/utils/addAxis.ts apps/threejs-project/src/utils/lines.tsapps/threejs-project/src/utils/addAxis.ts renamed to apps/threejs-project/src/utils/lines.ts

@@ -1,7 +1,12 @@
 import type { ColorRepresentation, Scene } from 'three';
 import { CylinderGeometry, Mesh, MeshBasicMaterial, Vector3 } from 'three';
 
-export function addAxis(scene: Scene, start: Vector3, end: Vector3, color: ColorRepresentation = 0x000000): void {
+export function addCylinderLine(
+  scene: Scene,
+  start: Vector3,
+  end: Vector3,
+  color: ColorRepresentation = 0x000000,
+): void {
   const direction = new Vector3().subVectors(end, start);
   const length = direction.length();
   const cylinderGeometry = new CylinderGeometry(0.02, 0.02, length, 8);

apps/website/package.json

@@ -70,6 +70,7 @@
     "referrer-policy": "1.2.0",
     "regression": "2.0.1",
     "serve-static": "2.2.0",
+    "three": "^0.175.0",
     "ts-pattern": "5.7.0",
     "url-join": "5.0.0"
   },

apps/website/public/fonts/LICENSE

@@ -0,0 +1,13 @@
+Copyright � 2004 by MAGENTA Ltd. All Rights Reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of the fonts accompanying this license ("Fonts") and associated documentation files (the "Font Software"), to reproduce and distribute the Font Software, including without limitation the rights to use, copy, merge, publish, distribute, and/or sell copies of the Font Software, and to permit persons to whom the Font Software is furnished to do so, subject to the following conditions:
+
+The above copyright and this permission notice shall be included in all copies of one or more of the Font Software typefaces.
+
+The Font Software may be modified, altered, or added to, and in particular the designs of glyphs or characters in the Fonts may be modified and additional glyphs or characters may be added to the Fonts, only if the fonts are renamed to names not containing the word "MgOpen", or if the modifications are accepted for inclusion in the Font Software itself by the each appointed Administrator.
+
+This License becomes null and void to the extent applicable to Fonts or Font Software that has been modified and is distributed under the "MgOpen" name.
+
+The Font Software may be sold as part of a larger software package but no copy of one or more of the Font Software typefaces may be sold by itself.
+
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL MAGENTA OR PERSONS OR BODIES IN CHARGE OF ADMINISTRATION AND MAINTENANCE OF THE FONT SOFTWARE BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.