https-sam
diff --git a/‎package-lock.json‎
Lines changed: 2 additions & 28 deletions b/‎package-lock.json‎
Lines changed: 2 additions & 28 deletions
diff --git a/‎package.json‎
Lines changed: 2 additions & 1 deletion b/‎package.json‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎src/App.js‎
Lines changed: 14 additions & 7 deletions b/‎src/App.js‎
Lines changed: 14 additions & 7 deletions
diff --git a/‎src/components/Algorithms/Display.js‎
Lines changed: 45 additions & 0 deletions b/‎src/components/Algorithms/Display.js‎
Lines changed: 45 additions & 0 deletions
diff --git a/‎src/components/Algorithms/Greedy/Greedy.js‎ b/‎src/components/Algorithms/Greedy/Greedy.js‎
diff --git a/‎src/components/Algorithms/MinMax/MiniMax.js‎
Lines changed: 3 additions & 3 deletions b/‎src/components/Algorithms/MinMax/MiniMax.js‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎src/components/Algorithms/Search/BreadthFirst.js‎ b/‎src/components/Algorithms/Search/BreadthFirst.js‎
diff --git a/‎src/components/Algorithms/Search/DepthFirst.js‎ b/‎src/components/Algorithms/Search/DepthFirst.js‎
diff --git a/‎src/components/Board/Cell.js‎
Lines changed: 16 additions & 0 deletions b/‎src/components/Board/Cell.js‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎src/components/Page/Splash/SplashScreen.js‎
Lines changed: 1 addition & 0 deletions b/‎src/components/Page/Splash/SplashScreen.js‎
Lines changed: 1 addition & 0 deletions
@@ -3,14 +3,15 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@react-three/fiber": "^8.0.27",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
+    "csstype": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router": "^6.3.0",
     "react-router-dom": "^6.3.0",
-    "react-three-fiber": "^6.0.13",
     "rsuite": "^5.16.0",
     "web-vitals": "^2.1.4"
   },
 
@@ -1,6 +1,6 @@
 import './App.css';
 import React, {Component} from 'react';
-import {Canvas}           from 'react-three-fiber';
+import {Canvas, useFrame} from '@react-three/fiber';
 
 import {Strategy /*changeRed*/} from './components/Strategy/Strategy';
 import {InputField}             from './components/Canvas/InputField.js';
@@ -13,6 +13,7 @@ import Footer       from './components/Page/partial/Footer';
 import SplashScreen from './components/Page/Splash/SplashScreen';
 import Box          from './modals/cube/Box';
 import AppRouter    from './AppRouter';
+import Cell         from './components/Board/Cell';
 
 
 
@@ -30,15 +31,21 @@ class App extends Component {
   render() {
 
     return (
-        <>
-          <div className = "App">
-            <AppRouter/>
+        /*<div className = "App">
 
-          </div>
+         <AppRouter/>
 
-        </>
-    );
+         </div>*/
 
+        // TESTING PURPOSES: CELL COMPONENT
+        <Canvas>
+          <Cell id = {1}
+                value = {1}
+                size = {1}
+                position = {[0, 0, 0]}
+          />
+        </Canvas>
+    );
   }
 }
 
 
@@ -0,0 +1,45 @@
+import {Component}        from 'react';
+import {Canvas, useFrame} from '@react-three/fiber';
+
+
+
+export class Display extends Component {
+  constructor(fArgs) {
+    super(fArgs);
+    this.state = {
+      displayType: fArgs.displayType,
+      algorithm  : fArgs.algorithm,
+      dataString : fArgs.dataString,
+      width      : fArgs.innerWidth,
+      height     : fArgs.innerHeight,
+      aspect     : fArgs.aspect,
+      perspective: fArgs.perspective,
+    };
+  }
+
+
+  componentDidMount() {
+    window.addEventListener('resize', this.handleWindowSizeChange);
+  }
+
+
+  componentWillUnmount() {
+    window.removeEventListener('resize', this.handleWindowSizeChange);
+  }
+
+
+  handleWindowSizeChange = () => {
+    this.setState({width: window.innerWidth, height: window.innerHeight});
+  };
+
+
+  render() {
+    const {width, height} = this.state;
+    const aspect          = width / height;
+    return (
+        <Canvas children = {}>
+
+        </Canvas>
+    );
+  };
+}
@@ -50,8 +50,8 @@ class MiniMax {
       return 0;
     }
 
-    var board  = new Board(grid);
-    var leaves = new Move[10];
+    var board          = new Board(grid);
+    let leaves: Move[] = new Move[10];
 
     //
     for (var iter = 0; iter < leaves.length; iter++) {
@@ -60,7 +60,7 @@ class MiniMax {
       }
     }
 
-    var bestMove = null;
+    let bestMove: Move = null;
     for (var i = 0; i < leaves.length; i++) {
       if (bestMove == null) {
         // bestMove = moves[i];
 
@@ -0,0 +1,16 @@
+import {Component} from 'react';
+import Box         from '../../modals/cube/Box';
+
+
+
+const Cell = (fArgs) => {
+  const id    = fArgs.id;
+  const value = fArgs.value;
+  const onClick = fArgs.onClick;
+  return (
+      <Box size = {fArgs.size}/>
+  );
+
+};
+
+export default Cell;
@@ -1,6 +1,7 @@
 import React      from 'react';
 import './splash.css';
 import Navigation from '../partial/Navbar/Navigation';
+import Cell       from '../../Board/Cell';
Original file line number	Diff line number	Diff line change
`@@ -50,8 +50,8 @@ class MiniMax {`
`50`	`50`	`return 0;`
`51`	`51`	`}`
`52`	`52`
`53`		`- var board = new Board(grid);`
`54`		`- var leaves = new Move[10];`
	`53`	`+ var board = new Board(grid);`
	`54`	`+ let leaves: Move[] = new Move[10];`
`55`	`55`
`56`	`56`	`//`
`57`	`57`	`for (var iter = 0; iter < leaves.length; iter++) {`
`@@ -60,7 +60,7 @@ class MiniMax {`
`60`	`60`	`}`
`61`	`61`	`}`
`62`	`62`
`63`		`- var bestMove = null;`
	`63`	`+ let bestMove: Move = null;`
`64`	`64`	`for (var i = 0; i < leaves.length; i++) {`
`65`	`65`	`if (bestMove == null) {`
`66`	`66`	`// bestMove = moves[i];`